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

body { margin:0 auto; padding:0; width:100%; background-color:#CCC; font-family:"微軟正黑體", "Arial Unicode MS";}

#main {width:950px; padding:0; margin:0 auto; height:auto; background-color:#000}

.wrapper {background-color:#FFF;
width:950px; padding:0; margin:0 auto; }


.logo{
margin-left:30px;
float:left;
margin-bottom:-30px;
margin-top:7px;
}

.menu{
	clear:both;
	background-image:url(../images/menu_bg.png);
	background-position:top;
	height:45px;
}

.menu ul {padding-left:350px;}

.menu ul li {
	float: left;
	display: inline;
	list-style-type: none;
	margin-left:30px;
}

.menu ul li a{
	text-decoration: none;
	font-size:14px;
	color:#666;
	font-weight:100;
	padding-bottom:8px;
	line-height:50px;
	}
	
.menu ul li a:hover ,a.active_nav{
	color:#FFF;
	border-bottom-width: 2px;
	border-bottom-style:solid;
	border-bottom-color:#0FF;
}
	
#language ul li { float:right;
padding:3px;
}

#language ul {list-style:none;
margin-top:-40px;
margin-right:10px;
float:right;
}

/* Slider */
#slider {
 width: 950px;
 height: 200px;
 position:relative;
 background:#fff url('img/loading.gif') no-repeat 50% 50%;
}

#slider img {
 position:absolute;
 top:0px;
 left:0px;
 display:none;
}

#slider a {
 border:0;
 display:block;
}

#slider .nivo-controlNav {
 position:absolute;
 bottom:-30px;
 left:50%;
 margin-left:-60px; /* Tweak this to center bullets */
}

a.nivo-control {
 float: left;
 color: black;
 text-indent:-9999px;
 background:url(../images/slider_nav_b.png);
 display: block;
 width: 26px;
 height: 26px;
}


a.nivo-control:hover, a.active {
 background:url(../images/slider_nav.png);
}

#slider .nivo-directionNav a {
 display:block;
 width:30px;
 height:30px;
 text-indent:-9999px;
 border:0;
}

/*-------container---------*/

.container {clear:both;
margin-top:10px;}

.txt{
	font-size:12px;
	color:#666;
	letter-spacing: 1px;
	line-height: 16px;
					}

.left_section {float:left;
					width:450px;
					margin-left:30px;
					clear:left;}

.right_section {float:right;
					 width:470px;
					 clear:right;
}

.b_left_section {float:left;
					width:450px;
					margin-left:30px;
					clear:left;}

.b_right_section {float:right;
					 width:470px;
					 clear:right;
					 margin-bottom:20px;}
					 
.info_area {margin-top:-30px;}

.txt_area {padding:5px;}

.case_title{
	background-image:url(../images/case.png);
	background-repeat:no-repeat;
	border:0;
	height:37px;
	}

.contact_title{
	background-image:url(../images/contact.png);
	background-repeat:no-repeat;
	border:0;
	height:37px;
	}

.about_title{
	background-image:url(../images/about.png);
	background-repeat:no-repeat;
	border:0;
	height:37px;
	}

.products_title{
	background-image:url(../images/products.png);
	background-repeat:no-repeat;
	border:0;
	height:37px;
	}

.options, .p_options {
	float:left;
	width:190px;
	border-right-width: 8px;
	border-right-style: solid;
	border-right-color: #39F;
}

.options ul li {
	list-style:none;
	margin-left:60px;
	padding-bottom:10px;
	padding-right:10px;
	text-align:right;}
	
.options ul li a {
	text-decoration:none;
	color:#333;
	font-size:12px;
	padding-left:5px;}
	
.options ul li a:hover,a.active2 {
	color:#09F;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #09F;
}

.info {
	float:right;
	width:740px;
	}
	
.products_info {
	float:right;
	width:680px;
	background-color:#f2f2f2;
	padding:0px 10px 10px 10px;
	margin:10px 20px 10px 10px;
	}	

.info img {
	border-width: 3px;
	border-style: solid;
	border-color:#999;
	}

.info ul li, .info2 ul li {
	margin-left:-40px;
	list-style:none;
	padding-bottom:10px;}
	
	
.contact_info {
	float:left;
	width:250px;
	margin-top:50px;
	margin-left:10px;
	border-right-width: 8px;
	border-right-style: solid;
	border-right-color: #39F;
	text-align: left;
	}
	
.contact_info a {
	font-size:12px;
	line-height:20px;
	}

.contact_form {
	width:650px;
	float:right;
	padding:15px;
	}
	
.preview{
	width:730px;
	float:right;}

.preview ul li {
	list-style:none;
	float:left;
	padding-left:10px;
	padding-bottom:15px;
	}

.preview ul li img {
	border-color:#999;
	border-width:3px;
	border-style:solid}

.preview ul li a {
	text-decoration:none;
	color:#666;
	font-size:14px;
	font-weight:bolder;

}

.preview ul li a:hover {
	color:#333;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #09F;
	overflow:hidden;
}
	
/*------------product list----------------------*/

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;

}

ul.dropdown li a{
	padding-bottom:10px;
	font-size:12px;
	display:block;
	width:80px;
	text-align:left;}

ul.dropdown {
 position: relative;
 z-index: 597;
 float:right;
 margin-right:-10px;
}



ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

/* ------------- Reinitiate default: post-override activities  */

	ul.dropdown li.dir {
	 padding: 7px 20px 7px 14px;
	}

	ul.dropdown ul li.dir {
	 padding-right: 15px;
	}


/* ------------- Custom */


	ul.dropdown ul a {
	 padding: 4px;
	 font-size:12px;
	 text-align:left;
	 width: 120px; /* Especially for IE */
	}



	ul.dropdown a.open {
	 color:#09F;
	}

	ul.dropdown ul a.open {
	 color: #fff;
	}


	/* CSS 2.1 */

	ul.dropdown li:hover > a.dir {
	 color:#09F;
	}

	ul.dropdown ul li:hover > a.dir {
	 color: #fff;
	}
	
/* ----- ALL LEVELS (incl. first) */


	ul.dropdown li {
	 padding: 4px 0;
	 color:#333;
	}


	ul.dropdown a:link,
	ul.dropdown a:visited { color:#333; text-decoration: none; }
	ul.dropdown a:hover { color:#09F; text-decoration: none; }
	ul.dropdown a:active { color:#F00; }


/* ----- END LEVEL */


	/* ----- NON-FIRST LEVEL */

	ul.dropdown ul {
	 margin-left:70px;
	 margin-top:-40px;
	 width:auto;
	 background-color:#333;
	 color: #fff;
	 text-transform: none;
	 filter: alpha(opacity=90);
	 -moz-opacity: .9;
	 KhtmlOpacity: .9;
	 opacity: .9;
	}

		ul.dropdown ul li {
		 background-color: transparent;
		 color:#09F;
		 filter: none;
		}

		ul.dropdown ul li.hover,
		ul.dropdown ul li:hover {
		 background-color: transparent;
		}

		ul.dropdown ul a:link,
		ul.dropdown ul a:visited { color: #fff; }
		ul.dropdown ul a:hover { color:#09F; text-decoration: none;
		margin-left:-3px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #09F;}
		ul.dropdown ul a:active { color:#09F;}


/* ----- END Products List------- */


/*-------------*/

.shadow {
	clear:both;
	background-image:url(../images/shadow.png);
	background-repeat:no-repeat;
	width:950px;
	height:24px;
	color: #ac3b2f;
}

.btn_img { padding-bottom:2px;}

.link {
	color:#09F;
	font-size:12px;
	text-decoration: none;
	float: right;
}

/*------------products list--------------*/

div#feature_list {
			width: 740px;
			height:550px;
			overflow: hidden;
			position: relative;
		}

		div#feature_list ul {
	position: absolute;
	list-style: none;
	padding: 0;
	margin: 0;
	bottom:0;
		}

		ul#tabs {
	right: 50px;
	z-index: 2;
	width: 100px;
		}

		
		ul#tabs li img {
			display:block;
			height:100px;
			width:100px;
			overflow: hidden;
			padding: 5px;
			border: none;
			margin-left:auto;
			margin-right:auto;
		}	
		
		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
	left: 30px;
	width: 550px;
	height: 550px;
	position: relative;
		}

		ul#output li {
	position: absolute;
	width: 550px;
	height: 550px;
	
		}
		ul#output li img {
			position: absolute;
			bottom:0;
			}

/*----------process----------*/

.process {
	background: url(../images/process.png) no-repeat;
	height: 1100px;
	margin-left: 25px;
	margin-right: auto;
	display: block;
	margin-top: 25px;
}


/*------footer-------*/

.footer {
	clear:both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #09F;
	margin-right: 20px;
	margin-left: 20px;
}

.footer_info{
	background-image:url(../images/footer.png);
	background-repeat:no-repeat;
	background-position:center;
	background-position:bottom;
	padding-top:10px;}

.footer_info ul {
	margin-left:-20px;
	}

.footer_info ul li{
	float:left;
	list-style:none;
	padding-right:10px;
	padding-left:10px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color:#999;
}
.footer_info ul li a{
	color:#666;
	font-size:12px;
	text-decoration:none;}
	

.footer_info a {
	font-size:12px;
	color:#999;
}
	
/*-------------contact------------------*/
form{margin:0; padding:0;}
fieldset{border:0px;}
.contact_form{position:relative; }

.contact_form label{ display:block; color:#06F; font-size:12px; float:left; width:60px;}
span.error{color:red;text-align:left; font-size:11px; float:left;}
.contact_form .text-input{
	margin-bottom:15px;
	width:270px;
}
.contact_form textarea{
	margin-bottom:7px;
	width:97%;
}
#message{ margin-left:0px;}
#message p{margin:6px 0px; }
.contact_form .butcontact{ cursor:pointer; margin:10px 0 0 0;}


.map {
	width:900px;
	margin-left:25px;
	margin-bottom:25px;
	clear:both;
}