@charset "utf-8";

body
{
	background: #fff url(../images/bg.jpg) repeat-x left top;	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #6b6b6b;
	line-height:20px;
	overflow-y:scroll;
}
a
{
	color: #626262;
	text-decoration: none;
}
a:hover
{
	color: #006296;
}

/* ---------------------------------------------------------------- 初始化 -----------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td
{
	margin:0;
	padding:0;
}
fieldset,img
{
   border:0;
}
ol,ul
{
	list-style-type: none;
}
address,caption,cite,code,dfn,em,strong,th,var
{
	font-style: normal;
	font-weight: normal;
}
h1
{
    font-size:12px;
}
h4
{
	height:40px;
	padding-left:48px;
	font-family: "微軟正黑體", Arial;
	font-size:16px;
	color:#444;
	line-height:40px;
	background:url(../images/h4_left.png),-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	background:url(../images/h4_left.png),-moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	background:url(../images/h4_left.png),-ms-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	background:url(../images/h4_left.png),-o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	background:url(../images/h4_left.png),linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	filter:url(../images/h4_left.png),progid:DXImageTransform.Microsoft.gradient(GradientType ='1',startColorStr='#00ffffff',EndColorStr='#00ffffff');
	-ms-filter:url(../images/h4_left.png),progid:DXImageTransform.Microsoft.gradient(GradientType ='1',startColorStr='#00ffffff',EndColorStr='#00ffffff');
	background-repeat:no-repeat;
	background-position:left center, right center;
}
h4 span
{
	margin-left: 5px;
	padding-right: 19px;
	background: url(../images/h4_right.png) no-repeat right center;
	color: #777;
	font-size: 13px;
	font-weight: initial;
}	
h5
{
	font-size:12px;
	color:#444;
	letter-spacing:1px;
}
/* Remove the link outline */
a {
  outline:none;	/* For FF */
  noFocusLine:expression(this.onFocus=this.blur()); /* For IE */
} 
:focus {
  -moz-outline-style: none;
} /* For Firefox */ 	
html body div.clear, html body span.clear
{
     background: none;
     border: 0;
     clear: both;
     display: block;
     float: none;
     font-size: 0;
     margin: 0;
     padding: 0;
     overflow: hidden;
     visibility: hidden;
     width: 0;
     height: 0;
}
/* ----------------------------------------------------------- header_box ---------------------------------------------------*/
#header
{
	max-width: 990px;
	height:69px;
	margin:0px auto;
	/*box-shadow:inset 0px 0px 0px 1px #f00;*/ 
}
div#logo h1 {
	background:url(../images/logo.png) no-repeat left top;	
	width:422px;
	height:69px;
	position: absolute;
	z-index: 2;
	text-indent: -9999px;
	background-size:contain;
	}
div#logo h1 a {
	display: block;
	width:422px;
	height:69px;	
	}
div.language_bar
{
	z-index: 2;
	font-size: 12px;
	float:right;
	margin-top:37px;
}
div.language_bar a {
	padding: 3px 6px;
}
div.language_bar a:hover {
	text-decoration: underline;
}


/* ---------------------------------------------------------------- nav_box主選單 -----------------------------------------------*/

div#nav_box
{
	background:url(../images/nav_bg.png) no-repeat center;
	width:100%;
	height:43px;
	/*z-index:10; 有下拉選單時一定要加,才能在最上方*/ 	
}
ul#nav_main
{
	max-width: 990px;
	height:43px;
	margin:0px auto;
	text-align:center;	
}
ul#nav_main li
{
	display:inline-block;
	width:150px;
	text-align:center;
	line-height:43px;		
}
ul#nav_main li a
{
	display: block;
	height:43px;	
	font-family: "微軟正黑體", Arial;
	font-size: 14px;
	color: #FFF;
	letter-spacing: 1px;
	text-shadow: 1px 1px 0px #006296;
}
ul#nav_main li a:hover
{
	background: url(../images/nav_hover.png) no-repeat center bottom;
}
/* ------------------------------------------------------ banner_box ------------------------------------------------------*/

div#flash_box {
	/*background: url(../images/banner_1.jpg) no-repeat;*/
	width: 100%;
	max-height: 352px;
	background-position: center 0px;
	position: relative;
	z-index: 20;
}
/* --------------------------------------------------- container_box -----------------------------------------------*/
div.containers
{
	background:url(../images/bg_c.jpg) repeat-x top; 
}
div#container
{
	background:url(../images/product_bg.png) no-repeat 640px -12px;
	background-size:13%;
	max-width:990px;
	min-height:352px;
	margin:34px auto 0px auto;
	/*box-shadow:inset 0px 0px 0px 1px #f00;*/
}
#container_box h4 {
	text-indent:-9999px;
	height:34px;
}
.container_new .more,
.container_center .more
{
	float:right;
	width: 34px;
	height:11px;
	margin: 9px 4px 0px 0px;
	background: url(../images/more_1.jpg) no-repeat left center;
	cursor:pointer;
}
.container_new .more:hover,
.container_center .more:hover
{
	background: url(../images/more_2.png) no-repeat left center;
}
/* --------------------------------------------------- container_left news-----------------------------------------------*/

.container_new
{
	display: inline-block;
	width: 222px;
	height: 300px;
	margin:13px -4px 9px 0px;
	padding:5px 20px 20px 5px;
	vertical-align:top;
	box-shadow:1px 0px 0px #fff;
	border-right: 1px solid #a0a0a0;
	overflow:hidden;
	/*box-shadow: inset 0px 0px 0px 1px #f00;*/
}
.container_new ul
{
	margin:15px 0px 0px 23px;
}
.container_new ul li
{
	width:93%;
	list-style-type:disc;
	vertical-align:top;
	zoom:1;
	line-height:30px;
	border-bottom:1px solid #c9c9c9;
	padding-left:9px;
}
.container_new ul li:last-child
{
	border-bottom:none;
}

/* --------------------------------------------------- container_center products-----------------------------------------------*/

.container_center
{
	display: inline-block;
	width: 465px;
	height: 300px;
	margin:13px -4px 9px 0px;
	padding:5px 20px 20px 20px;
	vertical-align: top;
	border-right: 1px solid #a0a0a0;
	overflow:hidden;
	/*box-shadow: inset 0px 0px 0px 1px #f00;*/
}
#product
{
	width:465px;
	margin-top:5px;
}
#product dl
{
	width:219px;
	display:-moz-inline-stack;
	display:inline-block;
	*display:inline;
	vertical-align:top;
	zoom:1;	
	margin: 15px 11px 0px 0px;
	/*box-shadow: inset 0px 0px 0px 1px #f00;*/
}
.container_center dt
{
	float:left;
	width:74px;
	height:57px;
	margin:0px 5px 0px 0px;
	border:1px solid #c9c9c9;
}	
#product dl dt div
{
	background-position:center;
	background-size:cover;
	width:100%;
	height:100%;
}
/* --------------------------------------------------- container_right Contact Us ----------------------------------*/
.container_contact
{
	display: inline-block;
	width: 205px;
	height: 300px;
	margin:13px -4px 9px 0px;
	padding:5px 1px 20px 20px;
	vertical-align:top;
	border-left: 1px solid #fff;
	overflow:hidden;
	background:url(../images/contact_bg.png) no-repeat 22px 160px;
	/*box-shadow: inset 0px 0px 0px 5px #f00;*/
}
.container_contact .contact_txt
{
	margin: 15px 0px 0px 15px;
	line-height: 20px;
	color: #000;
}
.container_contact .contact_txt p
{
	font-weight: bold;
	margin-top: 10px;
	color: #aaa;
	text-shadow: 1px 1px 0px #fff;
}
/* --------------------------------------------------- footer_box --------------------------------------------------*/
div.footers
{
	background:url(../images/bg_footer.jpg) repeat-x ;
	box-shadow:inset 0px 0px 0px px #f00;
}
div#footer{
	max-width:990px;
	height:105px;
	margin:0px auto;
	color:#FFF;
	font-size:12px;
	text-align:center;
	line-height:105px;
	letter-spacing:1px;
	/*box-shadow:inset 0px 0px 0px 1px #f00;*/
	/*z-index:10; 有下拉選單時一定要加,才能在最上方*/ 	
}
div#footer a
{
	color:#FFF;
}