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

/*取消 Html 原有樣式  reset.css ----------------------------------------------------------------------------------------------------------*/
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;word-break:break-all;word-break:break-all;}
table{border-collapse:collapse;border-spacing:0;word-break:break-all;}
fieldset,img{border:0;word-break:break-all;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;word-break:break-all;}
ul {list-style:none;word-break:break-all;}
caption,th {text-align:left;word-break:break-all;}
h1,h2,h3,h4,h5,h6{font-size:100%;word-break:break-all;}
img, div, input ,li ,a{ behavior: url("css/iepngfix.htc") }

/* 相關共用------------------------------------------------------------------------------------------------------------------------*/

a{ color: #666; }
a:hover{ }
h1{ font-size: 17px; }
h2{font-size: 15px;}
h3{font-size: 15px}
/*按鈕設定*/
.btn{ text-align: center; padding-top: 15px; padding-bottom: 10px; clear: both; }
.btn input { margin-right: 2px; margin-left: 2px; }
input.button { border: 1px solid #ADADAD; color: #333; cursor: pointer; cursor:hand; font-size: 11px; font-weight: bold; line-height: 20px; .line-height: 18px; padding: 0 10px; .padding: 0 4px; text-decoration: none; text-shadow: #9b9b9b 0 -1px 1px; vertical-align: middle; vertical-align: baseline; /*各瀏覽器的圓角設定，這裡捨棄對 IE6 的支援*/ border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; background-image: url(images/button.jpg); background-repeat: repeat-x; background-position: left top; } 
/*文字設定*/
.t_num{ font-family: Verdana, Geneva, sans-serif; font-size: 18px; }
.t_date{ font-family: Verdana, Geneva, sans-serif; font-size: 10px; }
.t_red{ color: #C00; }
.t_green{ color: #360; }
.t_blue{ color: #069; }
.t_grey{ color: #999; }
.t_qrange{ color: #F30; }
/*清除*/
.clear{ clear: both; }
/*兩邊等高*/
.equal {padding-bottom: 32767px; margin-bottom: -32767px;}
/*表格*/
.table { border: 1px solid #B3B3B3; line-height: 2em; color: #333; }
.table td,.table th{ border: 1px solid #B3B3B3; padding: 6px; }
.table th{ background-color: #DFDFDF; text-align: center; }
.table tfoot tr td { background-color: #EEE; }
/*表格2-聯絡我們.*/
.table2 { }
.table2 td,.table th{ padding: 6px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; }
.table2 th{ background-color: #DFDFDF; }
/*----頁碼--*/
.page { text-align: center; padding-right: 15px; padding-left: 15px; padding-top: 15px; padding-bottom: 10px; clear: both; }
.page a{ padding-right: 10px; padding-left: 10px; padding-top: 3px; padding-bottom: 3px; text-decoration: underline; }
.page a:hover{ background-color: #B6BEA7; color: #FFFFFF; text-decoration: none; border: 1px solid #B3BF67; padding-right: 9px; padding-left: 9px; }
/*共用消息列表*/
.news .text{ width: 655px; margin-right: auto; margin-left: auto; }
.news .hd2{ background-image: url(images/02news_01.jpg); background-repeat: no-repeat; height: 21px; padding-top: 8px; margin-bottom: 10px; text-align: center; }
.news td{ clear: both; padding-top: 10px; padding-bottom: 10px; font-size: 13px; display: block; background-image: url(images/02news_03.jpg); background-repeat: repeat-x; background-position: bottom; }
.news tr.row td{ background-color: #f4f6ed; }
.news td.title a{ text-decoration: none; background-image: url(images/02news_02.png); background-repeat: no-repeat; display: block; padding-left: 35px; background-position: 15px top; }
.news td.title a:hover { color: #C60; }
.news td.date{ text-align: center; color: #666; }
/*整體外框陰影*/
.box_page_hd { background-image: url(images/bg1.png); _background-image:none; font-size: 0px;  background-repeat: no-repeat; }
.box_page_cd { background-image: url(images/bg2.png); _background-image: url(images/bg2.gif); padding-right: 4px; padding-left: 4px; _background-position: 4px top; background-repeat: repeat-y; }
.box_page_bd { background-image: url(images/bg3.png); _background-image:none;background-repeat: no-repeat; font-size: 0px; padding-top: 4px; }
/*main中間的共用樣式*/
.main_box{ }
.main_box .text { padding-right: 10px; padding-left: 10px; }
.main_box .hd { background-image: url(images/hd.png); background-repeat: no-repeat; margin-bottom: 10px; position: relative; }
.main_box .hd h2{ font-weight: normal; padding-top: 16px; padding-right: 10px; padding-bottom: 15px; padding-left: 55px; font-size: 18px; }
.main_box .hd .linkmap { position: absolute; top: 20px; right: 120px; background-image: url(images/home.jpg); background-repeat: no-repeat; padding-left: 23px; }
.main_box  h3{ background-image: url(images/02news_02.png); background-repeat: no-repeat; background-position: 7px; padding-top: 7px; padding-right: 7px; padding-bottom: 7px; padding-left: 30px; margin-top: 10px; margin-bottom: 10px; }

/* 主體排版------------------------------------*/
body{ background-image: url(images/bg.jpg); font-size: 12px; text-align: center; font-family: Verdana, Geneva, sans-serif; }
#wrap{/*網頁外框*/ width: 923px; margin-right: auto; margin-left: auto; margin-top: 15px; text-align: left; }
#header{ /*橫幅*/position: relative; }
#main { background-color: #FFF; background-image: url(images/main_bg1.jpg); background-repeat: repeat-x; padding-top: 15px; background-position: left 2px; padding-right: 7px; padding-left: 7px; float: right; width: 715px; padding-bottom: 10px; }/*主區塊*/
#sidebar {/*次區塊*/ background-color: #efeddb; width: 173px; z-index: 99; }

#footer { text-align: center; color: #333; padding: 10px; clear: both; line-height: 1.7em; position: relative; }/*頁尾*/
#footer a.top { background-image: url(images/top.png); position: absolute; top: 10px; right: 13px; background-repeat: no-repeat; display: block; height: 14px; width: 39px; }
#footer .copyright {}/*版權聲明*/
#toplink { position: relative; }

/* 首頁------------------------------------------------------------------------------------------------------------------------*/

/*連結子站*/
#link_site { background-image: url(images/link_site.png); height: 48px; width: 175px; position: absolute; top: -15px; right: 0px; }
#link_site a{ color: #FFF; text-decoration: none; margin-left: 30px; margin-top: 8px; font-size: 13px; display: block; }
#link_site a:hover{ color: #FF0; text-decoration: underline; }
#banner { margin-right: auto; margin-left: auto; margin-top: 5px; }
/*快訊*/
#meg { background-image: url(images/meg_bg1.jpg); background-repeat: repeat-x; height: 14px; padding: 5px; width: 701px; margin-right: auto; margin-left: auto; margin-bottom: 10px; position: relative; }
#meg marquee{ float: left; width: 55%; }
#login_bar{ float: right; width: 45%; text-align: right; }
/*基本資訊*/
#about_business{ height: 310px; font-size: 13px; }
#about_business .text .pic{ background-image: url(images/about_business_pic.jpg); background-repeat: no-repeat; height: 247px; width: 342px; display:table-cell; text-align:center; vertical-align:middle; float: left; margin-right: 5px; }
#about_business .text .pic span{ height:100%; display:inline-block;} 
#about_business .text .pic *{ vertical-align:middle;} 
#about_business .text .info{ float: left; width: 345px; margin-top: 13px; }
#about_business .text .info ul li{ background-image: url(images/about_business_li.jpg); min-height:16px; background-repeat: no-repeat; padding-top: 3px; padding-right: 2px; padding-bottom: 5px; padding-left: 4px; color: #515151; font-size: 13px; background-position: left top; clear: both; }
#about_business .text .info ul li span { width: 80px; display: block; float: left; height: 30px; }
#about_info .text { margin: 7px; }
/*qrcode*/
/*服務資訊*/
.col1{ overflow: hidden; zoom: 1; color: #666;}/*設定靠左後右邊100%*/
#qrcode  { float: left; }
#qrcode img{ margin-right: 10px; margin-left: 10px; }
#about_service {overflow: hidden; zoom: 1; }/*設定靠左後右邊100%*/
#about_service ul{ padding: 7px; }
#about_service li{ display: block; background-image: url(images/about_service_li.jpg); background-repeat: no-repeat; padding-top: 5px; padding-bottom: 5px; padding-left: 25px; background-position: left 3px; font-size: 13px; float: left; width: 100px; }
/*網站名稱*/
#sitename { height: 24px; text-align: center; padding-top: 9px;background-color: #718449;   }
#sitename h1 a{  color: #FFF;font-size: 13px; text-decoration: none; display: block; background-image: url(images/site_name_bg.png); background-position: left top;  }
/*服務選單*/
#menu { margin-bottom: 10px; }
#menu .hd { background-image: url(images/menu.png); background-repeat: no-repeat; background-color: #b2b9a3; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #d7d9d4; margin-bottom: 10px; font-size: 0px; height: 40px; }
#menu ul li{ position: relative; margin-right: 14px; margin-left: 14px; background-image: url(images/menu_li.png); background-repeat: no-repeat; display: block; padding-top: 7px; padding-right: 10px; padding-bottom: 14px; padding-left: 40px; }
#menu ul li a { color: #718449;font-size: 16px; text-decoration: none; margin-bottom: 8px; text-align: right; display: block; }
#menu ul li span { color: #AFB597; position: absolute; top: 25px; font-size: 10px; font-family: Verdana, Geneva, sans-serif; right: 10px; }
/*廣告*/
.ad { text-align: center; padding-bottom: 7px; }
/*熱門店家*/
#hot_store ul ul { padding: 7px; }
#hot_store ul ul li img { float: left; margin-right: 5px; }
#hot_store ul ul li { padding-top: 7px; padding-bottom: 7px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #BDC5AE; }
/*流量統計*/
#statpress { padding-top: 7px; padding-right: 7px; padding-bottom: 7px; padding-left: 10px; color: #666; line-height: 1.7em; }

/* 內頁------------------------------------------------------------------------------------------------------------------------*/

/*最新消息vs.文章 內頁*/
.news_dia .hd2 { background-image: url(images/02news_04.jpg); background-repeat: no-repeat; height: 52px; position: relative; margin-bottom: 15px; }
.news_dia .hd2 h1{ padding-top: 15px; padding-left: 25px; }
.news_dia .hd2 .date{ position: absolute; top: 20px; right: 10px; color: #9a7c47; }
/*最新消息*/
#news .hd2 .title{ border-right-width: 1px; border-right-style: solid; border-right-color: #B3C789; }
#news .title{ width: 77%; float: left; margin-right: 7px; overflow: hidden; zoom: 1;}
#news .date {overflow: hidden; zoom: 1; }
/*相關文章*/
#article .hd2 .title{ border-right-width: 1px; border-right-style: solid; border-right-color: #B3C789; }
#article .title{ width: 77%; float: left; margin-right: 7px; overflow: hidden; zoom: 1;}
#article .date {overflow: hidden; zoom: 1; }
/*照片*/
#gallery li{ float: left; text-align: center; }
#gallery li .pic { background-image: url(images/gallery_li.jpg); background-repeat: no-repeat; height: 159px; width: 230px; display:table-cell; vertical-align:middle; background-position: left top; text-align: center; }
#gallery li .pic *{ vertical-align:middle;}
#gallery li .pic span{ height:100%; display:inline-block; }
/*照片內頁*/
#gallery_dia .pic{ display:table-cell; vertical-align:middle; text-align: center; background-image: url(images/gallery_dia_bg.jpg); background-repeat: no-repeat; height: 529px; width: 689px; }
#gallery_dia .pic *{ vertical-align:middle;}
#gallery_dia .title{ text-align: center; font-size: 15px; }
#gallery_dia .pic span{ height:100%; display:inline-block; }
/*產品*/
#product li{ float: left; text-align: center; color: #993; height: 200px; }
#product li .pic { background-image: url(images/gallery_li.jpg); background-repeat: no-repeat; height: 159px; width: 230px; display:table-cell; vertical-align:middle; background-position: left top; text-align: center; }
#product li .pic *{ vertical-align:middle;}
#product li a{ font-size: 15px; }
#product li .pic span{ height:100%; display:inline-block; }
/*產品內頁*/
#product_dia .col1 { float: left; width: 50%; }
#product_dia .id { text-align: right; color: #05375d; position: relative; clear: both; }
#product_dia .id a { background-image: url(images/heart_010.gif); background-repeat: no-repeat; margin-right: 5px; margin-left: 5px; }


#product_dia .col1 .pic img { padding: 5px; border: 1px solid #CCC; }
#product_dia .col2 { float: right; width: 50%; }
#product_dia .col2 h1{ background-image: url(images/02news_02.png); background-repeat: no-repeat; background-position: left 12px; padding-top: 7px; padding-right: 7px; padding-bottom: 7px; padding-left: 15px; margin-bottom: 10px; }
#product_dia .col2 .quarantee{ margin-top: 10px; }
#product_dia .col2 .price{ font-size: 15px; color: #B3BF67; margin-top: 15px; }
#product_dia .col3{ margin-top: 15px; }
#product_dia .col3 h2{ background-image: url(images/product_dia_2.jpg); background-repeat: no-repeat; margin-bottom: 10px; font-size: 13px; color: #666; padding-top: 3px; padding-bottom: 7px; padding-left: 5px; margin-top: 10px; }
/*產品-結帳*/
#product_payment .hd2 a { margin-right: 5px; margin-left: 5px; }
#product_payment .hd2 { text-align: right; padding: 7px; }

#product_payment h3 span{ font-size: 12px; font-weight: normal; color: #666; }
#product_payment h3 a { margin-right: 7px; }
/*優惠卷*/
#coupon .cd_box { background-image: url(images/store03_coupon_03.jpg); background-repeat: no-repeat; background-position: left top; }
#coupon .bd_box { background-image: url(images/store03_coupon_06.jpg); background-repeat: no-repeat; background-position: left bottom; font-size: 0px; margin: 0px; padding: 0px; height: 20px; }
.coupon_print{ position: relative; }
.coupon_print .cou_name { position: absolute; top: 50px; left: 170px; font-size: 1.41em; font-weight: bold; }
.coupon_print .cou_short { position: absolute; top: 75px; left: 170px; background-color: #ebebeb; padding: 3px; }
.coupon_print .cou_pic { position: absolute; left: 29px; top: 17px; }
.coupon_print .cou_pic img { height: 89px; width: 118px; }
.coupon_print .cou_li ul { padding-top: 130px; padding-left: 30px; margin-right: 20px; }
.coupon_print .cou_li li { background-image: url(images/icon_8.jpg); background-repeat: no-repeat; background-position: 0px 7px; padding-left: 15px; padding-bottom: 5px; padding-right: 10px; }

.couponprint{ background-color: #FFF; background-image: none; text-align: left; }
.coupon_print2{ position: relative; width: 600px; height: 250px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; }
.coupon_print2 .cd_box { background-image: url(images/coupon_print_03.jpg); background-repeat: no-repeat; background-position: left top; margin: 0px; }
.coupon_print2 .bd_box { background-image: url(images/coupon_print_05.jpg); background-repeat: no-repeat; background-position: left bottom; height: 20px; font-size: 0px; }
.coupon_print2 .pic{ margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-align: center; }
.coupon_print2{ position: relative; }
.coupon_print2 .cou_name { position: absolute; top: 50px; left: 170px; font-size: 1.41em; font-weight: bold; }
.coupon_print2 .cou_short { position: absolute; top: 75px; left: 170px; background-color: #ebebeb; padding: 3px; }
.coupon_print2 .cou_pic { position: absolute; left: 29px; top: 17px; }
.coupon_print2 .cou_pic img { height: 89px; width: 118px; }
.coupon_print2 .cou_li ul { padding-top: 130px; padding-left: 30px; }
.coupon_print2 .cou_li li { background-image: url(images/icon_8.jpg); background-repeat: no-repeat; background-position: 0px 7px; padding-left: 15px; padding-bottom: 5px; word-break:break-all; padding-right: 20px; }
.coupon_print2 .sitelogo{ position: absolute; top: 25px; right: 15px; border: 2px solid #E4E4E4; }
/*影片*/
#mv li{ text-align:center; float: left; margin-right: 7px; margin-bottom: 10px; }
#mv li .pic{  margin-bottom: 10px; padding: 6px; border: 1px solid #CCC; }
#mv li h3{ display: block; padding: 5px; color: #960; font-size: 1.25em; text-align: center; }
/*影片內容*/
#mv_dia{}
#mv_dia .text{ width: 667px; margin-right: auto; margin-left: auto; }
#mv_dia .title{ background-image: url(images/mv_dia_1.jpg); height: 149px; position: relative; }
#mv_dia .title h1{ font-size: 15px; color: #6BA338; position: absolute; left: 40px; bottom: 14px; }
#mv_dia .info{}
#mv_dia .box_cd{ background-image: url(images/mv_dia_2.jpg); background-repeat: repeat-y; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; }
#mv_dia .box_cd .mv { text-align: center; margin-bottom: 20px; margin-top: 10px; }
#mv_dia .box_bd{ background-image: url(images/mv_dia_3.jpg); height: 20px; }
#forum .btn { position: relative; height: 20px; }

/*討論區*/
#forum .btn input{ text-align: right; padding: 5px; position: absolute; top: 10px; right: 0px; }
#forum .btn p { text-align: left; }

#forum .hd2 .line{ border-right-width: 1px; border-right-style: solid; border-right-color: #B3C789; }
#forum li .line{ border-right-width: 1px; border-right-style: solid; border-right-color: #FFF; }
#forum .title{ width: 42%; float: left; }
#forum .date { width: 17%; float: left; text-align: center; }
#forum .fauthor { width: 10%; float: left; text-align: center;}
#forum .fclick { width: 10%;float: left;  text-align: center;}
#forum .replay_total{ width: 20%; float: left; text-align: center;}
/*討論區-內容*/
#forum_dia{}
#forum_dia .text{ width: 669px; margin-right: auto; margin-left: auto; }
#forum_dia .box_hd{ background-image: url(images/forum_dia_1.jpg); height: 109px; position: relative; background-repeat: no-repeat; }
#forum_dia .box_hd .btn { position: absolute; right: 20px; bottom: 20px; }
#forum_dia .box_hd .total { position: absolute; left: 195px; bottom: 30px; background-image: url(images/comment_2.jpg); padding-left: 20px; background-repeat: no-repeat; background-position: left 2px; }
#forum_dia .box_cd{ background-image: url(images/forum_dia_2.jpg); background-repeat: repeat-y; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; }
#forum_dia .box_bd{ background-image: url(images/forum_dia_3.jpg); height: 22px; }
#forum_dia .info{}
#forum_dia .title { background-image: url(images/forum_dia_4.jpg); background-repeat: no-repeat; height: 42px; margin-bottom: 7px; }
#forum_dia .title h1{ font-size: 18px; color: #7A8E2D; padding-top: 5px; padding-left: 30px; }
#forum_dia #forum_reply .fauthor { margin-bottom: 10px; }
#forum_dia #forum_reply{ margin-bottom: 10px; }
#forum_dia #forum_reply_dbpg{ }
#forum_dia #forum_reply_dbpg li{ background-color: #eff3e9; margin-bottom: 10px; padding: 10px; border: 1px dotted #C5D1AB; }
#forum_dia #forum_reply_dbpg .fauthor{ font-size: 15px; background-image: url(images/forum_dia_6.png); background-repeat: no-repeat; background-position: left 0px; padding-left: 20px; padding-bottom: 10px; font-weight: bold; }
#forum_dia #forum_reply_post { border: 1px dotted #C5D1AB; margin-top: 10px; padding: 10px; background-color: #EFF3E9; }
#forum_dia #forum_reply_post h2 { background-color: #90A44F; color: #FFF; padding: 5px; margin-bottom: 7px; }
/*討論區-發表*/
#forum_post .fauthor { background-image: url(images/forum_dia_6.png); background-repeat: no-repeat; padding-right: 10px; padding-bottom: 10px; padding-left: 20px; padding-top: 2px; margin-bottom: 10px; margin-left: 10px; }
/*評鑑*/
#comment{}
#comment .text{ width: 669px; margin-right: auto; margin-left: auto; }
#comment .box_hd{ background-image: url(images/comment_1.jpg); height: 108px; position: relative; background-repeat: no-repeat; }
#comment .box_hd input { position: absolute; bottom: 25px; right: 20px; }
#comment .box_hd .total { position: absolute; left: 195px; bottom: 30px; background-image: url(images/comment_2.jpg); padding-left: 20px; background-repeat: no-repeat; background-position: left 2px; }
#comment .box_hd span { margin-right: 5px; margin-left: 5px; }
#comment .box_cd{ background-image: url(images/forum_dia_2.jpg); background-repeat: repeat-y; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; }
#comment .box_bd{ background-image: url(images/forum_dia_3.jpg); height: 22px; }
#comment ul{ }
#comment ul li.row{ background-color: #eff3e9;}
#comment ul li{ border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; padding-top: 10px; padding-right: 5px; padding-bottom: 10px; padding-left: 5px; position: relative; }
#comment ul .fauthor{ font-size: 15px; background-image: url(images/forum_dia_6.png); background-repeat: no-repeat; background-position: left 0px; padding-left: 20px; padding-bottom: 10px; font-weight: bold; }
#comment li .fstar{ position: absolute; top: 15px; right: 10px; }
#comment #comment_post h2 { background-color: #90A44F; color: #FFF; padding: 5px; margin-bottom: 7px; }

/*評鑑內容*/
#comment_post { margin-top: 10px; }
#comment_post th { background-color: #90A44F; font-size: 15px; color: #FFF; font-weight: bold; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; }
#comment_post td { padding: 5px; }
/*聯絡我們*/
#contact{}
#contact .text{ width: 669px; margin-right: auto; margin-left: auto; }
#contact .box_hd{ background-image: url(images/contact_1.jpg); height: 108px; position: relative; background-repeat: no-repeat; }
#contact .box_cd{ background-image: url(images/forum_dia_2.jpg); background-repeat: repeat-y; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; }
#contact .box_bd{ background-image: url(images/forum_dia_3.jpg); height: 22px; }
/*轉寄好友*/
#send{}
#send .text{ width: 669px; margin-right: auto; margin-left: auto; }
#send .box_hd{ background-image: url(images/send_1.jpg); height: 108px; position: relative; background-repeat: no-repeat; }
#send .box_cd{ background-image: url(images/forum_dia_2.jpg); background-repeat: repeat-y; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; }
#send .box_bd{ background-image: url(images/forum_dia_3.jpg); height: 22px; }
#send .table2 p { margin-bottom: 7px; }
/*會員登入*/
#login{}
#login .text{ width: 669px; margin-right: auto; margin-left: auto; }
#login .box_hd{ background-image: url(images/login_1.jpg); height: 108px; position: relative; background-repeat: no-repeat; }
#login .box_cd{ background-image: url(images/forum_dia_2.jpg); background-repeat: repeat-y; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; }
#login .box_bd{ background-image: url(images/forum_dia_3.jpg); height: 22px; }

.imgview img{ height: 150px; width: 200px; }