@charset "utf-8";
/*取消 Html 原有樣式  reset.css ---------------------------------*/
* { margin: 0px; padding: 0px; }
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; }
table { border-collapse:collapse; }
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; }



/*排版*/
selector { height:auto; height:500px;}

#wrapper { width: 900px; margin-right: auto; margin-left: auto; font-family: Arial, Helvetica, sans-serif; }
#contact { background-color: #FFFFFF; overflow: hidden; height:auto; padding-bottom: 10px; }
#main { padding-right: 10px; padding-left: 10px; height: 100%; }

#footer { height: 40px; color: #FFFFFF; text-align: center; padding-top: 6px; font-size: 11px; margin-top: 10px; background-image: url(../images/ft_b02.jpg);}
#right { float: right; width: 650px; background-color: #FFFFFF; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; padding-top: 5px; }
#gary_bg { background-color: #eeeeee; margin-top: 10px; margin-bottom: 5px; padding: 10px; }

.menu{ margin-top: 0px; background-image: url(../images/m2_b02.jpg); background-repeat: repeat-x; width: 900px; border-top-width: 5px; border-top-style: solid; border-top-color: #677693; height: 29px; background-position: bottom; }
.menu li{ display: inline; }
.menu li a{ height: 29px; width: 100px; display: block; float: left; background-image: url(../images/m2_b02.jpg); text-align: center; padding-top: 10px; color: #FFFFFF; text-decoration: none; font-size: 15px; }
.menu li a:hover{ color: #070163; text-decoration: none; }
.menu .first a{background-image: url(../images/m2_b02.jpg); }
.menu .last a { background-image: url(../images/m2_b02.jpg); }
.more a{ background-image: url(../images/icon_07.jpg); background-repeat: no-repeat; display: block; height: 13px; width: 36px; color: #FFFFFF; text-indent: -9999px; background-position: center; position: absolute; bottom: 10px; right: 10px; }
.more a:hover{ background-image: url(../images/icon_07_a.jpg); }

/*共用*/
h2 { font-size: 15px;  padding-top: 7px; padding-bottom: 7px; }
.red_1 { color: #CC3300; font-weight: bold; }
.del { background-color:#4075AB; 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: #8186BE; border-right-color: #384091; border-bottom-color: #323987; border-left-color: #757BB5; color: #FFFFFF; padding-top: 2px; text-align: center; padding-right: 3px; padding-left: 3px; }
.red { color: #FF0000; }
.clean2 { clear: both; padding-top: 5px; padding-bottom: 5px; }
.clean { clear: both; }
.blue { font-weight: bold; color: #010184; }
.red_s { font-weight: bold; color: #FF0000; }
.green { font-size: 13px; color: #006156; font-weight: bold; }
.tit { background-image: url(../images/icon_05.jpg); background-repeat: no-repeat; padding-left: 35px; background-position: 15px center; padding-top: 8px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; height: 27px; font-weight: bold; font-size: 15px; }
.color { color: #993300; }
.skyblue { color: #00557f; }
.btn2_center2 { width: 25%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; }
.btn2_center2 label { margin-right: 10px; margin-left: 10px; }

.page { padding-top: 15px; padding-bottom: 15px; text-align: center; }
.page a { padding-right: 5px; padding-left: 5px; text-decoration: none; font-size: 12px;  border: 1px solid #CCCCCC; margin-right: 2px; margin-left: 2px; height: 20px; font-family: Arial, Helvetica, sans-serif; padding-top: 5px; padding-bottom: 5px; }
.page a:hover { color: #333333; }


/*共用規則*/
.hd{ background-repeat: no-repeat; }
.md{ background-repeat: repeat-x; }
.dn{ background-repeat: no-repeat; }

#head{ position: relative; background-image: url(../images/head_01.jpg); background-position: top; height: 90px; width: 900px; background-repeat: no-repeat; }
#head #logo{ height: 90px; width: 378px; float: left; padding-left: 15px; padding-top: 0px; font-weight: bold; }
#head #logo .name { float: left; color: #FFFFFF; font-size: 17px; padding-top: 25px; padding-left: 13px; }
#head .top_nav { height: 27px; width: 183px; text-align: right; position: absolute; top: 5px; right: 10px; font-size: 13px; }
#head .top_nav a{ color: #FFFFFF; text-decoration: none; }
#head .top_nav a:hover{ color: #FF9900; text-decoration: underline; }

/*版本顏色*/
#borad_01 #sidebar li a:hover ,#borad_02  #sidebar li a:hover ,#borad_03 #sidebar li a:hover{ position: relative; left: 1px; top: 1px; color: #FF6600; }

#borad_01 #sidebar li a{ text-decoration: none; color: #018476; }
#borad_02 #sidebar li a{ text-decoration: none; color: #010184; }
#borad_03 #sidebar li a{ text-decoration: none; color: #CC3300; }


#borad_01 #head {background-image: url(../images/head_01.jpg);}
#borad_02 #head {background-image: url(../images/head_02.jpg);}
#borad_03 #head {background-image: url(../images/head_03.jpg);}

#borad_01 #footer { background-image: url(../images/ft_b02.jpg);}
#borad_02 #footer { background-image: url(../images/ft_b02.jpg); }
#borad_03 #footer { background-image: url(../images/ft_b02.jpg);}

#borad_01 h2 {  color: #006156;  }
#borad_02 h2 {  color: #010184;  }
#borad_03 h2 {  color: #CC3300;  }

#borad_01 .page a {color: #018476;  }
#borad_02 .page a {color: #010184;  }
#borad_03 .page a {color: #CC3300;  }
#borad_01 .page a:hover ,#borad_02 .page a:hover ,#borad_03 .page a:hover{ color: #333333; }


#top{ background-color: #FFFFFF; padding-bottom: 10px; padding-top: 5px; }
.info { float: right; background-color: #ffffff; padding: 10px; margin-left: 10px; width: 43%; }
.info li , .pro_info  li { padding-top: 5px; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; color: #666666; font-size: 13px; background-color: #ffffff; }
/*產品規格明細*/
#top #level2 { width: 54%; float: right; position: relative; background-color: #ffffff; height: 300px; }
#top #level2 p { width: 300px; margin-right: auto; margin-left: auto; }
#top #level2 img { padding-right: 5px; padding-left: 5px; }
.pro_info { margin-left: 10px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
.show_2 { height: 300px; width: 400px; float: left; text-align:center; }

/*產品照片圖*/
/* #top .show { background-image: url(../images/pic_bg_02.jpg); height: 315px; width: 475px; float: left; padding-top: 5px; padding-left: 5px; } */
#top .show {height: 315px; width: 475px; float: left; padding-top: 5px; padding-left: 5px; }

/*商店介紹首頁*/
#down{ background-color: #eeeeee; padding: 10px; }
#down #run { height: 30px; background-color: #FFFFFF; background-image: url(../images/icon_05.jpg); background-repeat: no-repeat; background-position: 20px center; padding-top: 10px; padding-left: 35px; color: #0066CC; margin-bottom: 5px; font-size: 15px; }
#down #run .black { font-weight: bold; color: #000000; padding-right: 20px; float: left; padding-left: 5px; }
#down #kk { width: 100%; background-color: #FFFFFF; padding-top: 5px; padding-right: 5px; padding-bottom: 10px; padding-left: 5px; }
#down #kk p { background-image: url(../images/icon_06.jpg); background-repeat: no-repeat; padding-left: 20px; font-size: 11px; padding-top: 10px; padding-bottom: 10px; background-position: left center; }
#down #kk p a{ color: #070163; text-decoration: none; }
#down #new { width: 100%; background-color: #FFFFFF; padding-top: 5px; padding-right: 5px; padding-bottom: 10px; padding-left: 5px; }
#down #new ul{ padding: 10px; }
#down #new li{ display: block; float: left; padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; }
#down #new p { background-image: url(../images/icon_06.jpg); background-repeat: no-repeat; padding-left: 20px; font-size: 11px; padding-top: 10px; padding-bottom: 10px; background-position: left center; }
#down #new p a{ color: #070163; text-decoration: none; }
#down #new p a:hover{ color: #0033CC; text-decoration: underline; }
#down #comp_text { background-color: #FFFFFF; width: 360px; float: right; height: 320px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; padding-top: 5px; position: relative; text-align: justify; }
#down #comp_text p { font-size: 12px; color: #666666; }

/*聯絡我們頁面*/
#contact .mail ,.key { width: 380px; margin-right: 10px; padding-top: 10px; padding-bottom: 30px; }
#contact #level { padding-right: 20px; padding-left: 20px; }
#contact #level  p { padding-bottom: 3px; }
#contact .mail{ float: left; }
#contact .key{ float: right; font-size: 13px; color: #005148; }
#contact #level .hd { background-image: url(../images/g_hd.jpg); height: 12px; width: 371px; background-repeat: no-repeat; background-position: bottom; }
#contact #level .md { width: 256px; background-color: #f8f8f8; padding-left: 90px; padding-right: 25px; color: #666666; font-size: 13px; height: 250px; padding-bottom: 10px; background-image: url(../images/pic_09.jpg); background-position: 7px center; background-repeat: no-repeat; position: relative; padding-top: 10px; }
#contact #level .dn { background-image: url(../images/g_dn.jpg); height: 12px; width: 371px; }
#contact #level .key .md { background-image: none; padding-left: 30px; width: 315px; }
#sidebar { background-color: #FFFFFF; width: 190px; float: left; padding-right: 5px; padding-left: 5px; padding-top: 5px; height: 100%; margin-bottom: -1200px; padding-bottom: 1200px; }
#sidebar ul { padding-left: 15px; padding-top: 5px; }
#sidebar li { background-image: url(../images/icon_08.jpg); background-repeat: no-repeat; height: 20px; font-size: 13px; padding-left: 15px; background-position: left center; padding-top: 5px; }
#sidebar li a{ text-decoration: none; }

/*產品詳細頁 問與答*/
#pro_info { background-color: #FFFFFF; }
#pro_info img { padding-top: 5px; padding-bottom: 5px; }
#pro_info .user_edit { padding-right: 15px; padding-left: 15px; padding-top: 10px; padding-bottom: 10px; }
#pro_info .user_edit  li { color: #0066CC; }
.clean3 { clear: both; width: 90%; }

/*問與答紀錄*/
#pro_info #qa { padding-top: 10px; padding-bottom: 10px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: dotted; border-bottom-style: dotted; border-top-color: #999999; border-bottom-color: #999999; padding-right: 10px; padding-left: 10px; height: 100%; }
#pro_info #user_q { padding-right: 10px; padding-bottom: 5px; padding-left: 25px; }
#pro_info #qa { font-size: 12px; color: #666666;}
#pro_info #qa .system  { display: block; padding-bottom: 5px; position: relative; width: 98%; margin-bottom: 5px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; }
#pro_info .btn { text-align: right; position: absolute; top: -11px; right: 0px; }
#pro_info .btn img { padding-right: 3px; padding-left: 3px; }
/*廠商回覆*/
.system_2  { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; padding-bottom: 5px; margin-bottom: 5px; }

#pro_info #shopre .secret { width: 100%; }
/*消費者提問*/
#pro_info #user_key ,#shop_key { padding: 10px; }
#pro_info .c1 { font-size: 12px; color: #666666; padding-top: 5px; padding-bottom: 5px; width: 40%; }
#pro_info #user_key img { padding-top: 0px; padding-bottom: 0px; }
#pro_list .unit .p_pic { float: left; height: 94px; width: 120px; margin-right: 20px; }
#pro_list .unit { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; padding-bottom: 7px; margin-bottom: 6px; padding-right: 10px; padding-left: 10px; padding-top: 10px; }
#pro_list .unit ul { padding-bottom: 10px; width: 60%; float: left; }
#pro_list .unit #blist { padding-right: 10px; padding-bottom: 5px; }
#pro_list .unit #blist p { padding-top: 3px; padding-bottom: 3px; }
#pro_list .unit li { font-size: 12px; color: #666666; padding-top: 3px; padding-bottom: 3px; }
#pro_list .unit label { background-repeat: no-repeat; padding-left: 25px; margin-left: 20px; }
#pro_list #sample label { background-image: url(../images/icon_04.jpg);}
#pro_list #sale label { background-image: url(../images/icon_03.jpg);}
#about #a_pic { width: 320px; float: left; margin-right: 15px; }
#about #main { font-size: 13px; color: #666666; }
#about #shadow { width:304px; height: 230px; background-color: #cecece; margin-right: auto; margin-left: auto; margin-top: 15px; margin-bottom: 15px; } 
#about #shadow #pic{ background:#FFF; position: relative; left: -5px; top: -5px; }
#pro_list .unit  a { color: #0066CC; text-decoration: none; }
#pro_list .unit a:hover { color: #FF6600; }
#shopre { float: right; width: 534px; padding: 5px; }

#shopre .secret { width: 100%; }

/*灰色圓角*/
#fix_yen { position: relative; width: 100%; }
.g_yen { margin-top: 5px; margin-bottom: 5px; }
.g_yen  p { background-repeat: no-repeat; background-color: #F3F3F3; height: 12px; }
.g_yen .g1 ,.g_yen .g3 { float: left; height: 12px; width: 16px; position: absolute; background-color: #F3F3F3; left: 0px; }
 #qa .g_yen .g1 ,.g_yen .g3 { left: 0px; }

.g_yen .g1 { background-image: url(../images/g1.jpg); background-position: top; }
.g_yen .g2 { background-image: url(../images/g2.jpg); background-position: right top;  }
.g_yen .g3 { background-image: url(../images/g3.jpg); background-position: bottom; }
.g_yen .g4 { background-image: url(../images/g4.jpg); background-position: right bottom; }
.g_yen  #g_main { padding-right: 20px; padding-left: 20px; background-color: #F3F3F3; }
.g_yen  #g_main  li { padding-top: 3px; padding-bottom: 3px; font-size: 12px; color: #666666; }

/*藍色圓角*/
.b_yen { margin-top: 5px; margin-bottom: 5px; }
.b_yen .b1 ,.b_yen .b3 { float: left; background-color: #e5eef8; height: 12px; width: 16px; position: absolute; }
.b_yen  p { background-repeat: no-repeat; background-color: #e5eef8; height: 12px; }
.b_yen .b1 { background-image: url(../images/b1.jpg);  }
.b_yen .b2 { background-image: url(../images/b2.jpg); background-position: right top;  }
.b_yen .b3 { background-image: url(../images/b3.jpg);background-position: bottom; }
.b_yen .b4 { background-image: url(../images/b4.jpg); background-position: right bottom; background-repeat: no-repeat; }
.b_yen  #b_main { background-color: #e5eef8; padding-right: 20px; padding-left: 20px; height: 100%; }
.b_yen  #b_main li { padding-top: 3px; padding-bottom: 3px; font-size: 12px; color: #666666; }

/*白色圓角*/
.w_yen { margin-top: 5px; margin-bottom: 5px; }
.w_yen  .w1 ,.w_yen  .w3 { float: left; background-color: #FFFFFF; height: 12px; width: 16px; position: absolute; }
.w_yen  p { background-repeat: no-repeat; background-color: #FFFFFF; height: 12px; }
.w_yen  .w1 { background-image: url(../images/w1.jpg);  }
.w_yen .w2 { background-image: url(../images/w2.jpg); background-position: right top;  }
.w_yen .w3 { background-image: url(../images/w3.jpg);background-position: bottom; }
.w_yen .w4 { background-image: url(../images/w4.jpg); background-position: right bottom; background-repeat: no-repeat; }
.w_yen #w_main { background-color: #FFFFFF; height: 100%; }
.w_yen #w_main li { padding-top: 3px; padding-bottom: 3px; font-size: 12px; color: #666666; }

/*問與答紀錄*/
 #qa { padding-top: 10px; padding-bottom: 10px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: dotted; border-bottom-style: dotted; border-top-color: #999999; border-bottom-color: #999999; padding-right: 10px; padding-left: 10px; height: 100%; }
 #qa .md { background-color: #F3F3F3; height: 166px; float: left; width: 98%; }
 #qa .hd { height: 166px; width: 12px; float: left; background-image: url(../images/gary_02_hd.jpg); }
 #qa .dn { height: 166px; width: 12px; background-image: url(../images/gary_02_dn.jpg); float: left; }
 #user_q { padding-right: 10px; padding-bottom: 5px; padding-left: 25px; }
 #qa { font-size: 12px; color: #666666;}
 #qa .system { display: block; padding-bottom: 5px; position: relative; width: 98%; margin-bottom: 5px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; }
 .btn { text-align: right; position: absolute; top: -11px; right: 0px; }
 .btn img { padding-right: 3px; padding-left: 3px; }
/*廠商回覆*/

.system a ,.system_2 a { color: #0075BC; text-decoration: none; }
.system a:hover ,.system_2 a:hover { color: #FF9900; text-decoration: underline; }
#pro_order .submit input{width:125px;height:34px;background:url(../images/btn_01.jpg) left top scroll;border:0;font-size:0;line-height:0px;text-indent:-5000px;overflow:hidden;vertical-align:middle;cursor:pointer;}

#yauitupiv .bd{text-align:center;}
#yauitupiv .bd table.attris{border:2px solid #dbdbdb;background:#fff;width:70%;margin:15px auto;}
#yauitupiv .bd table.attris tr th, #yauitupiv .bd table.attris tr td{padding:4px;font-size:116%;border:1px solid #dbdbdb;}
#yauitupiv .bd table.attris tr th{background:#fdfdd9;font-weight:bold;width:20em;}
#yauitupiv .bd table.attris tr td{width:25em;}
#yauitupiv .bd table.attris tr td.empty{width:0;padding:0;}