@charset "utf-8";
* html { filter: expression(document.execCommand("BackgroundImageCache", false, true));}
body, div, dl, dt, dd, th, th, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote{ margin: 0px; padding: 0px;}
fieldset, img { border: 0px;}
abbr, acronym { border: 0px;}
h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: normal;}
img { nobar:expression(this.galleryImg='no');}
.clear { clear:both;}
body { background:url(../images/bg.gif) top repeat-x;}

#golbalwapper { width:975px; margin:0 auto; overflow:hidden;}
#wapper { width:960px; margin-left:16px; overflow:hidden;}
#mainpage { width:945px; margin-left:18px; overflow:hidden;}
#navi { width:220px; float:left; overflow:hidden; background:url(../images/ind_hp_b1.gif) top right no-repeat;}
#primary { width:700px; float:right; overflow:hidden;}
.pro1 { width:129px; border-bottom:1px solid #e7e7e7; float:left; overflow:hidden;}
.pro2 { width:128px; border-right:1px solid #dddddd; float:left; overflow:hidden; margin:17px 0px;}
.title { width:686px; overflow:hidden; padding:6px; border:1px solid #adbbc2; border-bottom:3px solid #adbbc2; background-color:#f5f5f5; margin-bottom:25px;}

/*內頁左邊主要大按鈕選單*/
.button1 { width:200px; overflow:hidden;}
.button1 ul { list-style: none;}
.button1 li { border-bottom:1px solid #dddddd;}
.button1 li a { padding:8px 5px 7px 22px;  width:173px !important; width /**/: 200px; display: block; color:#333333; text-decoration: none; background:url(../images/aw1.gif) 9px 11px no-repeat;}
.button1 li a:hover { background:url(../images/aw2.gif) 9px 11px no-repeat; color:#333333; background-color:#dddddd;}
.button1 li span.stay1 { width:200px; display:block; color:#333333; background:url(../images/aw2.gif) 9px 11px no-repeat; background-color:#dddddd;}
.button1 li span.stay1 a { width:200px; display:block; color:#333333; background:url(../images/aw2.gif) 9px 11px no-repeat; background-color:#dddddd;}
.button1 li span.stay1 a:hover { width:200px; display:block; color:#333333; background:url(../images/aw2.gif) 9px 11px no-repeat; background-color:#cccccc;}

/*內頁左邊第二層按鈕選單*/
.button2 { width:195px; overflow:hidden; border-top:1px solid #dddddd; border-left:5px solid #dddddd; padding:2px 0px;}
.button2 ul { list-style: none; }
.button2 li { border:none;}
.button2 li a { padding:3px 5px 3px 18px; width:172px !important; width /**/: 195px; display: block; color:#444444; text-decoration: none; background:url(../images/aw3.gif) 8px 8px no-repeat;}
.button2 li a:hover { color:#cf281f; background:url(../images/aw3-1.gif) 8px 8px no-repeat; background-color:#ffffff;}
.button2 li span.stay2 { width:195px; display:block; color:#cf281f; background:url(../images/aw3-1.gif) 8px 8px no-repeat; background-color:#ffffff;}
.button2 li span.stay2 a { width:195px; display:block; color:#cf281f; background:url(../images/aw3-1.gif) 8px 8px no-repeat; background-color:#ffffff;}
.button2 li span.stay2 a:hover { width:195px; display:block; color:#cf281f; background:url(../images/aw3-1.gif) 8px 8px no-repeat; background-color:#ffffff; font-weight:bold;}

/*內頁左邊第三層按鈕選單*/
.button3 { width:195px; overflow:hidden; padding:2px 5px 0px 0px;}
.button3 ul { list-style: none; }
.button3 li { border:none;}
.button3 li a { padding:3px 5px 3px 18px; width:172px !important; width /**/: 195px; display: block; color:#787d8b; text-decoration: none; background:url(../images/aw5.gif) 8px 8px no-repeat;}
.button3 li a:hover { color:#444444; background:url(../images/aw5.gif) 8px 8px no-repeat; background-color:#ffffff;}

.cart_tb{ border-top:#333333 2px solid;}
.cart_tb th{ padding:8px 10px; border-bottom:#dedede 1px solid; background:#f1f1f1; color:#333333;}
.cart_tb td{ padding:6px 10px; border-bottom:#dedede 1px solid;}

/*font*/
.font { font:12px Arial, Helvetica, sans-serif;}
.f_b { font-weight:bold;}
.f11 { font-size:11px;}
.f13 { font-size:13px;}
.f16 { font-size:16px;}
.f20 { font-size:20px;}
.f_bk0 { color:#000000;}
.f_bk1 { color:#333333;}
.f_bk2 { color:#444444;}
.f_bk3 { color:#888888;}
.f_bk4 { color:#999999;}
.f_bk5 { color:#555555;}
.f_bk6 { color:#666666;}
.f_bu1 { color:#004b95;}
.f_r1 { color:#cf281f;}
.lh18 { line-height:18px;}
.lh20 { line-height:20px;}
.lh30 { line-height:30px;}


/*hover*/
.f_bk1 a { color:#333333; text-decoration:none;}
.f_bk1 a:hover { color:#333333; text-decoration:underline;}
.f_bk5 a { color:#555555; text-decoration:none;}
.f_bk5 a:hover { color:#cf281f; text-decoration:none;}
a.mail:link { color:#888888; text-decoration:none;}
a.mail:visited { color:#888888; text-decoration:none;}
a.mail:hover { color:#555555; text-decoration:underline;}
a.red:link { color:#333333; text-decoration:none;}
a.red:visited { color:#333333; text-decoration:none;}
a.red:hover { color:#cf281f; text-decoration:none;}

/*btn*/
.more a { width:40px; height:11px; display:block; overflow:hidden; background:url(../images/more.gif) top left no-repeat;}
.more a:hover { background-position: top right;}
.qlink1 a { width:200px; height:60px; display:block; overflow:hidden; background:url(../images/qlink1.jpg) left no-repeat;}
.qlink1 a:hover { background-position:right;}
.back a { width:38px; height:13px; display:block; overflow:hidden; background:url(../images/back.gif) left no-repeat; margin-right:10px;}
.back a:hover { background-position:right;}
.next a { width:38px; height:13px; display:block; overflow:hidden; background:url(../images/next.gif) left no-repeat; margin-left:10px;}
.next a:hover { background-position:right;}
.joincar_1 a { width:67px; height:20px; display:block; overflow:hidden; background:url(../images/btn_joincar1.gif) left no-repeat; margin-top:3px;}
.joincar_1 a:hover { background-position:right;}
.edit a { width:67px; height:20px; display:block; overflow:hidden; background:url(../images/btn_edit.gif) left no-repeat;}
.edit a:hover { background-position:right;}
.search a { width:18px; height:18px; overflow:hidden; display:block; background:url(../images/btn_search.gif) left no-repeat; margin-left:5px;}
.search a:hover { background-position:right;}

.qlink2 a { width:200px; height:60px; display:block; overflow:hidden; background:url(../images/qlink2.jpg) left no-repeat;}
.qlink2 a:hover { background-position:right;}


/*other*/
.pd td { padding:1px 0px;}
.pd1 td { padding:5px 6px;}
.pd4 td { padding:4px 0px;}
.pd6 td { padding:6px 0px;}
.purchase p { font:13px Arial, Helvetica, sans-serif; font-weight:bold; color:#CC0000; text-decoration:none; margin:20px 0px 5px;}
.bd1 { border:1px solid #dddddd;}
.bd2 { border:1px solid #cccccc; height:16px; margin-left:10px; width: 90%; overflow:hidden;}
.line_1 { height:1px; background-color:#cccccc; padding:0px; overflow:hidden;}
.line_2 { height:1px; background:url(../images/line7.gif) repeat-x; padding:0px;}
.line_3 { height:1px; background-color:#e0e0e0; padding:0px; overflow:hidden;}

/*產品小圖*/
.goods_list { width: 65px; height: 60px; overflow: hidden; padding: 5px 5px 5px 0px; float: left;}
.goods_list a { border: 1px solid #dddddd;}
.goods_list a:hover img { border: 1px solid #FF3300;}
.goods_list a { *border: 1px solid #dddddd;}
.goods_list a:hover { border: 1px solid #FF3300;}

/*工程實績*/
.work_list { width:154px; float:left; padding:2px; border:1px solid #dddddd; overflow:hidden;}
.work_list1 { width:120px; padding:6px; float:left; overflow:hidden;}
.work_list2 { width:114px; height:84px; padding:2px; border:1px solid #cccccc; overflow:hidden;}