@charset "utf-8";
/* CSS Document */

@import url(nav-v.css);

body { margin:0 auto; background:#000;
behavior:url(/csshover.htc); }

.clear {clear:both;}

#wrapper { width:960px; margin:0 auto; padding:0; background:#000 url(images/body_bg.jpg) repeat-x;  }

/*首頁
---------------------------------------------------- */
#indexHeader {width:900px; height:30px; margin:0 auto; *margin:34px auto 0 auto; _margin:34px auto 0 auto; padding:34px 0 0 0 ; *padding:0; _padding:0; text-align:right; font:bold 15px Arial, Helvetica, sans-serif, 新細明體; color:#FFF;  }
#indexHeader a { color:#fff; text-decoration: none;}
#indexHeader a:hover  { color:#FFCC00; text-decoration: none;}
#indexHeader span.line { font:15px Arial, Helvetica, sans-serif, 新細明體; color:#FFF;  }
#indexFlash {width:898px; height:405px; margin:0 auto;  border:1px solid #666;}
#indexContent {width:960px; }
#ContentL { margin:10px 0 10px 30px ; width:414px; height:266px; float:left; display:inline;  border:1px solid #666;}
#ContentL a { color:#FFCC00; text-decoration: none;}
#ContentL a:hover  { color:#FFCC00; text-decoration: none;}
#ContentL .head { height:28px; font:bold 19px Arial, Helvetica, sans-serif, 新細明體; color:#FFCC00; margin:10px 27px 0 27px; }
#ContentL .images { width:141px; height:208px; float:left; border:1px solid #D9E7EA; margin-top:14px; margin:7px 10px 0 27px; display:inline;}
#ContentL .aboutUs { width:200px; height:208px; float:right; margin:7px 27px 0 0 ; font:13px Arial, Helvetica, sans-serif, 新細明體; color:#fff;line-height:21px; display:inline;}
#ContentR { margin:10px 0 10px 10px ; width:472px; height:266px; float:left; display:inline;  border:1px solid #666;}
#ContentR .head { height:28px; margin:10px 24px 0 27px; font:bold 19px Arial, Helvetica, sans-serif, 新細明體; color:#FFCC00; }
#ContentR .head .title { width:115px; float:left;}


#ContentR .head .search { float:right; text-align:right;}
#ContentR .imagesBox { margin:10px 0 0 28px; }
#ContentR .imagesBox { margin:10px 0 0 28px; }
#ContentR .images {float:left; width:128px; height:96px; border:1px solid #D9E7EA; margin:0 10px 10px 0; }
#ContentR .images img { opacity:1; filter:alpha(opacity=100); border:0; }
#ContentR .images a:hover img { opacity:0.6; filter:alpha(opacity=60); border:0; }

/*頁底
---------------------------------------------------- */
#footer { height:60px; width:960px; background:#000 url(images/footer.jpg); clear:both;}
#footer a {color:#fff; text-decoration: none;}
#footer a:hover {color:#FFCC00; text-decoration: none;}
.address { font: 13px Arial, Helvetica, sans-serif, 新細明體; color:#FFF; text-align:center; line-height:21px; margin:0; padding-top:10px; }

/*內頁
---------------------------------------------------- */
#topFlash { widht:960px; height:164px; }

#Main { width:960px; background:#000000 url(images/main_bg.jpg) no-repeat; }
#Main .contentMain {  text-align:left; background-position:0; background:url(images/contentMain_bg.gif) repeat-y; margin:0; padding:0; width:100%;}

#Main .contentRight { width:635px; float:right; margin:10px 52px 10px 0; display:inline; }

#Main .contentLeft { float:left; margin-left:73px; margin-top:10px; width:648px; }
#Main .contentLeft .check { text-align:center; margin:10px 0 15px 0; }
#Main .contentLeft .check a img {border:0;}
#Main .contentLeft a {color:#fff; text-decoration: none;}
#Main .contentLeft a:hover {color:#FFCC00; text-decoration: none;}
#Main .contentRight .txtBox { float:right; width:480px; text-align:left;  font:13px Arial, Helvetica, sans-serif, 新細明體; color:#fff;line-height:21px; }
img.Left {float:left; border:0;}


#Main .header { font:bold 18px Arial, Helvetica, sans-serif, 新細明體; border-bottom:1px solid #999; color:#fff; height:25px; margin:0 45px 0 265px; *margin:17px 45px 0 265px; _margin:17px 45px 0 265px; padding-top:17px; *padding:0; _padding:0;  }
#Main .header .text { float:left; }
#Main .header .search1 { float:right; text-align:right; width:300px; overflow:hidden;}

#Main .contentHead { text-align:center; font:bold 13px Arial, Helvetica, sans-serif, 新細明體; color:#fff; background:url(images/title_bg.jpg) no-repeat; padding:4px 0 0 0; margin-bottom:5px; width:635px; height:27px; }
a.one:link { display:block; color:#fff; text-decoration: none; border:1px solid #666; padding:3px 5px 5px 5px; font:10px Arial, Helvetica, sans-serif, 新細明體; width:65px; margin:0 0 0 5px ; text-align:center; }

.input { border:1px solid #ccc; height:17px; *height:18px; _height:18px; font:12px Arial, Helvetica, sans-serif, 新細明體; padding:2px 2px 0 2px; }
.searchTitle { width:300px; margin-bottom:5px; font:bold 15px Arial, Helvetica, sans-serif, 新細明體; line-height:25px;  color:#86A7B0; }

.searchBg1 { width:201px; height:30px; background:url(images/search_bg.gif) no-repeat; text-align:left; margin-bottom:5px; vertical-align:top; }

.searchBg1 a img{ vertical-align:top; border:0;}
.searchBg2 a img{ vertical-align:top; border:0;}

.searchBg2 { width:201px; height:30px; background:url(images/search_bg1.gif) no-repeat; text-align:left; margin-bottom:5px; float:right;}
.searchBg2 input { width:116px; background:#000;  color:#fff; margin:5px 0 0 35px; text-align:left; padding-left:3px; border:0;}
.searchBg1 input { width:117px; background:#000;  color:#fff; margin:5px 0 0 35px; text-align:left; padding-left:3px; border:0;}

.product { display:inline; width:200px; float:left; background:url(images/bg1.jpg) repeat-x; margin:0 14px 14px 0; border:1px solid #666;  }

.product .images { width:188px; height:180px; margin:5px 5px 0 5px; border:1px solid #666;}
.product .images img { opacity:1; filter:alpha(opacity=100); border:0; }
.product .images a:hover img { opacity:0.6; filter:alpha(opacity=60); }
.product .title { margin:5px 0 3px 5px; font:bold 13px Arial, Helvetica, sans-serif, 新細明體; text-align:center; border-bottom:1px solid #666; line-height:25px; width:190px; color:#fff; }
.product .content { margin:5px 0 5px 5px; text-align:center; line-height:21px; width:190px; color:#fff;}
.product a { color:#fff; text-decoration: none; font:bold 12px Arial, Helvetica, sans-serif, 新細明體; }

.product .content1 { margin:0 0 3px 5px; text-align:center; line-height:21px; width:190px; color:#fff; border:0; border-top:1px solid #666; padding:8px 0 4px 0}
.product .content1 a img {border:0;}

#contentMain2 { float:right; text-align:left; margin:15px 45px 18px 0; font: 13px Arial, Helvetica, sans-serif, 新細明體; line-height:25px; width:642px; color:#999; display:inline; }


.product1 { width:200px; float:left; margin:0 0 18px 0; border:1px solid #666; background:url(images/bg1.jpg) repeat-x; }
.product1 .images { width:188px; height:180px; margin:5px 5px 0 5px; border:1px solid #666;}
.product1 .images img { opacity:1; filter:alpha(opacity=100); border:0; }
.product1 .images a:hover img { opacity:0.6; filter:alpha(opacity=60); }
.product1 .zoom { margin:5px 0 3px 5px; font:bold 13px Arial, Helvetica, sans-serif, 新細明體; text-align:center;  width:190px; color:#fff; }
.product1 .zoom a { color:#fff; text-decoration: none; font:bold 12px Arial, Helvetica, sans-serif, 新細明體; }
.product1 .zoom a:hover {color:#FFCC00; text-decoration: none;}
.product1 .content { margin:0 0 3px 5px; font: 13px Arial, Helvetica, sans-serif, 新細明體; text-align:center; line-height:18px; width:190px; color:#fff; }
.product1 img { border:0; cursor:pointer; } 
.product1 .content1 { margin:0 0 3px 5px; text-align:center; line-height:21px; width:190px; color:#fff; border:0; border-top:1px solid #666; padding:8px 0 4px 0}
.product1 .content1 a img {border:0;}


.contentBox li .strong { display:block; float:left; font:bold 15px Arial, Helvetica, sans-serif, 新細明體; color:#FFCC00; width:120px;  }
.contentBox li .spec { display:block; float:left; font:bold 15px Arial, Helvetica, sans-serif, 新細明體; color:#FFCC00; width:60px;  }
.contentBox li .name { display:block; float:left; width:300px; margin:0; padding:0; height:20px; ; font: 13px Arial, Helvetica, sans-serif, 新細明體;}
.contentBox { width:420px; margin:0 14px 10px 0; *margin:0 14px 0 0; _margin:0 14px 0 0; float:right; text-align:left; display:inline;}
.contentBox ul { list-style:none; margin:0; padding:0; line-height:20px; }
.contentBox li { margin:0; border-bottom:1px solid #666; display:block; color:#fff; }

.contentBox li.li_1 { margin-top:4px; border:0; display:block; font:bold 15px Arial, Helvetica, sans-serif, 新細明體; color:#FFCC00; }
.description { margin-top:3px ;font:bold 13px Arial, Helvetica, sans-serif, 新細明體; color:#fff; line-height:21px; }

input.searchBg { border:none; background:url(images/search.gif) no-repeat; width:22px; height:20px; *height:22px; _height:22px; cursor:pointer; margin:2px 0 0 0; *margin:0; _margin:0;}

.inquiryBox { width:632px; border:1px solid #666; clear:both; text-align:center; margin-bottom:10px; }

.inquiryImg { width:100px; height:96px; margin:5px; border:1px solid #666; float:left; display:inline; }
.inquiryImg img { width:94px; height:90px; margin-top:3px; opacity:1; filter:alpha(opacity=100); border:0; }
.inquiryImg a:hover img { opacity:0.6; filter:alpha(opacity=60); }
.inquiryItem { width:350px; float:right; margin:5px 5px 5px 0; font:bold 12px Arial, Helvetica, sans-serif, 新細明體; }
.colorW { color:#fff;}
.color { color:#FFCC00; font:bold 13px Arial, Helvetica, sans-serif, 新細明體;}
.inquiryItem1 { width:70px; float:right; margin:5px 5px 5px 5px; }
input.quantity {font:12px Arial, Helvetica, sans-serif, 新細明體; border:1px solid #999; height:15px; width:30px; text-align:center;  }
.inquiryTitle { font:bold 12px Arial, Helvetica, sans-serif, 新細明體; color:#FFCC00; margin-bottom:5px; padding:2px 0 3px 0; border:1px solid #666; }


.hr { background:url(images/line.gif) repeat-x; width:100%; height:9px; margin-bottom:0; }
.hr1 { background:url(images/line.gif) repeat-x; width:100%; height:9px; margin:5px 0 5px 0; overflow:hidden; }

.dataMain { border:1px solid #666; padding:5px; width:622px; *width:622px; _width:622px; margin:0 0 10px 0; } 
.dataMain ul { list-style:none; margin:0; padding:0;  }
.dataMain li { margin:0 0 7px 0; display:block; font:bold 13px verdana, Arial, sans-serif, 新細明體; color:#fff;  }
.dataMain li label { float:left; color:#FFCC00; } 
.dataMain li textarea { border:1px solid #666; width:492px; *width:489px; _width:489px; padding:5px; font: 13px verdana, Arial, sans-serif, 新細明體; color:#fff; overflow-y:scroll; background:#333; margin-top:3px; }

label.title { width:115px; text-align:right; font:bold 13px verdana, Arial, sans-serif, 新細明體; color:#FFCC00;  display:block; }
label.title1 { width:55px; *width:55px; _width:52px; text-align:right; font:bold 13px verdana, Arial, sans-serif, 新細明體; color:#FFCC00;  display:block;  }
input.dateInput { width:60px; height:18px; *height:20px; _height:18px; font: 12px verdana, Arial, sans-serif, 新細明體; border:none; border-bottom:1px dotted #fff; _border-bottom:1px solid #666; color:#fff; margin:0; text-align:center; background:#000;  }
input.dataInput1 { width:504px; *width:498px; _width:498px; height:18px; *height:20px; _height:18px; font: 12px verdana, Arial, sans-serif, 新細明體; border:none; border-bottom:1px dotted #fff; _border-bottom:1px solid #666; color:#fff; margin:0; text-align:left; background:#000; }
input.bg1 { width:480px; *width:480px; _width:504px; font: 12px verdana, Arial, sans-serif, 新細明體; border:none; border-bottom:1px dotted #fff; _border-bottom:1px solid #666; color:#fff; margin:0; height:18px; *height:20px; _height:18px; }
input.telInput { width:131px; *width:120px; _width:120px; *width:128px; _width:130px; height:18px; *height:20px; _height:18px; font: 12px verdana, Arial, sans-serif, 新細明體; border:none; border-bottom:1px dotted #fff; _border-bottom:1px solid #666; color:#fff; margin:0; background:#000; }

.send { margin:0; text-align:center; }
.send1 { margin:0 ; *margin:0 0 10px 0; _margin:0 0 10px 0; text-align:center; }
input.bgSend { border:none; background:url(images/button8.jpg) no-repeat; width:57px; height:21px; cursor:pointer;}
input.bgRemove { border:none; background:url(images/button9.jpg) no-repeat; width:57px; height:21px; cursor:pointer;}

.contactBox { width:612px; clear:both; margin-bottom:10px;  border:1px solid #666; padding:10px; *padding:10px 10px 0 10px; _padding:10px 10px 0 10px; }
.contactR { width:400px; float:right; margin:0 0 0 0; font:bold 13px Arial, Helvetica, sans-serif, 新細明體; }
.contactR ul { list-style:none; margin:0; padding:0;  }
.contactR li { margin:0 0 7px 0; display:block; color:#FFCC00; padding:0 0 5px 0;}
.contactR li label { float:left; padding-top:3px; display:block; } 

input.company { width:325px; *width:325px; _width:322px; height:17px; border:0; border-bottom:1px solid #666; padding:0; margin:0; font:13px Arial, Helvetica, sans-serif, 新細明體; color:#999; background:#000;}
input.liaison { width:346px; *width:346px; _width:344px; height:17px; border:0; padding:0; margin:0; font:13px Arial, Helvetica, sans-serif, 新細明體; color:#999; border-bottom:1px solid #666; background:#000;}
input.fax { width:156px; height:17px; border:0; padding:0; margin:0; font:13px Arial, Helvetica, sans-serif, 新細明體; color:#999; border-bottom:1px solid #666; background:#000; }
input.email { width:340px; *width:340px; _width:337px; height:17px; border:0; padding:0; margin:0; font:13px Arial, Helvetica, sans-serif, 新細明體; color:#999; border-bottom:1px solid #666; background:#000;}
input.address { width:334px; *width:334px; _width:330px; height:17px; border:0; padding:0; margin:0; font:13px Arial, Helvetica, sans-serif, 新細明體; color:#999; border-bottom:1px solid #666; background:#000;}
.contactR textarea { width:386px; height:106px; *height:100px; _height:100px; border:1px solid #666; overflow-y:scroll; padding:5px; font:13px Arial, Helvetica, sans-serif, 新細明體; line-height:21px; color:#999; background:#333; }
.zoom { margin:5px 0 5px 5px; *margin:7px 0 2px 5px; _margin:7px 0 3px 5px; font:bold 13px Arial, Helvetica, sans-serif, 新細明體; text-align:center; width:190px; color:#fff; }
.contactImg { width:200px; float:left; margin:0 0 5px 0; border:1px solid #666; background:#333 url(images/bg1.jpg) repeat-x; }
.contactImg .images { width:188px; height:212px; *height:212px; _height:210px; margin:5px 5px 0 5px; border:1px solid #D6E1E4;}
.contactImg .images img { height:212px; border:0; }


/*產品選單
---------------------------------------------------- */
#Main .contentMemu ul { list-style:none; margin:0; padding:0;}
#Main .contentMemu li { width:168px; margin:0 auto; line-height:21px; display:block; text-align:left;}
#Main .contentMemu { width:200px; float:left; margin:5px 0 10px 0; padding:0; text-align:center;}
#Main .contentMemu .box { width:168px; margin:0 auto;}

.Inquiry { margin:7px 14px 12px 0; color:#FFF; height:35px; border:0; border-bottom:1px solid #999; }
.Inquiry a { display:block; color:#fff; text-decoration: none; border:1px solid #666; padding:3px 5px 5px 5px; font:12px Arial, Helvetica, sans-serif, 新細明體; width:80px; float:right; margin:0 0 0 5px ; text-align:center; background:#333; }
.Inquiry a:hover {color:#FFCC00; text-decoration: none;}
.Inquiry a.one:link { display:block; color:#fff; text-decoration: none; border:1px solid #666; padding:3px 5px 5px 5px; font:12px Arial, Helvetica, sans-serif, 新細明體; width:65px; float:right;  margin:0 0 0 5px ; text-align:center; }

.style1 { text-align:center; margin:0 14px 15px 0; padding:0;}
.style1 .center { text-align:center; margin:0 auto;}
.style1 a {  border:1px solid #999; padding:3px 5px 3px 5px;  text-decoration: none; color:#FFF; width:16px; font:11px Arial, Helvetica, sans-serif, 新細明體; margin:0 5px 0 0; }
.style1 a:hover {   border:1px solid #999; padding:3px 5px 3px 5px;  text-decoration: none; width:16px; font:11px Arial, Helvetica, sans-serif, 新細明體; color:#FFCC00; }

.back { text-align:center; color:#fff; margin:10px 0 10px 0; border:0; border-top:1px solid #666; padding-top:10px; }
.back a { display:block; border:1px solid #999; padding:3px;  text-decoration: none; color:#FFF; width:50px; font:11px Arial, Helvetica, sans-serif, 新細明體; margin:0; }
.back a:hover { color:#FFCC00; }

.line {margin:0 14px 10px 0; *margin:0 14px 10px 0; _margin:0 14px 0 0; }