@charset "utf-8";
/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,img, p{ font-family:"Times New Roman", "微軟正黑體", Times, serif;margin:0;padding:0;border:0;outline:0;vertical-align: baseline;}


address,caption,cite,code,dfn,em,th,var {font-weight: normal;font-style: normal;}
a,a:hover,img,div,input,background{text-decoration: none;outline: none; /* for Firefox */border:none;
hlbr:expression(this.onFocus=this.blur()); /* for IE */}

body{ background-color:#012a4a;}

/*WRAPPER*/
#wrapper{margin:0px auto; float:right;  min-width: 1300px;}

/*HEADER*/
#header{ position: fixed; left:-3px; top:0; z-index:500; width:219px; padding:0px 3px; height:100%; background:url(../images/bg_left.png) repeat-y left top;}

/*LOGO*/
#logo{float:left;}
#logo a{
	margin-left:15px;
	width:171px;
	height:100px;
	display:block;
	overflow:hidden;
	line-height:90000px;
	background: url(../images/logo.png) no-repeat top left;}


#topnav{ float:right; list-style:none; background-color:#000; width:20px; padding:8px 5px 0px; margin-bottom:8px;}
#topnav li{}
#topnav li a{ margin-bottom:9px; }

/*ICON*/
.icon01{ background-image:url(../images/icon.png); background-repeat:no-repeat; display:block; margin-left:2px;}
.icon02{ background:url(../images/icon01.png) no-repeat left top; display:block; position:absolute; z-index:500; left:10px; top:10px; width:19px; height:20px;}

.i01_home{ background-position:0 0; width:18px; height:18px;}
.i01_fax{ float:left; background-position:-18px 0; width:18px; height:18px; margin-right:5px;}
.i01_mail{ float:left; background-position:-36px 0; width:18px; height:18px; margin-right:5px;}




/*LANGUAGE*/
.language{background-image:url(../images/icon_lang.jpg); background-repeat:no-repeat; width:21px; height:15px;display:block;}
.lang01{ background-position:0 -15px;}
:hover.lang01,.current .lang01{ background-position:0 0;}

.lang02{ background-position:-21px -15px;}
:hover.lang02,.current .lang02{ background-position:-21px 0;}

.lang03{ background-position:-42px -15px;}
:hover.lang03,.current .lang03{ background-position:-42px 0;}

/*CONTACTUS*/
#contact_info {
    color: #fff;
    margin: -5px 0px 0px 10px;
    font-size: 13px;
    line-height: 15px;
}
#contact_info a {
	color: #fff;
    font-size: 13px;
    line-height: 14.5px;
}
#contact_info span {
	color: #14aed9;
    font-size: 20px;
    line-height: 22px;
}

/*MENU*/
#menu { 
	list-style:none; 
	clear:both; 
	/*background:url(../images/line01.jpg) no-repeat 13px bottom;*/ 
	padding-bottom:5px;
	/* margin-bottom:30px;*/
}
#menu li{
	position: relative;
}
#menu li a{ 
	font-size: 17px;
    color: #fff;
    padding: 4px 10px;
    line-height: 22px;
    border: none;
    margin-left: 4px;
    display: block;
}
#menu li a:hover{ 
	color:#14aed9;
}
#menu li a.current{ 
	border-left:4px solid #14aed9;
	background-color:#000; 
	margin-left:0;color:#fff;
}
#menu li ul li {
    margin-left: 10px;
    list-style: none;
}


/*BANNER*/
#banner{ background:url(../images/bg_banner.jpg) no-repeat right top;width:1130px; height:492px; float:right;}

/*MASTER*/
#master{ clear:both; width:1130px;float:right;}
#aboutus{ clear:both;width:1130px; background:url(../images/bg_aboutus.jpg) no-repeat left top; height:240px;}
#a_main{ background:url(../images/bg_tmain.png) no-repeat left center; display:block; height:100%; width:520px; padding-right:25px;}
#a_main p{ color:#fff;padding:5px 15px;font-size:16px; line-height:25px;}

#products{clear:both;width:1130px;}
.list01{width:338px; height:638px; float:left; position:relative;}
.list02{ width:396px; height:319px; float:left; float:left; position:relative;}

.list_title{ color:#000; text-align:center; font-size:30px;  font-weight:normal; display:block; background:url(../images/line03.jpg) no-repeat center bottom; }

.list01 .list_title{margin-top:300px;}
.list02 .list_title{margin-top:150px;}

.list_main{position:absolute; z-index:500;width:100%; height:100%; }
:hover.list_main{position:absolute; z-index:500;width:100%; height:100%; background:url(../images/bg_blue_s.png) repeat left top;}





/*TYPEFACE*/
.more{ color:#40c9e7;font-size:16px; line-height:25px; text-decoration:underline;}
h1{ color:#40c9e7; font-size:22px; background:url(../images/line02.jpg) no-repeat left bottom; padding:10px 15px; margin-bottom:15px; font-weight:normal;}
p{}