@charset "utf-8";
/* CSS Document */
/*取消 Html 原有樣式  reset.css ---------------------------------*/
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;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}

/*相關共用------------------------------------*/
.clear{ clear: both; }/*清除*/
.date { color: #666; font-family: Verdana, Geneva, sans-serif; font-size: 10px; }
a { color: #333;  }

.en { font-family: Verdana, Geneva, sans-serif; }
.tw { font-family: "新細明體-ExtB"; }
#btn { text-align: center; margin-top: 15px; }
#btn input { margin-right: 7px; margin-left: 7px; }

.btn1 { color: #FFF; background-color: #8D8C7A; padding-top: 1px; padding-right: 7px; padding-bottom: 1px; padding-left: 7px; }
.pagemain{ min-height:481px; background-image: url(images/main_bg.jpg); background-repeat: no-repeat; background-position: 0px 148px; }
.pagemain .text { padding-right: 48px; padding-left: 48px; }
.pagemain .text p { margin-bottom: 15px; }

.pagemain .hd { margin-left: 27px; margin-top: 7px; }
.left { background-repeat: no-repeat; min-height:475px; padding-bottom: 20px; }
.table1 { border: 1px solid #d5d5d5; background-color: #f3f3f3; }
.table1 tr th {
	color: #333;
	background-color: #d5d5d5;
	padding: 4px;
	text-align: center;
	border: 1px solid #FFF;
}
.table1 tr td {
	padding: 4px;
	border: 1px solid #FFF;
}
.table1 .row { background-color: #f8ce8f; }
.table1 .row2 {
	background-color: #FFFFCC;
}
.table1 .roe3w {
	background-color: #FFFFFF;
}



.page a { margin-right: 5px; margin-left: 5px; color: #8D8C7A; }
.page { margin-top: 15px; text-align: center; }
/* 主體排版------------------------------------*/
div#wrap{ width: 950px; margin-right: auto; margin-left: auto; margin-top: 10px; font-size: 12px; }/*網頁外框*/
div#header{ position: relative; height: 90px; }/*橫幅*/
div#cont{}/*中區塊外框*/
div#main{ float: right; width: 724px; }/*主區塊*/
div#sidebar{ float: left; width: 205px; } /*次區塊*/
div#footer { text-align: right; margin-top: 40px; }/*頁尾*/
#footer #smenu { background-image: url(images/footer_bg.jpg); background-repeat: repeat-x; height: 25px; padding-top: 7px; text-align: right; padding-right: 10px; padding-left: 10px; margin-bottom: 10px; }
#footer #smenu a{ font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #666; margin-right: 5px; margin-left: 5px; }
#footer #smenu a:hover { color: #000000; }
#footer #slgog { float: left; }
#footer #copyright { float: right; color: #666; font-family: Verdana, Geneva, sans-serif; font-size: 11px; margin-top: 10px; }
#footer #mail { float: right; color: #666; font-family: Verdana, Geneva, sans-serif; font-size: 11px; margin-top: 10px; margin-right: 15px; }
#footer #copyright em ,#footer #copyright em a{ font-family: Verdana, Geneva, sans-serif; font-size: 9px; color: #999; }

.index #main { float: right; width: 447px; background-image: url(images/index_bg2.jpg); height: 410px; }
.index #sidebar { float: right; width: 503px; height: 410px; }
/* 首頁---*/
#header #logo a { height: 57px; width: 303px; position: absolute; display: block; background-image: url(images/logo.jpg); background-repeat: no-repeat; }
#header #toplink { background-image: url(images/top_link.jpg); background-repeat: no-repeat; height: 25px; width: 226px; position: absolute; right: 220px; text-align: center; padding-top: 2px; top: 5px; }
#header #toplink a { font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #333; text-decoration: none; margin-right: 2px; margin-left: 2px; }
#header #toplink a:hover{ color: #C00; }
#header #seasrch_bar { background-image: url(images/search_bg.jpg); background-repeat: no-repeat; padding-left: 15px; position: absolute; right: 10px; width: 185px; height: 25px; background-position: 0px 7px; top: 5px; }
#header #seasrch_bar form input { float: left; margin-right: 5px; }
#header #seasrch_bar form div { float: left; }
#menu{ position: absolute; top: 40px; right: 0px; width: 700px; }
#menu li { display: inline; }
#menu ul li a,#header #menu ul li a:active  { display: block; float: right; height: 38px; background-repeat: no-repeat; }
#menu ul .m1 a { background-image: url(images/menu_1.jpg); width: 123px; }
#menu ul .m2 a { background-image: url(images/menu_2.jpg); width: 145px; }
#menu ul .m3 a { background-image: url(images/menu_3.jpg); width: 126px; }
#menu ul .m4 a { background-image: url(images/menu_4.jpg); width: 110px; }
#menu ul .m5 a { background-image: url(images/menu_5.jpg); width: 96px; }
#menu ul .m1 a:hover{ background-image: url(images/menu_1a.jpg); width: 123px;} 
#menu ul .m2 a:hover{ background-image: url(images/menu_2a.jpg); width: 145px;}
#menu ul .m3 a:hover{ background-image: url(images/menu_3a.jpg); width: 126px;}
#menu ul .m4 a:hover{ background-image: url(images/menu_4a.jpg); width: 110px;}
#menu ul .m5 a:hover{ background-image: url(images/menu_5a.jpg); width: 96px;}

#menu_tw{ position: absolute; top: 40px; right: 0px; width: 700px; }
#menu_tw li { display: inline; }
#menu_tw ul li a,#header #menu ul li a:active  { display: block; float: right; height: 38px; background-repeat: no-repeat; }
#menu_tw ul .m1 a { background-image: url(images/menu_tw1.jpg); width: 123px; }
#menu_tw ul .m2 a { background-image: url(images/menu_tw2.jpg); width: 145px; }
#menu_tw ul .m3 a { background-image: url(images/menu_tw3.jpg); width: 126px; }
#menu_tw ul .m4 a { background-image: url(images/menu_tw4.jpg); width: 110px; }
#menu_tw ul .m5 a { background-image: url(images/menu_tw5.jpg); width: 96px; }
#menu_tw ul .m1 a:hover{ background-image: url(images/menu_tw1a.jpg); width: 123px;} 
#menu_tw ul .m2 a:hover{ background-image: url(images/menu_tw2a.jpg); width: 145px;}
#menu_tw ul .m3 a:hover{ background-image: url(images/menu_tw3a.jpg); width: 126px;}
#menu_tw ul .m4 a:hover{ background-image: url(images/menu_tw4a.jpg); width: 110px;}
#menu_tw ul .m5 a:hover{ background-image: url(images/menu_tw5a.jpg); width: 96px;}
/* 最新產品---*/
#product_list { width: 373px; margin-top: 110px; margin-right: auto; margin-left: auto; }
#product_list ul { margin-top: 10px; }
#product_list li{ display: inline; float: left; margin-right: 7px; margin-left: 7px; width: 110px; }
#product_list li a { text-align: center; display: block; font-family: Verdana, Geneva, sans-serif; margin-bottom: 5px; }

/* 最新消息---*/
#news_list { width: 373px; margin-right: auto; margin-left: auto; }
#news_list li{ position: relative; }
#news_list li .date{ position: absolute; top: 7px; right: 5px; }
#news_list li a { background-image: url(images/li.jpg); background-repeat: no-repeat; background-position: 5px 12px; padding-left: 15px; display: block; text-decoration: none; padding-top: 7px; padding-bottom: 7px; }
.news { background-image: url(images/news_left.jpg); }
.about { background-image: url(images/company_left.jpg); }
.catalog { background-image: url(images/catalog_03.jpg); }
.contact { background-image: url(images/contact_left.jpg); }


#news li { position: relative; padding-top: 7px; padding-bottom: 7px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; }
#news li .date { position: absolute; top: 10px; right: 13px; }
#news .info { line-height: 1.8em; color: #333; margin-top: 15px; }
#about .text p{ font-family: Verdana, Geneva, sans-serif; font-size: 13px; color: #666; }
#about .text p img { float: right; margin-top: 10px; margin-bottom: 10px; margin-left: 20px; }
.product { background-image: url(images/products_left.jpg); padding-top: 40px; width: 226px; }

#product .hd { background-image: url(images/products_hd.jpg); background-repeat: no-repeat; height: 76px; width: 653px; }
#product .hd p { font-size: 17px; color: #000000; margin-top: 3px; margin-left: 25px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
#product .text ul{ margin-top: 15px; }
#product .text ul li a { display: block; margin-bottom: 5px; margin-top: 5px; }
#product .text ul li{ text-align: center; float: left; display: inline; margin-left: 9px; margin-bottom: 10px; height: 230px; margin-right: 9px; width: 190px; }
#product .text ul li .img{ height: 190px; width: 190px; margin-bottom: 5px; text-align: center; /* Firefox, Chrome */ line-height : 160px;   /* IE */ *font-size :128px;  /* 200px * 0.8 = 180px */
  *font-family : Arial; 
border: 1px solid #E8E8E8; padding: 2px; overflow: hidden; }
/*#product .text ul li .img:after {
  content : ".";
  font-size : 1px;
  margin-left : -1px;
  opacity : 0;
}

#product .text ul li .img img{ vertical-align : bottom; }*/

#product_level { width: 190px; margin-left: 7px; overflow: hidden; }
#product_level .en { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#product_level a { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
#product_level a:hover { color: #C00; }

#product_level li li{ background-image: url(images/li.jpg); background-position: 0px 10px; padding-left: 8px; padding-top: 7px; padding-bottom: 7px; background-repeat: no-repeat; margin-left: 5px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; }
#product_dia .text h1 { font-size: 17px; padding-bottom: 7px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; padding-top: 7px; margin-bottom: 10px; }
#product_dia  .text  .info  .ti {
	font-size: 25px;
	color: #C94303;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-right: 10px;
}
#product_dia .text .info h2 { border-left-width: 5px; border-left-style: solid; border-left-color: #C94303; padding-left: 15px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; padding-bottom: 5px; margin-bottom: 7px; color: #666666; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 15px; }
#product_dia  .note{ text-align: center; color: #990000; }
#product_dia .hd { background-image: url(images/products_hd.jpg); background-repeat: no-repeat; height: 76px; width: 653px; }
#product_dia .hd p { font-size: 17px; color: #000000; margin-top: 3px; margin-left: 25px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

#product_dia .text .info ul li { background-image: url(images/products-detail_13.jpg); background-repeat: no-repeat; background-position: 5px 10px; padding-left: 20px; padding-top: 5px; padding-bottom: 5px; }
#catalog .text {
	margin-top: 15px;
	position: relative;
	padding-left: 40px;
}
#sitemap .text { margin-top: 15px; }
#sitemap .text ul li { background-image: url(images/sitemap_07.jpg); background-repeat: no-repeat; background-position: 7px 17px; padding-left: 25px; padding-top: 10px; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; }
#sitemap .text ul li a{ font-size: 15px; font-family: Verdana, Geneva, sans-serif; text-decoration: none; }
/*中文的內容*/
.twinfo{ line-height: 1.7em; font-size: 15px; }
.twinfo p{ margin-bottom: 10px; }
/*自動垂直置中*/
.pic{ display:table-cell; text-align:center; vertical-align:middle; }
.pic span{ height:100%; display:inline-block; }
.pic *{ vertical-align:middle;}