@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;font-size: 12px;}
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%;}
/*首頁*/
#about_info{ float: left; width: 49%; padding-right: 8px; }
/* Hack 瀏覽器解決方式
------------------------------------------------------------------------------*/
/*針對ie6 下載png圖片*/
div, a{_behavior: url("css/iepngfix.htc") }
/* 避免無空格的長文拉寬畫面 */
td.code , td.quote {display: block !important;overflow: auto !important}
/* 兩邊等高*/
html[xmlns] .clearfix{	display: block;} 
.clearfix:after { content: "."; display: block; clear: both; : hidden;	line-height: 0; height: 0; visibility: hidden; } 
.clearfix{	display: inline-block;} 
* html .clearfix {	height: 1%;}

/* 兩邊等高-li*/
html[xmlns] .clearfix_ul {	display: block;} 
.clearfix_ul li:after{ content: "."; display: block; clear: both; : hidden;	line-height: 0; height: 0; visibility: hidden; } 
.clearfix_ul li {	display: inline-block;} 
* html .clearfix_ul {	height: 1%;}
/*自動垂直置中*/
.pic{ text-align: center; }
.pic *{vertical-align: middle;}
.pic span{  display: inline-block;height: 100%; }

/*自動100%撐開*/
.aut100 { overflow: hidden; zoom: 1; }
.aut100 .left { float: left; }
.aut100 .right { overflow: hidden; zoom: 1; }
/*-------------共用----------------------------------------------------*/
.clear { clear: both; }
a{ color: #A88E00; }
a:hover { color: #C30; }
.hd { background-image: url(images/icon_1.jpg); border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #b29700; background-repeat: no-repeat; background-position: left 2px; height: 22px; padding-left: 20px; margin-bottom: 10px; color: #515151; font-size: 15px; }
/*表格*/
.table1 th { background-color: #f3e078; color: #5E5E5E; text-align: center; border: 1px solid #CCCCCC; padding: 8px; font-weight: bold; }
.table1 td { border: 1px solid #CCCCCC; padding: 8px; }

/*按鈕*/
.btn { clear: both; text-align: center; margin-top: 15px; }
.btn input { margin-right: 10px; margin-left: 10px; }
.buttion { background-image: url(images/btn.jpg); background-repeat: repeat; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #E1D792; border-right-color: #9E8D2E; border-bottom-color: #A7982E; border-left-color: #D3C663; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; color: #333; padding-right: 8px; padding-left: 8px; padding-top: 3px; padding-bottom: 3px; font-weight: bold; }
body { font-family: Verdana, Geneva, sans-serif; }
.table1 tr td { padding: 7px; border: 1px solid #DBD081; color: #333; }
.table1 { border: 2px solid #DBD081; }
.table1 tr th { padding: 7px; background-color: #CDB751; color: #FFF; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #FFF; border-right-color: #DBD081; border-bottom-color: #FFF; border-left-color: #FFF; }


/*-------------排版----------------------------------------------------*/
#wrap{ background-image: url(images/bg.jpg); background-repeat: repeat-y; font-size: 13px; color: #737373; }
#wrap,#footer{ width: 950px; margin-right: auto; margin-left: auto; padding-left: 23px; padding-right: 20px; margin-right: auto; margin-left: auto; }
#header{ border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #b29700; border-top-width: 3px; border-top-style: solid; border-top-color: #b29700; }
#cont{ padding-bottom: 20px; overflow: hidden; zoom: 1; }
#footer{ height: 60px; background-image: url(images/foot.jpg); text-align: center; background-position: 1px bottom; background-repeat:  }

#copyright{ padding-top: 8px; background-image: url(images/footline.jpg); background-repeat: repeat-x; }
#sidebar{ float: left; width: 235px; margin-right: 20px; margin-top: 15px; }
#main{ overflow: hidden; zoom: 1; margin-top: 15px; }
/*橫幅*/
#header .col_1{ height: 80px; idth: 100%; position: relative; }
#header #logo a{ background-image: url(images/logo.jpg); background-repeat: no-repeat; background-position: 5px center; height: 55px; width: 176px; position: absolute; left: 10px; top: 10px; }

/*橫幅-選單*/
#header  .mainnav { background-image: url(images/runbg.jpg); margin-bottom: 3px; }
#header  .mainnav li { display: block; float: left; width: 16%; }
#header  .mainnav li.m1,#header  .mainnav li.m6{width: 17%; }
#header  .mainnav li+li{ border-left-width: 1px; border-left-style: solid; border-left-color: #B29700; }
#header  .mainnav li a{ display: block; float: left; height: 20px; background-repeat: no-repeat; width: 100%; text-align: center; text-decoration: none; color: #484848; padding-top: 7px; font-weight: bold; }
#header  .mainnav li a:hover{ left: 0px; top: 0px; background-color: #DAC656; }

#header #flash { height: 305px; padding: 0px; }

#header #toplink { position: absolute; top: 23px; right: 190px; text-align: right; }
#header #toplink a { display: block; float: right; padding-right: 5px; padding-left: 5px; color: #BA9F10; text-decoration: none; border-right-width: 1px; border-right-style: dotted; border-right-color: #DBCA56; }
#header #toplink .tw { margin-top: 2px; }

#header #toplink a:hover { color: #a38a00; text-decoration: underline; }

#header .search { float: right; height: 15px; position: absolute; top: 20px; right: 10px; text-align: right; }
#header .search #keyword { border: 1px solid #B29700; margin-top: -5px; position: absolute; top: 7px; right: 30px; width: 150px; }
#header .search input { }

/*跑馬燈*/
#meg { height: 20px; background-image: url(images/runbg.jpg); background-repeat: no-repeat; background-position: center top; background-color: #b29700; text-align: left; padding-top: 7px; padding-right: 10px; padding-left: 10px; margin-bottom: 10px; }
#meg a { color: #000000; margin-right: 20px; }
#meg a:hover { font-weight: bold; }

/*公司簡介*/
#index #about_info{ float: left; width: 49%; padding-right: 8px; line-height: 1.7em; }
#index #about_info .text img { float: left; margin-right: 10px; margin-bottom: 10px; }

/*推薦產品*/
#index #products_list{ float: right; width: 50%; }
.product_list li { background-image: url(images/pic_bg2.jpg); background-repeat: repeat-x; display: block; border: 1px solid #b9b9b9; float: left; height: 180px; padding-top: 5px; text-align: center; width: 146px; padding-right: 3px; padding-left: 3px; margin-right: 3px; margin-left: 1px; margin-bottom: 10px; background-position: bottom; }
.product_list li .pic { height: 130px; width: 140px; border: 1px solid #b9b9b9; background-color: #FFF; }
.product_list li p { padding-top: 5px; background-image: url(images/icon_8.gif); background-repeat: no-repeat; background-position: left 8px; padding-left: 10px; margin-left: 6px; }
.product_list li img { }
/*公司聯絡區塊*/
#company_info {}
#company_info .text { margin-right: 12px; }
#company_info .text img { }
#company_info .text h3 { color: #B29700; font-size: 15px; margin-top: 7px; }
#products .product_list li{ margin-right: 15px; margin-bottom: 20px; }
#products_dia .text .pic { text-align: center; margin-bottom: 20px; }
#products_dia .info table tr td { padding: 7px; border: 1px solid #B29700; }
#products_dia .info table { border: 2px solid #B29700; background-color: #f0eaca; }
#products_dia .info table .th2 { color: #333; background-color: #DBD081; }
#products_dia .info table tr th { background-color: #B29700; color: #FFF; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #B29700; border-left-color: #B29700; text-align: center; font-size: 22px; font-weight: bold; padding-top: 3px; padding-right: 7px; padding-bottom: 3px; padding-left: 7px; }
#Products_lsit{ float: right; width: 50%; }

#news li { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #E2E4E3; padding-top: 15px; padding-right: 7px; padding-bottom: 15px; padding-left: 7px; }
#news li .date { display: block; background-image: url(images/icon_8.gif); background-repeat: no-repeat; background-position: right; padding-right: 20px; float: left; margin-right: 10px; }
#news li .info { margin-top: 10px; padding-left: 104px; }
#news_dia .title { position: relative; }
#news_dia .title h1{ font-size: 15px; color: #B6990F; padding-right: 80px; margin-bottom: 15px; }
#news_dia .title .date{ position: absolute; top: 5px; right: 10px; }
#news_dia .info{ padding-right: 10px; }
.map li { padding-top: 10px; padding-bottom: 10px; background-image: url(images/icon_9.gif); background-repeat: no-repeat; padding-left: 17px; background-position: left 11px; }

#products_level li a { font-weight: bold; text-decoration: none; color: #886900; background-image: url(images/p1.jpg); display: block; height: 23px; margin-top: 1px; margin-bottom: 1px; padding-top: 7px; padding-left: 20px; width: 190px; }
#products_level li a:hover{ background-image: url(images/p1_a.jpg); color: #000000; text-decoration: none; left: 0px; top: 0px; }