﻿/* 基本版型1設定*/
@charset "utf-8";
h3{font-size:120%;}
h4{font-size:110%;}
body,html{width:100%; *text-align:center; font-family:"微軟正黑體";background-color:#eee;font-size:14px;}
* {behavior: url(../js/PIE.htc); font-size:14px; }
a {text-decoration:none; font-size:13px;color:#900;}
.clear{clear:both;}
	
/*base 影陰 內距設定*/
#body_wrapper {width:1052px;margin:0 auto;min-height:300px;background:url(../images/index_bk_02.jpg) repeat-y;*text-align:center;}
#wrapper{width:1024px; min-height:300px;margin:0 14px;*text-align:left;}

/*******選單 nav********/
#nav{width:auto;display:block;height:32px;margin-bottom:5px;}
#nav ul{}
#nav ul li{float:left; padding:0 2px; margin:0 3px;}	
#nav ul li a{border-top:5px solid #ccc; display:block;padding-top:2px; color:#000;}
#nav ul li.sel { border-color:#900;}
#nav ul li.sel a{color:#900;}
#nav ul li a:hover{border-top:5px solid #900; color:#930; } 
/*base 設定*/
#nav.base ul {margin-right:8px;}
#nav.base ul li{float:left; padding:0 2px; margin:0 1px;}	
#nav.base ul li a.sel{color:#900; border-color:#900;}
/*menu*/
#menu{width:270px;height:auto;background:url(../images/ina_02_2.png) 0px 0px repeat;}
#menu ul{margin-left:2px;}
#menu ul li a {width:165px; height:35px; background:url(../images/menu_b.jpg) 0px 3px no-repeat; line-height:35px; display:block; font-size:14px; color:#000; letter-spacing:1px;  }
#menu ul li a span {margin-left:35px;}
#menu ul li a:hover {background:url(../images/menu_a.jpg) 0px 3px no-repeat; font-weight:bolder; color:#F00;}
#menu ul li.sel {border-color:#900; background:url(../images/menu_a.jpg) no-repeat;}
#menu ul li.sel a{color:#900; }

/**********************左版************************/
#left{width:300px; min-height:713px;height:auto !important; float:left; }
.block_l{width:30px;height:250px;background:#A0A0A0;float:left; }
.block_r{width:270px; height:auto; background:url(../images/ina_02_1.png) 0px 0px no-repeat;float:left;z-index:50;position:relative; margin-bottom:15px;}
#left .ad1{width:270px; height:254px;margin-left:30px; margin-top:10px; background:url(../images/ina_12.png) no-repeat;float:left;}
#left .ad1 img {margin:4px 5px;}
h5.inner_logo{margin:15px 4px 0 4px;display:block;}
.block_r .block_b{width:270px;height:21px;background:url(../images/ina_02_3.png) 0px 0px no-repeat;}

/**************************右版**************************/
h4#pri_tit {margin-left:130px;width:560px;height:35px;display:block;background:url(../images/tit_line.png) 0px 0px no-repeat;overflow:hidden;font-size:16px;line-height:30px;padding-left:15px;font-weight:900;}
#pri_con {width:724px;height:auto;overflow:hidden;}
.pri_sub {width:132px;height:auto;float:left;overflow:hidden;}
.pri_sub p {width:105px;height:35px;display:block;margin:5px 0 15px 15px;text-align:center;}
.pri_sub p a {width:105px;height:35px;background:url(../images/tit_bt.png) 0px 0px no-repeat;display:block;font-size:16px;line-height:35px;color:#FFF;letter-spacing:2px;}
#primary{float:left; width:724px;min-height:713px;height:auto !important;}
#b_header {width:724px;height:255px;}
#primary #header {
	width:735px;
	height:245px;
	z-index:10;
    margin-left:-10px;
 
	display:block;
 
}
#primary #header img {position:relative;margin-left:11px;}

/**************************頁籤**************************/
/*page*/
div#page{clear:both;line-height:1.5;margin:0 auto; width:524px; height:30px;text-align:center;padding:12px 0 5px 0;}
div#page a.back{float:none;}
#page.fix_a{margin-left:280px}
#page.fix_b {margin-left:330px;}
#page.fix_c {margin-left:190px;}	 
div#page a{padding:0 3px; margin:0; float:left;   }	
div#page a.sed:before{content:'[';padding-right:2px;}
div#page a.sed:after{content:']';padding-left:2px;}
div#page a.sed{color:#000;}
div#page a.first{background:url(../images/page_03.gif) no-repeat; width:14px;margin:0 2px; position:relative; top:4px;   text-indent:-7999px;   cursor:pointer;  height:12px; display: block; overflow:hidden;   }
div#page a.pre{background:url(../images/page_05.gif) no-repeat; width:14px; margin:0 1px;  position:relative; top:4px;  text-indent:-7999px;   cursor:pointer;  height:12px; display: block; overflow:hidden;   }
div#page a.next{background:url(../images/page_07.gif) no-repeat; width:14px; margin:0 1px;   position:relative; top:4px; text-indent:-7999px;   cursor:pointer;  height:12px; display: block; overflow:hidden;   }
div#page a.last{background:url(../images/page_09.gif) no-repeat; width:14px;  margin:0 2px;  position:relative; top:4px; text-indent:-7999px;   cursor:pointer;  height:12px; display: block; overflow:hidden;   }
div#pagea.more:hover{position:relative; left:1px;}

/**********************關於我們*************************/
#primary .content{width:552px;height:auto;margin:20px;line-height:25px;float:left;overflow:hidden;}
#primary .base_tit{height:120px; margin-bottom:4px; } 
.base_tit h3.tit_logo{ margin:8px 12px 0 15px; float:left;}
.base_tit h3.tit_text{padding-top:8px;display:block;float:left;}

/**********************最新消息*************************/

/*新聞列表*/
.latestnews {width:552px;height: auto;padding:20px 10px;overflow:hidden;}
.latestnews dl {padding-left:10px;height: 100px;margin-bottom: 8px;display:block;}
.latestnews dl dt.news_t {width:540px;height:32px;display:block;}
.latestnews dl dt.news_t span {line-height: 1.4;}
.latestnews dl dt.news_t span.news_time {width: 127px;height: 32px;overflow: hidden;display: block;float: left;text-align: center;color: #fff;background: url(../images/time_bk.png) no-repeat;}
.latestnews dl dt.news_t span.news_tit a {font-size: 1em;color:#000;}
.latestnews dl dd.news_list {width: 530px;height: 60px;border: 1px solid #A6937C;overflow: hidden;padding:3px 5px;line-height:20px;}

.latestnews h4 {margin-left: 10px;display:block;}
.latestnews h4 span.time {width: 127px;height: 32px;overflow: hidden;display: block;float: left;text-align: center;color: #fff;background: url(../images/time_bk.png) no-repeat;}
.latestnews h4 span.news_tit {font-size: 1em;font-weight: bolder;padding-left: 12px;}
#inner_box {line-height:30px;;padding:0px 20px 10px 20px;}
#inner_box table.article_pic {float: left;margin-left: 5px;width:520px;min-height: 180px;margin-right: 18px;}
#inner_box table.article_pic td.article_info {padding:10px;line-height:20px;}
#inner_box .article_text {line-height: 1.54;}

/**********************聯絡我們*************************/
#contact {width:565px;height:auto;padding:10px;float:left;overflow:hidden;}

/***********************Q&A****************************/
#faq_body{margin-left:10px;}
#faq_body dl dt{ cursor:pointer; font-size:16px; border-bottom:1px #FCF solid;font-weight:900;line-height:25px;+line-height:38px;height:35px;color:#333;   }
#faq_body dl dt span.q_title{background:url(../images/q.gif) 0 5px  no-repeat;display:inline-block; width:0; padding-left:20px; overflow:hidden;position:relative;top:4px;}
#faq_body dl dd{margin-left:18px;margin-top:10px;color:#F00;line-height:25px;font-size:14px;}

/************************留言板***************************/
#guestbook {width:565px;height:auto;padding:10px;float:left;overflow:hidden;}
#guestbook table input.text1 {width:200px;height:20px;}
#guestbook table textarea.text2 {width:400px;height:200px;}
#guestbook table td {padding:5px 0;}
#guestlist {width:565px;height:auto;padding:10px;float:left;overflow:hidden;}
ul#gl_box {width:550px;height:auto;}
ul#gl_box li.gl_list {margin-bottom:15px;}
ul#gl_box li ul.gl_boxcon {width:546px;height:auto;border:2px solid #c30d23;}
ul#gl_box li ul.gl_boxcon li.gl_boxlist1 {width:inherit;height:30px;display:block;overflow:hidden;border-bottom:2px solid #c30d23;font-size:16px;background:#CCC;}
ul#gl_box li ul.gl_boxcon li .text1 {width:55px;line-height:30px;font-weight:900;text-align:right;float:left;}
ul#gl_box li ul.gl_boxcon li .text2 {width:295px;line-height:30px;color:#000;text-align:left;float:left;}
ul#gl_box li ul.gl_boxcon li .text3 {width:140px;line-height:30px;color:#c30d23;text-align:center;float:left;}
ul#gl_box li ul.gl_boxcon li.gl_boxlist2 {width:inherit;height:auto;min-height:30px;display:block;font-size:16px;}
ul#gl_box li ul.gl_boxcon li .text4 {width:55px;line-height:25px;font-weight:900;text-align:right;float:left;}
ul#gl_box li ul.gl_boxcon li .text5 {width:490px;height:auto;line-height:25px;color:#000;text-align:left;float:left;}
ul#gl_box li ul.gl_boxcon li.gl_boxlist3 {width:inherit;height:auto;min-height:30px;display:block;font-size:16px;border-top:1px dashed #c30d23;}
ul#gl_box li ul.gl_boxcon li .text6 {width:535px;height:auto;padding-right:10px;line-height:30px;color:#c30d23;text-align:right;float:left;overflow:hidden;}


/***************************會員中心****************************/
.mainbox {width: auto;min-height: 200px;height: auto;padding: 5px 12px;}
.mainbox h3.men_tit {margin-left: 30px;margin-top: 20px;height: 21px;}
.mainbox p.fg_text {margin: 15px 70px;line-height: 1.54;letter-spacing: 1.1px;}

/*****************產品資訊*****************/
ul.pro_content {width:700px;padding-left:15px;display:block;overflow:hidden;}
ul.pro_content li.pro_list {width:330px;height:137px;padding:4px;margin:0 10px 10px 0;border:1px solid #ccc;display:block;overflow:hidden;float:left;}
ul.pro_content li.pro_list .prolist_left {width:152px;height:137px;background:url(../images/line_137_7.png) 145px 0px no-repeat;float:left;}
ul.pro_content li.pro_list .prolist_right {width:170px;height:137px;padding-left:5px;float:left;overflow:hidden;}
ul.pro_content li.pro_list .prolist_right .prolist_name {width:160px;height:25px;padding:5px;border-bottom:1px dashed #918b8a;}
ul.pro_content li.pro_list .prolist_right .prolist_name h4 {padding-left:7px;height:25px;border-left:2px solid #c30d23;font-size:15px;color:#59493f;line-height:25px;display:block;overflow:hidden;}
ul.pro_content li.pro_list .prolist_right .prolist_name h4 a {color:#59493f;}
ul.pro_content li.pro_list .prolist_right .prolist_text {width:160px;height:85px;padding:5px;}
ul.pro_content li.pro_list .prolist_right .prolist_text .pro_price {width:150px;height:25px;margin:4px;border:1px solid #c30d23;}
ul.pro_content li.pro_list .prolist_right .prolist_text .pro_price .pro_pritext1 {width:75px;height:25px;background:#c30d23;color:#FFF;font-size:12px;line-height:25px;text-align:center;float:left;}
ul.pro_content li.pro_list .prolist_right .prolist_text .pro_price .pro_pritext2 {width:75px;height:25px;font-size:12px;line-height:25px;text-align:center;float:left;}
ul.pro_content li.pro_list .prolist_right .prolist_text p {font-size:12px;line-height:18px;}

#procom_top {width:inherit;height:auto;overflow:hidden;}
.procon_left {width:262px;height:auto;margin:10px 0 0 15px;float:left;}
.procon_pic {width:240px;height:230px;padding:5px 17px 5px 5px;background:url(../images/procon_262_240.png) 0px 0px no-repeat;}
.procon_right {width:400px;height:auto;margin:10px 0 0 15px;float:left;overflow:hidden;}
.procon_right1 { width:450px; height:auto; margin:10px 0  80px 15px; display:block;  float:left;overflow:hidden; padding:0;}
.procon_right .procon_name {padding:0 5px 2px 10px;height:18px;border-bottom:1px dashed #918b8a;}
.procon_right .procon_name h4 {padding-left:5px;height:18px;font-size:18px;line-height:18px;color:#59493f;border-left:2px solid #c71e33;display:block;overflow:hidden;}

.procon_left2 {width:222px;height:auto;margin:10px 0 0 15px;float:left;}
.procon_left2 .procon_pic2 {width:200px;height:183px;padding:5px 17px 5px 5px;background:url(../images/procon_262_240_2.png) 0px 0px no-repeat;}

/****************************************************************************************************************************************************************************/
.procon_right .procon_mid {width:385px;height:auto;padding:10px 5px 10px 10px;border-bottom:1px dashed #918b8a;overflow:hidden;}
.procon_right .procon_mid .procon_caption {width:385px;height:35px;overflow:hidden;text-align:center;margin:25px 0;}
.procon_right .procon_mid .procon_caption span {margin:0 10px;}
.procon_right .procon_mid .procon_shop {width:385px;height:auto;padding-bottom:5px;margin-bottom:5px;border-bottom:3px double #918b8a;overflow:hidden;}
.procon_right .procon_mid .procon_price {width:170px;height:auto;overflow:hidden;float:left;}
.procon_right .procon_mid .procon_price .proprice_box {width:140px;height:25px;float:left;margin:4px 2px;border:1px solid #c30d23;}
.procon_right .procon_mid .procon_price .proprice_box .proprice_name {width:60px;height:25px;background:#c30d23;color:#FFF;font-size:14px;line-height:25px;text-align:center;float:left;}
.procon_right .procon_mid .procon_price .proprice_box .proprice_dollar {width:80px;height:25px;font-size:14px;line-height:25px;text-align:center;float:left;}
.procon_right .procon_mid .procon_amount {width:215px;height:auto;overflow:hidden;float:left;}
.procon_right .procon_mid .procon_amount .procon_buybox {width:200px;height:35px;margin-left:4px;margin-top:5px;border:1px solid #c30d23;overflow:hidden;}
.procon_right .procon_mid .procon_amount .procon_buybox .procon_buyleft {width:118px;height:33px;padding:1px;float:left;}
.procon_right .procon_mid .procon_amount .procon_buybox .procon_buyleft label {padding:0 5px;font-size:14px;line-height:33px;color:#c30d23;}
.procon_right .procon_mid .procon_amount .procon_buybox .procon_buyleft input {width:40px;height:14px;paddong:0;margin:0;border:1px solid #aaaaaa;position:relative;left:5px;}
.procon_right .procon_mid .procon_amount .blood_box {width:200px;height:35px;padding:10px 0 14px 5px;overflow:hidden;}
.procon_right .procon_mid .procon_amount .blood_box .blood_text {width:100px;height:35px;float:left;padding-top:5px;text-align:center;font-size:16px;color:#900; }


/****************************************************************************************************************************************************************************/
#procon_down {width:675px;padding:10px 20px;}
#procon_down h4 {color:#c30d23;padding-left:15px;background:url(../images/icon_7_7.png) 3px 6px no-repeat;font-size:16px;font-weight:900;padding-bottom:10px;border-bottom:3px double #c30d23;}
#procon_down .procon_text {padding:15px;}
#procon_down .procon_bt {padding:5px 0;text-align:center;}

/*****************END 產品資訊*****************/

/***************會員中心 *****************/
.article#member {padding-left:15px;}
h3#member_h3{ width:0; height:28px; display:block; padding-left:187px;   text-indent:-8888px;  margin:15px 0; }
.article#member h3.tit_logo{ margin-bottom:10px;  }
.article#member span.span_tit{border-bottom:1px solid #006; font-weight:bold; letter-spacing:2px; }
.article#member p{line-height:1.5;}

div#member_join{width:inherit; height:100px; background:url(../images/member_07.jpg) no-repeat left top; padding:18px;margin-top:30px;}
div#member_join p.common_p{padding:0;margin:6px 0;}
div#member_join p.common_p label{  min-width:0px; width:44px;}
div#member_join p.common_p input{border:1px solid #006;}
.article#member #btn{width:160px; position:absolute; margin-top:-60px; margin-left:290px; display:inline-block;}
.article#member #pass{width:120px; position:absolute; margin-top:-64px; margin-left:170px; font-size:13px; }
.article#member #pass input{height:12px; position:relative; top:2px;}
#btn span.loginbtn{margin:0 6px;float:left;}
#btn span.loginbtn2{ display:block; margin:8px 0; }
#btn span.loginbtn:hover{position:relative; top:1px;left:1px; cursor:pointer;}

.joinbox{padding-top:2px; padding-left:12px; margin-left:100px;  width:500px;   min-height:350px; height:auto; background:url(../images/product_bk_06.jpg) top left no-repeat   ;}
.joinbox h4{display:block;  padding:3px 0; margin-left:10px;}
/**********生產履歷查詢*********/
.production_search {margin:10px 30px 10px 15px;padding-bottom:5px;border-bottom:3px double #900;text-align:center;}
.production_search label {font-size:14px;font-weight:900;color:#333;}
.production_search span {position:relative;left:120px;top:5px;*top:0px;}
.production_search input.search_bt1 {position:relative;left:5px;top:-3px;*top:0px;}
.production_search2 {margin:0px 30px 10px 15px;padding-bottom:10px;border-bottom:3px double #900;text-align:left;}
.production_search2 span {font-weight:900;color:#900;}

/**************************版尾*************************/
#footer{ width:1024px; height:70px;  background-color:#CFCFCF; color:#FFF;font-size:13px;text-align:center;}
#footer span {padding-left:15px;;}
address{font-style:normal;line-height:1.6}


/*照片列表*/

ul.photolist{}
ul.photolist li {float:left; margin:10px; width:160px; height:150px; }
ul.photolist li table {width:160px; height:120px; border-collapse:separate; border:1px solid #333; box-shadow:2px 2px 5px rgba(30%,30%,30%,0.6); }
ul.photolist li table:hover{border:1px solid #ccc; box-shadow:2px 2px 2px rgba(30%,30%,30%,0.6); }
ul.photolist  h3{ text-align:center; }
ul.photolist  h3 a{ color:#900; font-size:14px;}