@charset "utf-8";
/* CSS Document */
html, body{

    height: 100%;
}


#maincont{
	position: absolute;
	width: 1000px;
	top: 0px;
	left: 50%;
	height:100%;
	margin: 0px auto auto -500px;
	text-align: center;
	z-index:1;
	visibility: visible;
}

#bannerBtn {
	position:absolute;
	left:900px;
	top:330px;
	width:70px;
	height:14px;
	z-index:13;
	visibility: visible;
}

#vBtn {
	position:absolute;
	left:500px;
	top:950px;
	width:132px;
	height:29px;
	z-index:13;
	visibility: visible;
}

html { overflow-y: scroll; }
html { overflow:-moz-scrollbars-vertical; }


body{font-family:"微軟正黑體", "Microsoft JhengHei", Myriad Pro, Arial, Helvetica, sans-serif, "新細明體","PMingLiU"; letter-spacing:1px;	text-align: justify;
	text-justify:inter-ideograph;
	margin-left: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;}
	
a{outline: none; /* for Firefox */hlbr:expression(this.onFocus=this.blur()); /* for IE */ text-decoration:none;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}

.searchBar{FILTER: Alpha(opacity=80);border:none;color:#FFFFFF;text-align:right;background-image: url(../images/search_bar_06.jpg);vertical-align:middle;}





.cookie{font-size:12px;color:#666666; padding-left:22px; letter-spacing:1px;}
.cookie a{color:#666666;text-decoration:none;}
.cookie a:link{color:#666666;text-decoration:none;}
.cookie a:visited{color:#666666;text-decoration:none;}
.cookie a:hover{color:#222222;text-decoration:none;}
.cookie a:active{color:#666666;}

.back{font-size:12px;color:#666666;letter-spacing:1px;}
.back a{color:#666666;text-decoration:none;}
.back a:link{color:#666666;text-decoration:none;}
.back a:visited{color:#666666;text-decoration:none;}
.back a:hover{color:#222222;text-decoration:none;}
.back a:active{color:#666666;}

.top{font-size:12px;color:#666666;letter-spacing:1px;}
.top a{color:#666666;text-decoration:none;}
.top a:link{color:#666666;text-decoration:none;}
.top a:visited{color:#666666;text-decoration:none;}
.top a:hover{color:#222222;text-decoration:none;}
.top a:active{color:#666666;}

.clanderDate{ font-family:Myriad Pro,Helvetica, Arial, sans-serif, "新細明體", "微軟正黑體";font-size:14px;color:#ffffff;letter-spacing:1px; padding-top:2px;}
.clanderDate a{color:#ffffff;text-decoration:none;}
.clanderDate a:link{color:#ffffff;text-decoration:none;}
.clanderDate a:visited{color:#ffffff;text-decoration:none;}
.clanderDate a:hover{color:#ffffff;text-decoration:none;}
.clanderDate a:active{color:#ffffff;}

.cookie_current{font-size:12px;color:#959494;}

.page{font-size:14px;color:#6e6e6e; letter-spacing:1px; padding-right:100px;}
.page a{color:#6e6e6e;text-decoration:none;}
.page a:link{color:#6e6e6e;text-decoration:none;}
.page a:visited{color:#6e6e6e;text-decoration:none;}
.page a:hover{color:#222222;text-decoration:none;}
.page a:active{color:#6e6e6e;}

.page_current{color:#333333; font-weight:bold;}

.page_map{
	color:#8d8d8d;
	font-weight:bold;
	font-size:15px
}
.page_map a{color:#8d8d8d;text-decoration:none;}
.page_map a:link{color:#8d8d8d;text-decoration:none;}
.page_map a:visited{color:#8d8d8d;text-decoration:none;}
.page_map a:hover{color:#f8be20;text-decoration:none;}
.page_map a:active{color:#8d8d8d;}

.txt_banner{font-size:15px;color:#666666; line-height:24px; padding-top:25px;}
.txt_banner2{
	font-size:15px;
	color:#666666;
	line-height:24px;
}

.txt_analysis{font-size:15px;color:#666666; line-height:24px; padding-right:40px; padding-top:10px; padding-bottom:10px;_text-align: justify;*text-align: justify;text-align: justify;text-justify:inter-ideograph;}
.txt_analysis a{color:#666666;}
.txt_analysis a:link{color:#666666;}
.txt_analysis a:visited{color:#666666;}
.txt_analysis a:hover{color:#707070;}
.txt_analysis a:active{color:#666666;}

.txt_analysis2{font-size:15px;color:#666666; line-height:24px; padding-right:40px; padding-bottom:10px;_text-align: justify;*text-align: justify;text-align: justify;text-justify:inter-ideograph;}
.space_analysisIcon{ padding-top:5px; padding-bottom:20px;}
.space_analysisIcon2{ padding-top:9px; padding-bottom:20px;}


.txt_about{font-size:15px;color:#666666; line-height:24px; padding-right:60px; padding-top:10px; padding-bottom:10px;}
.txt_analysis3{font-size:15px;color:#666666; line-height:24px; padding-right:60px; padding-bottom:10px;_text-align: justify;*text-align: justify;text-align: justify;text-justify:inter-ideograph;}
.txt_analysis3 a{color:#666666;}
.txt_analysis3 a:link{color:#666666;}
.txt_analysis3 a:visited{color:#666666;}
.txt_analysis3 a:hover{color:#707070;}
.txt_analysis3 a:active{color:#666666;}


.txt_box_list{font-size:15px;color:#666666; line-height:22px; padding-top:50px; padding-right:30px; padding-bottom:15px;_text-align: justify;*text-align: justify;text-align: justify;text-justify:inter-ideograph;}
.txt_box_list a{color:#666666;text-decoration:none;}
.txt_box_list a:link{color:#666666;text-decoration:none;}
.txt_box_list a:visited{color:#666666;text-decoration:none;}
.txt_box_list a:hover{color:#444444;text-decoration:none;}
.txt_box_list a:active{color:#666666;}

.txt_box_list2{font-size:15px;color:#666666; line-height:22px; padding-top:30px; padding-right:50px; padding-bottom:15px;_text-align: justify;*text-align: justify;text-align: justify;text-justify:inter-ideograph;}
.txt_box_list3{font-size:15px;color:#666666; line-height:22px; padding-top:30px; padding-right:30px; padding-bottom:15px;_text-align: justify;*text-align: justify;text-align: justify;text-justify:inter-ideograph;}

.subtitle_box_list{font-size:16px;color:#016a5b;}
.subtitle_box_list a{font-size:16px;color:#016a5b;}
.subtitle_box_list a:link{font-size:16px;color:#016a5b;}
.subtitle_box_list a:visited{font-size:16px;color:#016a5b;}
.subtitle_box_list a:hover{font-size:16px;color:#27b19d;}
.subtitle_box_list a:active{font-size:16px;color:#016a5b;}
.contact_title{font-size:16px;color:#016a5b; padding-bottom:15px;}

.title_food{font-size:28px;color:#d84f3c; font-weight:bold; padding-top:15px;}
.title_nonfood{font-size:28px;color:#6ca51b; font-weight:bold; padding-top:15px;}
.title_industrial{font-size:28px;color:#2e98c5; font-weight:bold; padding-top:15px;}


.title_box_list{font-size:28px;color:#2b2b2b; font-weight:bold;}
.title_box_list a{color:#2b2b2b;text-decoration:none;}
.title_box_list a:link{color:#2b2b2b;text-decoration:none;}
.title_box_list a:visited{color:#2b2b2b;text-decoration:none;}
.title_box_list a:hover{color:#000000;text-decoration:none;}
.title_box_list a:active{color:#2b2b2b;}

.title_box_list2{font-size:28px;color:#ea6f14; font-weight:bold;}
.title_box_list2 a{color:#ea6f14;text-decoration:none;}
.title_box_list2 a:link{color:#ea6f14;text-decoration:none;}
.title_box_list2 a:visited{color:#ea6f14;text-decoration:none;}
.title_box_list2 a:hover{color:#ff7611;text-decoration:none;}
.title_box_list2 a:active{color:#ea6f14;}

.space_banner_txt{ padding-top:40px; padding-left:55px; padding-bottom:15px;}
.space_banner2_txt{
	padding-top:0px;
	padding-left:55px;
	padding-bottom:15px;
}
.space_food_list{ padding-left:25px; padding-bottom:15px;}
.space_food_list2{ padding-left:50px; padding-bottom:15px;}
.space_food_list_img{ padding-top:15px;}
.space_food_list_txt{ padding-top:20px; padding-left:20px;}
.space_line_box_list{ padding-top:10px; padding-bottom:10px;}
.space_page{ padding-top:20px; padding-bottom:22px; padding-right:30px;}
.space_line1{ padding-top:20px;}
.space_img_detail{ padding-top:45px; padding-right:45px; padding-bottom:20px;}
.space_analysis{ padding-top:25px; padding-left:50px; height:100px;}
.space_analysis_title{ padding-top:30px;}
.space_about{ padding-top:25px; padding-left:50px; height:100px; padding-bottom:20px;}
.space_add{ padding-left:40px; padding-bottom:20px;}

.HR_padding{
	margin-top:8px;}
	
.space_alltxt{ padding-top:25px; padding-left:25px; padding-bottom:15px; padding-right:40px; line-height:24px;_text-align: justify;*text-align: justify;text-align: justify;text-justify:inter-ideograph;}
	
.indexBtn{padding-right:35px; padding-top:26px; padding-bottom:10px;}

.imgRight{
	float:right;
	margin-left:20px;
	margin-bottom:15px;
	padding-bottom:15px;}

.imgLeft{
	float:left;
	margin-right:20px;
	margin-bottom:10px;}
	
.title1{font-size:16px;color:#016a5b; font-weight:bold; letter-spacing:1px;}
.title1 a{color:#016a5b;}
.title1 a:link{color:#016a5b;}
.title1 a:visited{color:#016a5b;}
.title1 a:hover{color:#009580;}
.title1 a:active{color:#016a5b;}

.title2{font-size:18px;color:#f8be20; font-weight:bold; letter-spacing:1px;}
.title2 a{color:#f8be20;}
.title2 a:link{color:#f8be20;}
.title2 a:visited{color:#f8be20;}
.title2 a:hover{color:#ffd200;}
.title2 a:active{color:#f8be20;}

.title_red{
	font-size:28px;
	color:#d84f3c;
	font-weight:bold;
	padding-top:15px;
}
.title_green{font-size:28px;color:#6ca51b; font-weight:bold; padding-top:15px;}
.title_blue{font-size:28px;color:#2e98c5; font-weight:bold; padding-top:15px;}
.title_orange{font-size:28px;color:#ea6f14; font-weight:bold; padding-top:15px;}
.title_white{font-size:30px;color:#ffffff; font-weight:bold; padding:10px;}
.title_news{font-size:28px;color:#ea6f14; font-weight:bold; }
.title_new2{
	font-family:Myriad Pro,Helvetica, Arial, sans-serif, "新細明體", "微軟正黑體";
	font-size:25px;
	color:#555555;
	font-weight:bold;
	padding:0px;
}

.news_pic{ padding-left:25px; padding-right:25px; padding-bottom:15px;}

/*
原本標準顏色
.txt1{font-size:15px;color:#666666; line-height:24px; padding-bottom:15px;}
.txt1 a{color:#666666;text-decoration:none;}
.txt1 a:link{color:#666666;text-decoration:none;}
.txt1 a:visited{color:#666666;text-decoration:none;}
.txt1 a:hover{color:#444444;text-decoration:none;}
.txt1 a:active{color:#666666;}*/

.txt1{font-size:15px;color:#969696; line-height:24px; padding-bottom:15px; letter-spacing:0px;}
.txt1 a{color:#969696;text-decoration:none;}
.txt1 a:link{color:#969696;text-decoration:none;}
.txt1 a:visited{color:#969696;text-decoration:none;}
.txt1 a:hover{color:#444444;text-decoration:none;}
.txt1 a:active{color:#969696;}

.txt2{font-size:15px;color:#969696; line-height:24px; padding-bottom:15px;}
.txt2 a{color:#969696;text-decoration:none;}
.txt2 a:link{color:#969696;text-decoration:none;}
.txt2 a:visited{color:#969696;text-decoration:none;}
.txt2 a:hover{color:#444444;text-decoration:none;}
.txt2 a:active{color:#969696;}



.footer_menu{font-size:15px; line-height:18px;color:#424242; letter-spacing:1px;}
.footer_menu a{color:#424242;text-decoration:none;}
.footer_menu a:link{color:#424242;text-decoration:none;}
.footer_menu a:visited{color:#424242;text-decoration:none;}
.footer_menu a:hover{color:#7c7c7c;text-decoration:none;}
.footer_menu a:active{color:#424242;}
	
.footer_menu_bold{	font-family: Arial, Helvetica, sans-serif, 新細明體;font-size:15px; line-height:20px; font-weight: bold;color:#393939;}
.footer_menu_bold a{color:#393939;text-decoration:none;}
.footer_menu_bold a:link{color:#393939;text-decoration:none;}
.footer_menu_bold a:visited{color:#393939;text-decoration:none;}
.footer_menu_bold a:hover{color:#707070;text-decoration:none;}
.footer_menu_bold a:active{color:#393939;}
	
.footer_menu_title{	font-family: Arial, Helvetica, sans-serif, 新細明體;font-size:15px; line-height:18px; font-weight: bold;color:#393939;}
.footer_menu_title a{color:#393939;text-decoration:none;}
.footer_menu_title a:link{color:#393939;text-decoration:none;}
.footer_menu_title a:visited{color:#393939;text-decoration:none;}
.footer_menu_title a:hover{color:#707070;text-decoration:none;}
.footer_menu_title a:active{color:#393939;}
	
.footer_en{font-family: Arial, Helvetica, sans-serif, 新細明體;font-size:13px; line-height:20px;color:#4d4c4c;}

.footer_survision{font-family: Arial, Helvetica, sans-serif, 新細明體;font-size:13px;color:#727272;}
.footer_survision a{color:#727272;text-decoration:none;}
.footer_survision a:link{color:#727272;text-decoration:none;}
.footer_survision a:visited{color:#727272;text-decoration:none;}
.footer_survision a:hover{color:#464646;text-decoration:none;}
.footer_survision a:active{color:#727272;}

#htmlbody{
	position:absolute;
	width:100%;
    height:100%;
    text-align:center;
	}

#mainbody{
	margin:0px;
	padding:0px;
	width:85%;
}

.menuright{
	float:absolute;
	height:100%;
	top:50%;
	left:26%;
}
.font1{
	font-size:10px;
}

.font3{
	font-family: Arial, Helvetica, sans-serif, 新細明體;font-size:10px;color:#727272;
	letter-spacing:0px;
}

.aboutus{
	color:#FFF;
	/*background-color:#5a5a5a;*/
	vertical-align:top;
	padding-left:10%;
	padding-right:10%;
	text-align:left;
	left:2%;	
	line-height:18px;
	letter-spacing:0px;
	font-size:12px;
	padding-bottom:-10px;
}

.menubg{
	background-image:url(../images/menu/menubg5.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

.footerline{
	margin-top:0px;
	/*height:1px;
	background:#D9D9D9;*/
	margin-bottom:6px;
	border-bottom:1px solid #D9D9D9;
}
.probaricon{
	margin-top:3px;
	float:left;
	vertical-align:baseline;
	margin-right:5px;
}
.nonshow{  /*產品列不表顯示*/
	text-indent:15px;
	/*color:#666;*/
	float:left;
	padding-top:15px;
	cursor:pointer;
}

.show{  /*產品列表顯示*/
	color:#666;
	float:left;
	text-indent:15px;
	cursor:pointer;
	padding-top:5px;
}

.show2{  /*產品列表顯示*/
	color:#666;
	float:left;
	cursor:pointer;
	padding-top:5px;
}

.show3{  /*產品列表顯示*/
	color:#666;
	float:left;
	padding-top:5px;
}

.secondtitle{
	color:#666;
	padding-top:5px;
}

#productshow{

}

#prodctlist{ /*產品清單*/
	float:left;
	margin:5px;
	border:1px solid #D7D7D7;
	height:20%;
	width:15%;
}
.productdown{ /*DownloadArea*/
	text-align:right;
	/*width:auto;*/
	/*height:30px;*/
}
.prolisttable{ /*產品列表Table設定*/
	height:200px;
}

.prohieght{ /*產品列表圖片部分*/
	height:120px;
}

.propicfont{ /*產品文字*/
	padding-top:-10px;
	font-size:12px;
	text-align:center;
	vertical-align:top;
}
.inputstyle{
	width:100%;
	/*height:22px;*/
	text-indent:4px;
}
.showinfobox{
	text-align:right;
	margin:0;
	width:100%;
	height:25px;
}

.contactbtn{
	width:88px;
	height:26px;
	display:block;
	border:1px solid #FFF;
}

#txtpicture{
	position:absolute;
	bottom:20px;
	right:20px;
	z-index:4;
	/*border:1px solid #9F0;*/
}

.marktitle{
	font-size:24px;
	font-weight:bold;
}

.aboutcontent{
	position: Relative ;
	left:5%;
	width:90%;
	margin-top:3px;
	font-size:12px;
	/*padding-left:90px;
	padding-right:80px;*/
	text-align:justify;
	line-height:25px;
}
.propicline{
	width:95%;
	/*height:1px;
	background-color:#D7D7D7;*/
	border-bottom:1px solid #D7D7D7;
}

.probarTop{ /*產品分類列表標題 Top背景*/
	background-image:url(../images/ProductTitlebar_02.jpg);
	background-repeat:repeat-x;
	width:100%;
}
.probarCenter{ /*產品分類列表標題 Middle背景*/
	background-image:url(../images/ProductTitlebar_05.jpg);
	background-repeat:repeat-x;
	width:100%;
}
.probarBtm{ /*產品分類列表標題 Bottom背景*/
	background-image:url(../images/ProductTitlebar_08.jpg);
	background-repeat:repeat-x;
	width:100%;
}

.probarbg{
	background-image:url(../images/bar.png);
	background-repeat:repeat-x;
	width:100%;
}
img{
	border:0px;
}
.font2{
	font-size:7px;
	text-indent:10px;
}

.productborder{
	position:relative;
	/*border:1px solid #D7D7D7;*/
}

.productborder2{
	position:absolute;
	/*border:1px solid #D7D7D7;*/
}

.product_small_icon{
	position:relative;
	float:left;
	top:0px;
	left:70px;
}
.downloadA{
	position:relative;
	top:20%;
	/*right:-75%;*/
	margin:0;
	padding:0;
}
.plusA{
	position:relative;
	float:left;
	top:0px;
	left:0px;
}

.product_proborder1{
	border-top:1px solid #D7D7D7;
	border-left:1px solid #D7D7D7;
	border-right:1px solid #D7D7D7;
	width:100%;
}
.product_proborder2{
	border-bottom:1px solid #D7D7D7;
	border-left:1px solid #D7D7D7;
	border-right:1px solid #D7D7D7;
	width:100%;
	text-align:right;
	height:25px
}


/***********************/
/*******分類樣式 ********/
/***********************/
.cate_prolimit{
	float:left;
	width:25%;
}

.cate_proborder{
	border:1px solid #D7D7D7;
	margin:5px;
	padding:2px;
	width:100%;
}
.cate_profont{
	font-size:12px;
	text-align:center;
}

#cate_overflow{
	/*position:absolute;*/
	overflow:hidden;
	/*border:1px solid #0C0;*/
	text-align:center;
	vertical-align:bottom;
	height:220px;
	margin:0;
	padding:0;
}
#moveswap{
	/*position:relative;*/
	margin:0;
	padding:0;
	/*overflow:hidden;*/
	/*border:1px solid #F00;*/
	/*width:100%;*/
}



.leftbg{
	background-image:url(../images/leftbg.png);
	background-repeat:repeat-y;
}

.rightbg{
	background-image:url(../images/rightbg.png);
	background-repeat:repeat-y;
	
}


.leftbg2{
	background-image:url(../images/leftbg2.jpg);
	background-repeat:repeat-y;
}

.rightbg2{
	background-image:url(../images/rightbg2.jpg);
	background-repeat:repeat-y;	
}


.normallink{color:#FFF; text-decoration:none;}
.normallink a{color:#FFF; text-decoration:none;}
.normallink a:link{color:#FFF; text-decoration:none;}
.normallink a:visited{color:#FFF; text-decoration:none;}
.normallink a:hover{color:#fcd500; text-decoration:none;}
.normallink a:active{color:#FFF; text-decoration:none;}

.pagetitle {
	padding-bottom:5px;
	padding-left:18px;
}

#printbtn{
	position:fixed;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	z-index:99;
	bottom:25px;
	right:15px;
	cursor:pointer;
}

.printbtn{
	background-image:url(../images/print.jpg);
	background-repeat:no-repeat;
	border:1px solid #FFF;
	background-color:#FFF;
	cursor:pointer;
	width:45px;
	height:35px;
}
#service_type li{
	padding:0px;
	margin:0px;
}

.txtlink{color:#666666; text-decoration:none;}
.txtlink a{color:#666666; text-decoration:none;}
.txtlink a:link{color:#666666; text-decoration:none;}
.txtlink a:visited{color:#666666; text-decoration:none;}
.txtlink a:hover{color:#444444; text-decoration:none;}
.txtlink a:active{color:#666666; text-decoration:none;}

.txt2{font-size:10px;color:#666666; line-height:24px; padding-bottom:15px;}
.txt2 a{color:#666666;text-decoration:none;}
.txt2 a:link{color:#666666;text-decoration:none;}
.txt2 a:visited{color:#666666;text-decoration:none;}
.txt2 a:hover{color:#444444;text-decoration:none;}
.txt2 a:active{color:#666666;}


.brands{color:#09C;}
.brands a{color:#09C;text-decoration:none;}
.brands a:link{color:#09C;text-decoration:none;}
.brands a:visited{color:#09C;text-decoration:none;}
.brands a:hover{color:#09C;text-decoration:none;}
.brands a:active{color:#09C;}

.txt_about_padding{
	padding-right:0px;
	}

.txt_about p{
	padding-top:0px;
	margin-top:0px;
}

.txt1 p{
	padding-top:0px;
	margin-top:0px;
}

#service_type ul{
	margin-top:0px;
	margin-bottom:0px;
	padding-left:20px;
}

li .txt_about{
	padding-left:0px;
}


.color5{color:#2575bc;}
.color5 a{color:#2575bc;text-decoration:none;}
.color5 a:link{color:#2575bc;text-decoration:none;}
.color5 a:visited{color:#2575bc;text-decoration:none;}
.color5 a:hover{color:#2575bc;text-decoration:none;}
.color5 a:active{color:#2575bc;}