@charset "utf-8";
/* CSS Document */

body,html{
	width:100%;
}

body{
	margin:0px;
	font-family:微軟正黑體,新細明體,Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	/*background:url(../images/all_bg_line.gif) repeat-x;*/
}

p{ font-size:12px; color:#666; line-height:20px;}
p.column{padding:15px 0px 30px;}
a:link, a:visited{color:#666;}
a:hover,a:active{color:#666;}
hr{color:#FFF;}
.icon{width:46px;}
.scope-text{width:300px;color:#333;}

/*navigation menu*/
#header{margin:auto; padding: 0 0 10px; text-align:center;}
#header img{ border:none; margin:40px 0px 26px; margin:40px 0px 30px\9;}
#nav{ width:1024px;margin: 0px  auto 0px; *margin: -4px  auto 0px; border-top:1px solid #cecece;}
#nav-menu{list-style:none; width:800px; margin:0 auto;}
#nav-menu li{ float:left; margin:0px 20px;}
.menu{letter-spacing:4px; font-size:16px; color:#666; width:150px}
.menu a:link, .menu a:visited{color:#666; text-decoration:none; line-height:50px; display:block;border-top:#FFF solid;}
.menu a:hover, .menu a:active{color:#99cc00; text-decoration:none; border-top:#99cc00 solid;}

.menu-selected{letter-spacing:4px; font-size:16px; color:#666; width:150px}
.menu-selected a:link, .menu-selected a:visited{color:#99cc00; text-decoration:none; line-height:50px; display:block; border-top:#99cc00 solid;}

/********************
 * FEATURE CAROUSEL *
 ********************/
.carousel-container {
    width:1920px;
	height:450px;
}
#carousel {
  height:450px;
  width:1920;
  position:relative;
  margin-bottom:0.5em;
  font-size:12px;
  font-family: Arial;
  margin:auto;
  
}
.carousel-image {
  border:0;
  display:block;
}
.carousel-feature {
  position:absolute;
  top:-1000px;
  left:-1000px;
  
  cursor:pointer;
}
.carousel-feature .carousel-caption {
  position:absolute;
  bottom:0;
  width:100%;
  background-color:#000;
}
.carousel-feature .carousel-caption p {
  margin:0;
  padding:5px;
  font-weight:bold;
  font-size:12px;
  color:white;
}
.tracker-summation-container {
  position:absolute;
  color:white;
  right:48px;
  top:230px;
  padding:3px;
  margin:3px;
  background-color:#000;
}
.tracker-individual-container {
  position:absolute;
  color:white;
  right:928px;
  top:433px;
  padding:0;
  margin:0;
}
.tracker-individual-container li {
  list-style:none;
}
.tracker-individual-container .tracker-individual-blip {
  width:14px;
  height:14px;
  margin:0px;
  padding:0px;
  color:white;
  text-align:center;
  background-color:#DDD;
  background:url(../images/slider_off.jpg);
}
.tracker-individual-container .tracker-individual-blip-selected {
  color:white;
  font-weight:bold;
  background-color:#000;
  background:url(../images/slider_on.jpg);
}
#carousel-left {
  position:absolute;
  bottom:33px;
  left:220px;
  cursor:pointer;
}
#carousel-right {
  position:absolute;
  bottom:33px;
  right:220px;
  cursor:pointer;
}

/*main slideshow*/
.slider-container{
	width:100%; 
	overflow:hidden;
	height:450px;
	margin:0px auto;
}

.slider{
	width:960px; 
	height:450px;
	position:relative;
	margin:0px auto;
}

.slider-inner{
	position:absolute;
	width:100%;
	height:450px;
	top:0px;
	left:-50%;
	
}


/*main highlight boxes*/
.highlight-wrapper{width:1022px; margin:auto;}
.highlight-content{width:300px;float:left; margin-right:50px; margin-bottom:50px;}
.highlight-title{font-size:20px;color:#666; margin-bottom:40px;}
.highlight-know a:link, .highlight-know a:visited{height:23px;width:70px;background:url(../images/btn-more.jpg); float:right;}
.highlight-know a:hover, .highlight-know a:active{background-position:bottom;}


/*about*/
.section-title{font-size:30px; letter-spacing:2px; color:#FFF;padding-top:10px;  padding-bottom:10px;}
.page-bg{background:url(../images/wrapper_green.jpg) repeat-x;}
.page-wrapper{width:780px; margin:auto;}
.section-subtitle{font-size:24px; color:#666; padding-bottom:0px;}
.about-content{ max-width:340px; float:left; margin-top:20px; line-height:20px;}
.about-content-long{ max-width:760px; float:left; margin-top:20px; line-height:20px;}




.about-content2{ line-height:20px; margin-bottom:50px; display:block;width:760px;}
.about-box{
	float:left;
	width:780px;
	margin-bottom:20px;
	margin-top:20px;
}

.about-line{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	float:left;
	width:780px;
	margin-bottom:20px;
}
/*scope*/
.scope-subtitle{font-size:20px; color:#FFF; width:500px; float:left;}



/***clients***/
#client{width:780px; margin:0px 0px 20px; *margin:0px 0px 45px; min-height:100px;}
#client ul{
	list-style:none; 
	margin:0px 0 10px; 
	padding:0px; 
	width:780px;
}
#client-menu li{float:left;font-size:14px; margin:-3px 10px 20px 0px; margin:0px 10px 20px 0px\9; word-break:keep-all; padding:6px;}
.client-filter{text-decoration:none;}
#client-menu li a:link, #client-menu li a:visited{background-color:#999; color:#FFF; text-decoration:none; padding:6px;}
#client-menu li a:hover, #client-menu li a:active{background-color:#669900;}
#logo{width:800px; margin-bottom:40px;}
#logo ul{list-style:none; margin:0px; padding:0px;}
.client-logo{list-style:none; float:left; margin:0px 11px 11px 0px; border:1px solid #D2D2D2;}
.client-logo img{}

#logo ul img{ 
	 list-style:none; 
	 float:left; 
	 margin:0px 11px 11px 0px; 
	 border:1px solid #D2D2D2; 
}

#header-logo
{
	 margin:0px 5px 0px 5px; 
}

/***contact***/
.contact-section{ margin:40px 0px 20px; width:780px; border-bottom:1px solid #CDCDCD;}
.contact-section p{ margin-bottom:40px;}
.contact-form{ margin-top:20px; color:#666666;}
.contact-form td{ padding-bottom:8px;}
.contact-form input, .contact-form select, .contact-form textarea{ border:1px solid #CDCDCD;}
.btn_submit a:link, .btn_submit a:visited{height:23px; width:70px;background:url(../images/btn-submit.jpg); float:left;}
.btn_submit a:hover, .btn_submit a:active{background-position:bottom;}

/***box***/
.box{
	background:url(../images/contact_box.jpg) no-repeat;
	width:286px;
	height:400px;
	z-index: 99999;
	visibility:hidden;
	left: 0px;
	position: absolute;
	top: 0px;
}
.box_form{padding:5px;}
.box_form input{ height:14px;}
.box_form textarea{ color:#666666; font-size:13px; width:264px; height:36px;}
.box_form td{ padding-bottom:6px;}
.box_text{font-family:微軟正黑體,新細明體,Arial, Helvetica, sans-serif;font-size: 14px;color: #FFF; width:100px;}
.btn_ask a:link, .btn_ask a:visited{height:28px; width:112px;background:url(../images/btn-ask.jpg); float:right;}
.btn_ask a:hover, .btn_ask a:active{background-position:bottom;}
.btn_close a:link, .btn_close a:visited{height:13px; width:13px;background:url(../images/btn-close.jpg); float:right;}
.btn_close a:hover, .btn_close a:active{background-position:bottom;}