@charset "utf-8";
/* CSS Document */
#seo{display:none;}
form{margin: 0;}
a{
	outline: none; /* for Firefox */
	hlbr:expression(this.onFocus=this.blur()); /* for IE */
	text-decoration: none;
}

*{
	behavior: url("iepngfix.htc"); /*解決IE6 PNG圖檔背景問題*/
	-webkit-user-select: auto;
    -webkit-text-size-adjust: none;	
}

a img{
	border: 0px;
}

ul{
	list-style:none;
	margin: 0;
	padding: 0;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0px;
	color: #000;
	background:#000;
}
header{
	background:#FFF;
	width: 100%;
	height: 55px;
}
#logo{
	float:left;
}
/*menu css start*/
.mainnav {
	position: absolute;
	left: 145px;
	top: 0;
}
ul#mainnav{
	list-style:none;
	float:left;
	margin-top: 17px;
	font-size: 14px;
}
ul#mainnav li{
	float:left;
	margin:0;
	margin-right: 15px;
}
ul#mainnav li a{
	color:#000;
	line-height:20px;
}
ul#mainnav li .insubnav a{
	float: left;
	color: #fff;
	padding: 0 10px;
	font-size: 12px;
}
ul#mainnav li .insubnav a:hover{
	text-decoration: underline;
}
.mainnav .subnav {
	position:absolute;
	left:0;
	overflow :hidden; 
}
.mainnav .subnav .insubnav {
	float: left;
	position:absolute;
	white-space:nowrap;
	background: url(../images/index_black_bg.png); 
	padding: 10px 0;
	z-index: 999;
	line-height: 25px;
}
/*menu css end*/
#menu_right{
	position: absolute; 
	right: 0;
}


#search_bt{
	float: left;
	margin:6px 0 0 0;
}
#search{
	float: left;
	position:absolute; 
	right:150px; 
	top:6px; 
	background: #000;
	width: 100%;
	height: 43px;
	display:none;
}
.search{
	font-size: 12px;
	margin-top: 13px;
	margin-left: 10px;
	border: #000;
	background: #000;
	color: #868686;
	width: 80%;
}
#language{
	background:#515254 url(../images/lang_bk2.jpg) no-repeat right;
	width:185px;
	height:20px;
	display:block;
	float:right;
	font-size:12px;
	padding:23px 0 0 35px;
	margin:6px 0 0 0;
	color:#FFF;
	cursor:pointer;
	text-align: center;
}
#language a{
	color:#FFF;
}
#language_list{
	font-size:12px;
	width:240px;
	padding:15px 20px;
	position:absolute;
	background:#2f2e2e;
	right:0;
	top:50px;
	display:none;
}
#language_list img{
	margin:0 5px 0 0;
}
#language_list a{
	color:#FFF;
	text-decoration:none;
}
#language_list a:hover{
	text-decoration:underline;
}
#language_list_all{
	font-size:12px;
	width:500px;
	padding:15px 20px;
	margin:10px 10px 10px 60px;
	background:#2f2e2e;
	color: #FFFFFF;
}
#language_list_all img{
	margin:0 5px 0 0;
}
#language_list_all a{
	color:#FFF;
	text-decoration:none;
}
#language_list_all a:hover{
	text-decoration:underline;
}
#slogan{position:absolute; left:0; top:25%; z-index:10;}
#main_lang{background:#FFF;}
#main_lang .title{color:#09F; font-size:50px;padding:15px 10px 30px 60px;}
#main_lang .cont{padding:10px 10px 10px 60px; font-weight:bold;}
#main select{font-size:18px; font-weight:normal; width:300px; color:#333; padding:5px;}
#main option{padding:0 5px;}
#main_wold{background:url(../images/worldwide_bg.png) repeat; padding:20px; position:absolute; right:0; top:50%; z-index:10;font-size: 13px;color: #FFF;line-height: 20px;}
#main_wold a{color: #FFF;text-decoration: none;}
#main_wold .com_name{font-size: 14px;color: #F00;}
#content{
	width:100%;
	background:url(../images/index_white_bg.png) repeat;
	position:fixed;
	bottom:0;
	padding: 20px 0;
}
#content h2{
	font-family:"Myriad Pro";
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:20px;
	*padding:12px 0 0 0 !important;
}
#new_products{
	float:left;
	margin:0 0 20px 35px;
}
#news{
	float:left;
	margin:0 0 0 35px;	
}
#exhibitions{
	float:left;
	margin:0 0 0 35px;
}
ul#info_list{
	list-style:none;
	font-size:12px;
	line-height:19px;
	overflow: inherit;
}
ul#info_list a{
	color:#000;
	text-decoration:none;
}
ul#info_list a:hover{
	text-decoration:underline;
}
footer{ position:fixed; bottom:0; right:0;}
/*#other_links{float:left}*/
#other_links img{float:left; margin:0 5px;}
#other_links a{
	position: relative;
	display: inline-block;
	margin-left: 3px;
}
#other_links span{
	width: 100%;
	height: 100%;
	background: #000;
	position: absolute;
	z-index:10;
	display: block;
	opacity: .8;
}
#other_links span:hover{
	opacity:0;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
#copyright{  
	width: 100%;
	height: 36px;
	margin-top:20px;
	float: left;
}
.copyright_switch{
	float: left;
    font-size: 11px;
    color: #FFF;
    background: #000;
    padding: 10px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    /*margin-top: 20px;*/
    display: none;
}
#copyright:hover{ 
	background: #313131;
	color: #fff;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
#copyright a{color:#F6F6F6; text-decoration:none;}
#copyright:hover a{ color: #fff; }
#copyright a:hover{text-decoration:underline;}
.welcome_a a{cursor: pointer;}

@media screen and (max-width: 1115px) {
	#menu_right{
		position: absolute;
		right: 0;
		top: 50px;
	}
}
/*IE6 IE7 IE8 Firefox */
#other_links{
	position: absolute \9;
	right: 0 \9;
	bottom: 0 \9;
	*position: absolute;
	*right: 0;
	*bottom: 0;
	_position: absolute;
	_right: 0;
	_bottom: 0;
}
#search_bt{
	position: absolute \9;
	right: 220px \9;
	*position: absolute;
	*right: 220px;
	_position: absolute;
	_right: 220px;
}
#search{
	top: 0 \9;
	width: 335% \9;
	right: 58px \9;
	*top: 0;
	*width: 335%;
	*right: 58px;
	_top: 0;
	_width: 335%;
	_right: 58px;
}
#copyright{
	position: absolute \9;
	bottom: 0 \9;
	*position: absolute;
	*bottom: 0;
	_position: absolute;
	_bottom: 0;
}
#copyright:hover{
	background: none \9;
	*background: none;
	_background: none;
}