@charset "utf-8";
/*======================
       basis start
========================*/
.clear {clear:both;line-height:0; _height:0;}
dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, blockquote{margin:0;padding:0;}
body { margin:0;background: #FFF;-webkit-text-size-adjust:none;}
body.pro_bg { margin:0;background:#FFF;-webkit-text-size-adjust:none;}
body,td,th {font-family: Verdana, Geneva, sans-serif;color: #333;font-size:12px;line-height:1.8em;}
a:link,a:visited {text-decoration: none;}
a:hover,a:active {text-decoration: underline;}
input{font-family:Verdana, Arial, Helvetica, sans-serif;color: #333;font-size:12px;}
img {border:none;}
img, div, h1, h2 {_behavior: url(iepngfix.htc);}
h1{ font-size:16px; font-weight:bold; line-height:25px; letter-spacing:0; margin-bottom:13px; color:#069;}
h2{ font-size:14px; font-weight:bold; line-height:25px; letter-spacing:0; margin-bottom:8px; color:#09C;}
h3{ font-size:13px; font-weight:bold; line-height:25px; letter-spacing:0; margin-bottom:5px; color:#09C;}
/*-----消虛線-----*/
a{noFocusline:expression(this.onFocus=this.blur());}
/* For Firefox */
a:focus{-moz-outline-style:none;}
a{outline:none;}
/*======================
       basis end
========================*/

#content{ width:902px; margin:0 auto;}
#info{ line-height:40px; height:40px; padding:0 10px; color:#a6a6a6; font-size:10px; text-align:right;}
#info a:link, #info a:visited{ color:#a6a6a6; padding:0 2px;}



#main{ background:url(../images/main_bg_c.jpg) center 0 repeat-y; min-height:510px; _height:510px; _overflow:visible; border:solid #2b629e; border-width:0 1px 1px 1px;}
#main .bg_t{ background:url(../images/main_bg_t.jpg) center 0 no-repeat; min-height:510px; _height:510px; _overflow:visible;}
#main .bg_b{ background:url(../images/main_bg_b.jpg) center bottom no-repeat; min-height:510px; _height:510px; _overflow:visible; padding:0 0 20px 0;}

#main #logo{ height:52px; padding:20px 0 18px 16px; float:left;}
#main #topMenu{ height:90px; float:right; border-left:solid 1px #4679ab; width:474px; margin:0 0 20px 0;}
#main #topMenu a:link, #main #topMenu a:visited{ background:url(../images/topMenu_bg.jpg) no-repeat -96px 0; text-align:center; display:block; float:left; height:55px; width:96px; border-right:solid 1px #4679ab; font-family:"微軟正黑體",Microsoft JhengHei,Arial, Helvetica, sans-serif; color:#FFF; padding:35px 0 0 0; font-size:10px; -webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;	
	transition: 0.4s ease-in-out;}
#main #topMenu a:hover, #main #topMenu a:active{ background:url(../images/topMenu_bg.jpg) no-repeat 0 0; text-decoration:none;}
#main #topMenu a:link span, #main #topMenu a:visited span{ display:block; line-height:18px;font-size:15px;}
#main #topMenu a:link b ,#main #topMenu a:visited b{ display:block; line-height:12px; font-size:10px;}
#main #topMenu a:hover b ,#main #topMenu a:active b{ color:#feffcc;}

#main #topMenu a.onPage:link, #main #topMenu a.onPage:visited{ background:url(../images/topMenu_bg.jpg) no-repeat 0 0; text-align:center; display:block; float:left; height:55px; width:96px; border-right:solid 1px #4679ab; font-family:"微軟正黑體",Microsoft JhengHei,Arial, Helvetica, sans-serif; color:#FFF; padding:35px 0 0 0; font-size:10px;}


#main #inxBanner{ width:856px; margin:0 auto;}

#main #inxMeat{ width:840px; margin:0 auto;  font-family:"微軟正黑體",Microsoft JhengHei,Arial, Helvetica, sans-serif; font-size:13px; line-height:16px; color:#3e3e3e; padding:20px 0 0 0;}
#main #inxMeat .t1{ font-size:12px; line-height:20px; color:#676767;}

#footer{ background:#2f5f9e; color:#FFF; line-height:28px; padding:0 16px; text-align:right; font-size:11px; margin:14px 0 0 0;}

#main #meat{ width:840px; margin:0 auto;  font-family:"微軟正黑體",Microsoft JhengHei,Arial, Helvetica, sans-serif; font-size:13px; line-height:25px; color:#3e3e3e; padding:20px 0;}

#main #inxMeat .t1{ font-size:12px; line-height:20px; color:#676767;}

#main #meat a:link, #main #meat a:visited, #main #inxMeat a:link, #main #inxMeat a:visited{ color:#069; padding:2px 4px;}
#main #meat a:hover, #main #meat a:active, #main #inxMeat a:hover, #main #inxMeat a:active{ color:#FFF; background:#069; text-decoration:none;}

#main #meat li{ margin:0 0 10px 0; line-height:20px;}


/*PRODUCTS*/
#pro_box{ width:840px; margin:0 auto;  font-family:"微軟正黑體",Microsoft JhengHei,Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; color:#5a5a5a; padding:5px 0 0 0; position:relative;}
#pro_box .path{ padding:0 10px 5px; margin:0 0 10px 0; line-height:18px; color:#3b3b3b; border-bottom:solid 1px #CCC; text-align:right; font-size:13px; font-weight:bold;}
#pro_box .path a{ color:#333;}
#pro_box .list{ display:block; list-style:none; margin:0; padding:0 0 40px 0; overflow:auto;}
#pro_box .list li{ display:block; list-style:none; margin:0 10px 14px 0; padding:0; float:left;}
#pro_box .list li .item{ display:block; width:200px; height:200px; overflow:hidden; position:relative;}
#pro_box .list li .item .info{ display:block; background:#2e609e; position:absolute; left:10px; bottom:10px; width:190px; color:#FFF; font-size:13px; opacity:0.9; filter:Alpha(Opacity=90);}
#pro_box .list li .item .info h3{ font-size:15px; color:#FFF; margin:0; line-height:1.7em; padding:0 10px;}

#pro_box .list li .item .info .menu{ display:block; background:#1b2026; color:#FFF; font-size:12px; line-height:20px; padding:0 10px;}

#pro_box .list li .item .info .menu a{ display:block; color:#FFF; border-top:solid 1px #666; padding:2px;}
#pro_box .list li .item .info .menu a:first-child { border-top: none; }
#pro_box .list li .item .info .ef{ height:0; overflow:hidden;}


#pro_box .detail{ width:400px; overflow:hidden; float:left;}
#pro_box .detail .cover{ margin:0 0 10px 0;}
#pro_box .detail ul{ display:block; list-style:none; margin:0; padding:0 0 40px 0; overflow:auto;}
#pro_box .detail li{ display:block; list-style:none; margin:0 0 4px 2px; padding:0; float:left;}

#pro_box .detail li img{ opacity:0.6; filter:Alpha(Opacity=60);}
#pro_box .detail li img.active{ opacity:1; filter:Alpha(Opacity=100);}

#pro_box .info{ width:435px; float:right;}
#pro_box .info h1{ background:#2b619e; color:#FFF; font-size:20px; font-weight:normal; padding:5px 30px; text-align:right; margin:0 -15px 0 0;}
#pro_box .info .txt{ font-size:15px; line-height:20px; padding:20px 0 20px 0; border-bottom:solid 1px #CCC; margin:0 0 20px 10px;}
#pro_box .info .spe{ font-size:13px; line-height:20px; margin:0 0 10px 10px; min-height:160px; position:relative;}
#pro_box .info .spe table{ width:100%;}
#pro_box .info .spe th{ background:#005DAB; color:#FFF; padding:4px; font-size:14px;}
#pro_box .info .spe td{ padding:4px; background:#FFF; text-align:center;}

#pro_box .info .download{ font-size:13px; line-height:20px; margin:0 0 10px 10px;}
#pro_box .info .download h2{ color:#2b619e;}

.sty_btn_send{ padding:10px 20px; background: #2D63A1; color:#FFF;}
.sty_btn_send:hover{ background: #143378;}