body, 
html 
{	margin: 0;	
	padding: 0;	
	font-family: Verdana;}

.main_title{
	position: relative;
	padding: 20px;
	font-size: 25px;
	text-align: center;
}

.main_title_english{
	font-size: 12px;
	color: #B4B4B4;
}

.news_each{
	border-bottom: 1px dashed #D4D4D4;
	padding-bottom: 15px;
	position: relative;
	margin-top: 15px;
}
.news_time{
	position: absolute;
	right: 25px;
	top: 0px;
	color: #8A8A8A;
}
.news_time_index{
	position: relative;
	margin-left: 25px;
	margin-top: 10px;
	font-weight: lighter;
}
.news_content{
	line-height: 20px;
	margin-top: 10px;
	color: #8A8A8A;
	font-weight: lighter;
	font-size: 14px;
}

.container 
{	width: 1024px;	
	margin: 0 auto;}

.container2 
{	width: 800px;	
	margin: 0 auto;}

.container_wrapper 
{	width: 100%;}

.floatRight 
{	float: right;}

.floatLeft 
{	float: left;}
	header {	height: 90px;
		overflow: hidden;
		background: #fff;}header 

.container 
{	height: 130px;	
	position: relative;}

#title 
{	position: absolute;	
	width: 320px;	
	height: 80px;	/*background: #BBB;*/	
	top: 20px;}

#title h1 
{	position: absolute;	
	bottom: 20px;	
	right: 10px;	
	font-size: 15pt;	
	font-weight: bold;	
	line-height: 1em;	
	letter-spacing: 0.2em;	
	margin: 0;	
	color: #334051;}

#title h2 
{	position: absolute;	
	bottom: 3px;	
	right: 2px;	
	font-size: 10pt;	
	line-height: 1em;	
	margin: 0;	
	color: #334051;}

#login 
{	position: absolute;	
	top: 25px;	
	right: 0px;	
	width: 150px;	
	height: 100px;	
	/*background: #bbb;*/}

#login input 
{	float: right;}
.loginFrame
{	line-height: 20px;    
	height: 20px;    
	padding: 1px 5px;    
	border: 1px solid #CCC;    
	margin: 3px 0;}
.loginBtn
{	padding: 2px 7px;    
	border: 1px solid #CCC;    
	margin: 3px 0;    
	background: #fff;    
	cursor: pointer;    
	color: #aaa;}
.loginBtn:hover{	color: #333;}nav 
{	height: auto;	
	background: #91c058;	
	z-index: 1;	
	font-family: "標楷體", DFKai-sb, BiauKai;}
.clearfix:after 
{    content: ".";    
	display: block;    
	height: 0;    
	clear: both;    
	visibility: hidden;}/*#navigation, #navigation ul, #navigation li { margin: 0; padding: 0; list-style-type: none; z-index: 1; } #navigation a { background-color: #91c058; text-decoration: none; font: 10pt 'ColaborateLightRegular', Arial, sans-serif; text-align:center; margin: 0px; padding:0px; color:#fff; border-top: 1px solid #91C058; border-left: 1px solid #91C058; border-right: 1px solid #91C058; border-bottom: 1px solid #91C058; } #navigation a:hover { background: #334051; border-top: 1px solid #91C058; border-left: 1px solid #91C058; border-right: 1px solid #91C058; border-bottom: 1px solid #91C058; }*//*  ----Old css setting for nav botton... .navBtn { float: left; text-decoration: none; color: #fff; font-size: 10pt; padding: 8px 20px; margin: 0 0px; border-top: 8px solid #91C058; border-bottom: 8px solid #91C058; } nav a:hover{ background: #334051; border-top: 8px solid #334051; border-bottom: 8px solid #819d5b; }*/

#slideShow 
{	height: 392px;	
	background: #91c058;	
/*background:#999999;*/}

#camera_wrap_1 
{	min-width: 1024px;}

#upperSection 
{	height: 525px;	
	background: #f3f3f3;	
	position: relative;	
	z-index: -2;}

#upperSectionBackground 
{	height: 460px;	
	position: relative;}

#upperSection_leftArticle 
{	width: 320px;	
	height: 200px;	
	margin-top: 70px;	
	position: absolute;}

#upperSection_middleArticle 
{	position: absolute;	
	width: 320px;	
	height: 200px;	
	left: 50%;	
	margin-left: -160px;	
	margin-top: 70px;}

#upperSection_rightArticle 
{	width: 320px;	height: 200px;	margin-top: 70px;	position: absolute;	right: 0;}
#upperSection .upperSection_articleImg 
{	margin-top: 5px;	margin-left: 5px;	width: 70px;	height: 70px;}
#upperSection h1,
#upperSection h2 
{	position: absolute;	font-size: 19pt;	line-height: 1.3em;	letter-spacing: 0;	margin: 0;	left: 90px;	font-family: "標楷體", DFKai-sb, BiauKai;}
#upperSection h1 
{	top: 15px;    color: #91c058;}
#upperSection h2 
{	top: 45px;    color:#334051;}
#upperSection p 
{    color:333;    font-size:12pt;	line-height: 1.8em;	letter-spacing: 0.1em;    margin:15px 10px 10px 10px;}
#lowerSection 
{	height: 330px;	background: #91c058;}
#lowerSection .container 
{	position: relative;}

#news 
{	position: absolute;	top: -160px;	width: 1000px;	height: 450px;	
	/*background: #bbb;*/	left: 50%;	margin-left: -500px;}
#news h1 
{	position: absolute;	font-size: 36pt;	width: 1000px;	margin: 0;	text-align: center;	line-height: 1em;	color: #91c058;	font-family: "Brush Script MT", cursive;}
#news article {	position: absolute;	bottom: 0;	width: 100%;	height: 360px;	background: #fff;	border-radius: 20px;	padding: 20px;}

#lowerSection_leftArticle 
{	left: 0;}
#lowerSection_rightArticle 
{	right: 0;}
#news article h2{	font-size:18pt;	left:0;	color:#91c058;	line-height: 1.4em;	letter-spacing: 0;	margin: 0;	font-family: "標楷體", DFKai-sb, BiauKai;}
#news article p{	font-size:12pt;	line-height: 1.8em;	letter-spacing: 0.1em;	width: 450px;}footer {	height: 300px;	background: #334051;	font-family: "標楷體", DFKai-sb, BiauKai;	}.footerLine{	height: 15px;	width: 100%;	background: #91c058;}footer p{	font-size: 11pt;	line-height: 1.8em;	letter-spacing: 0.1em;	color: #eee;	float: left;	margin: 0 60px 0 0;}
#copyRight{	padding:0;	text-align: right;	color: #eee;	font-size: 11pt;	line-height: 1.5em;	letter-spacing: 0.1em;	margin-top: 25px;}
#socialNetwork{	height: 40px;	float: right;	margin-top: 5px;}
	.coverLine{	height: 20px;	width: 100%;	background: #91c058;}
	.subpageCover{  width: 100%;  height : auto;  max-height: 380px;  max-width: 100%;}
	/*-------- Performance -------*/
	.performanceA,.performanceB{	height: auto;	position: relative;	padding: 50px 0;}
	.performanceA{	background: #91c058;}
	.performanceTitle{	color: #91c058;	font-size: 24pt;	letter-spacing: 0.1em;	margin: 0;	padding: 20px 0;	text-align: center;	font-family: "標楷體", DFKai-sb, BiauKai;}
	.performanceSubtitle{	height: 25px;	margin-bottom: 20px;	}
	.performanceSubtitle h1{	margin: 0;	width: auto;	height: auto;	line-height: 1em;	text-align: center;}
	.performanceA .performanceSubtitle h1{	color: #fff;	font-family: "標楷體", DFKai-sb, BiauKai;}
	.performanceB .performanceSubtitle h1{	color: #91c058;	font-family: "標楷體", DFKai-sb, BiauKai;}
	.subtitleBG{	height: 25px;	margin: 0 auto;	position: absolute;	left: 50%;	margin-left: -115px;	padding: 0 20px;}
	.performanceA .subtitleBG{	background: #91c058;}
	.performanceB .subtitleBG{	background: #fff;}
	.performanceImage_1{	width: 200px;}
	.performanceImage_2{	width: 400px;}
	.performanceImage_3{	width: 600px;}
	.performanceImage_1,.performanceImage_2,.performanceImage_3{	margin: 0 auto;}
	.performanceImage_1 img,.performanceImage_2 img,.performanceImage_3 img{	width: 200px;	float: left;	margin-bottom: 20px;}
	.performanceAll{	width: 1024px;	margin: 0 auto;}
	.performanceData{	width: 1000px;	margin: 0 auto;	height: 100%;	font-size: 11pt;	line-height: 1.8em;	letter-spacing: 0.1em;}
	.performanceA .performanceData{	color: #fff;}
	.performanceB .performanceData{	color: #555;}
	.performanceData table{	border-collapse:collapse;	margin-bottom: 20px;}
	.performanceData table td{	height: 35px;	line-height: 0;}
	.performanceA .performanceData table{	border: #a7cd78 solid 1px;}
	.performanceB .performanceData table{	border: #ccc solid 1px;}
	.performanceData table td{	padding: 0 5px;}
	.clear{	clear: both;}
	/*-------- Technology -------*/
	.technologyIntro{	height: 300px;	padding: 20px 0;}
	.technologySubIntro{	height: auto;	padding: 40px 0;	background: #91c058;}
	.technologyContent{	height: 800px;	background: #f3f3f3;}
	.technologyBreak{	height: 20px;	background: #91c058;}
	.technology p{	font-size: 12pt;	line-height: 1.8em;	letter-spacing: 0.1em;	margin:0;}
	.technologySubIntro p{	font-size: 18pt;	line-height: 1.8em;	letter-spacing: 0.1em;	margin:0;	font-family: "標楷體", DFKai-sb, BiauKai;}
	.technologyIntro h1{	font-size: 21pt;	font-family: "標楷體", DFKai-sb, BiauKai;	color: #91c058;}
	.technologyIntro p{	width: 410px;	margin: 0;	float: left;}
	.technologyIntro img{	float: right;}
	.technologySubIntro p{	text-align: center;	color: #fff;}

#technologyTopic_1 .technologyContent ul{	list-style-image:url('../image/listStyle.png');	margin: 0;}
#technologyTopic_1 .technologyContent li{	font-size: 12pt;	line-height: 1.8em;	letter-spacing: 0.1em;	width: 280px;	height: 120px;	float: left;	margin: 50px 0 0 40px;}
#technologyTopic_2 .technologyIntro span{	font-size: 12pt;}
#technologyTopic_2 .technologyContent h1{	font-size: 14pt;	font-family: "標楷體", DFKai-sb, BiauKai;	color: #91c058;	margin: 0 0 10px 0;}
#technologyTopic_2 .technologyContent{	padding: 40px 0;}
#technologyTopic_2 .technologyContent article{	width: 290px;	height: 250px;	float: left;	margin: 20px 0 60px 40px;}
#technologyTopic_2 .technologyContent .container{	position: relative;}
#technologyTopic_2 li{	font-size: 12pt;	line-height: 1.5em;	letter-spacing: 0.1em;}
#technologyTopic_2 a{	position: absolute;	right: 50px;	bottom: -100px;}

/*-------- Contact -------*/
#contact{	height:550px;	padding-top: 70px;	font-size: 12pt;	font-family: "標楷體", DFKai-sb, BiauKai;}
#contactInfo{	width: 300px;	float: left;	font-size: 12pt;	line-height: 1.5em;	margin-left: 30px;}
#contactForm{	width: 600px;	height: 400px;	float: right;	margin-right: 30px;}
#contactForm ul{	list-style: none;	padding: 0;	margin: 0;}
#contactForm li{	height: 24px;	margin-bottom: 20px;}
#contactForm li div{	float: left;	margin: 5px 5px 0 0;}
#contactForm label{	width: 100px;	float:left;	margin: 5px 15px 0 0;	text-align: right;}
#contactForm input{	line-height: 20px;    padding: 1px 5px;    border: 1px solid #CCC;    float: left;}ul:nth-child(1) input,ul:nth-child(2) input{	width: 150px;	height: 15px;}ul:nth-child(1) li:nth-child(4) input{	width: 20px;}ul:nth-child(3) li:nth-child(1) input{	width: 470px;	height: 150px;}
#contactForm  ul:nth-child(3) li:nth-child(1){	height: 150px;}.contactBtn{	padding: 2px 7px;    border: 1px solid #CCC;    margin-left: 30px;    margin-top: 10px;    background: #fff;    cursor: pointer;    color: #aaa;}.contactBtn:hover{	color: #333;}#contact img{	border-radius: 15px;}

/*-------- Career -------*/
#career{	height: 750px;}
#careerInfo{	float: right;	width: 500px;	margin: 30px 30px 0 0;	letter-spacing: 0.1em;	line-height: 1.8em;}
#careerInfo h1{    font-family: "標楷體", DFKai-sb, BiauKai;}
#careerInfo div{	width: 500px;	float: left;}
#careerInfo div p{	margin-left: 10px;}
#career ul{	margin: 0;	list-style-type: decimal;}
#career ul h1{	margin-left: -40px;}
#careerInfo ul:nth-child(2){	float: left;	width: 180px;}
#careerInfo ul:nth-child(3){	float: right;	width: 240px;}
#career img{	margin: 50px 0 0 30px;	border-radius: 15px;;}

#lastnews{	height: 650px;}

/*------------------machine---------------------*/
.machineInfo h1{
	text-indent : -1.3em;
	font-size: 18pt;
	font-family: "標楷體", DFKai-sb, BiauKai;
	color: #91c058;
	margin: 0 0 10px 0;
}
.machineInfo p{
	margin-left : 1em;
}
.machineInfo{
	font-family: "微軟正黑體";
	line-height: 20pt;
}
/*------------------partner----------------------*/
.partner p {
	font-size:12pt;font-family: "微軟正黑體";
}
.greenList ul
{	
	list-style-image:url('../image/listStyle.png');
	margin: 0;
	font-size:16pt;
}
.greenList ul li
{	
	font-family: "微軟正黑體";
	padding-top:25px;
	font-size:16pt;
}
.greenList ul li ul
{	
	list-style-image:none;
}
.greenList ul li ul li
{	
	font-size:12pt;
}
.greenList ul li p
{	
	font-size:12pt;
}
.greenList ul li ol
{	
	padding-bottom:15px;
}
.greenList ul li ol li
{	
	margin:-15px;
}
.partner h1{
	font-size: 20pt;	font-family: "標楷體", DFKai-sb, BiauKai;	color: #91c058;	margin: 0 0 10px 0;
}
/*------------------performance4-------------------------*/
.smlTitil{
	margin: 30px 0 -10px 0;
	font-weight: bold;
}
#performance4{
	display: block;
}
/*------------------performance5-----------------------------*/
#performance5 h2{
	font-size: 20pt;	
	font-family: "標楷體", DFKai-sb, BiauKai;	
	color: #91c058;	margin: 0 0 10px 0;
}
#performance5{
	
	font-family: "微軟正黑體";
}
.performance5_wrapper ul li{
	margin: 15px;
}
/*----------------RightFastBox--------------------------------*/
#rightFastBoxImg{
	position: fixed;
	right:10px;
	top:100px;
	border: #555 solid 1px;
	padding:5px;
	background-color: #fff;
	font-family: "標楷體", DFKai-sb, BiauKai;
}
#rightFastBoxImg:hover #rightFastBox{
	visibility: visible;
}
#rightFastBox{
	position: fixed;
	right:10px;
	top:125px;
	visibility: hidden;
	overflow-y:scroll;
	height:500px;
}
.rightFastBoxBtn{
	height: 20px;	
}
#RightFastBoxTable{
	background-color: #334051;
	text-align: left;
	width:400px;
	font-size: 12pt;
}
#RightFastBoxTable tr td{
	border-bottom: #CCC solid 1px;
	height:40px;
}
#RightFastBoxTable tr td:hover {
	background-color: #91c058;
}
#RightFastBoxTable tr td a{
	color:#fff;
	text-decoration:none;
}
#RightFastBoxTable tr td div{
	width:400px;
	height:40px; 
	display:table-cell;
	vertical-align:middle;
	padding-left: 10px;
	padding-right: 10px;
}
/*-----------------consultant---------------------*/
#consultant p {
	font-size:12pt;
	padding-top:20px;
	font-family: "微軟正黑體";
}
#consultant h1{
	font-size: 20pt;	
	font-family: "標楷體", DFKai-sb, BiauKai;	
	color: #91c058;	
	margin: 0 0 10px 0;
}
#consultant .contentImg{
	/*position: absolute;*/
	position:relative;
	right:0px;
	width:400px;
	float:right;
}
.linkBox{
	background-image: url("../image/BloggerLink.jpg");
	background-size:335px 65px;
	position:relative;
	width:330px;
	height:65px;
	border-width:1px;
	border-style:solid;
	border-color:#fff;
	/*left:600px;
	float: left;*/
	float:right;
	text-align: right;
	top:11px;
	right:350px;
}
.fb-page{
	position:relative;
	float:right;
	right:-330px;
	top:-20px;
	width:330px;
	height:65px;
}
.linkBox a{
	color:#fff;
	position:relative;
	font-family: "微軟正黑體";
	font-size: large;
	line-height: 65px;
	float:right;
	text-align: right;
	top:0px;
	right:50px;
	/*right:50px;*/
}
.p5toptxt{
	color: #fff;
	position: relative;
	top:200px;
	left:200px;
	margin: 0 auto;
	overflow: auto;
	line-height: 1.8em;
	letter-spacing: 0.1em;
	text-align: justify;
	z-index: 20;
	margin: 0;
	padding: 10px 30px 30px 30px;
	width: 350px;	
	background: #334051;
	border-radius: 10px;
}
.p5toptxt h1{
	font-family: "標楷體", DFKai-sb, BiauKai;	
}
.titleSubtxt{
	font-family: "標楷體", DFKai-sb, BiauKai;	
	/*font-family: "微軟正黑體";*/
	font-size:18pt;
	font-weight: bolder;
	padding-bottom: 50px;
}
.footerLink{
	display: inline;
}