@charset "utf-8";

img, form { border:none; padding:0; margin:0; }
input.txt, textarea.txt { font-size:12px; border:1px #aaa solid; padding:2px 3px 2px 3px; font-family:Verdana, Arial, Helvetica, sans-serif; }
textarea.txt { font-size:12px; line-height:1.4em; border:1px #aaa solid; padding:3px; font-family:Verdana, Arial, Helvetica, sans-serif; }
input.btn { font-size:1em; padding: 2px 0px 0 0px; color:#575757; }
*html input.btn { font-size:12px; line-height:10px; padding:4px 0px 1px 0px; }
select.txt, select.date { border:1px #aaa solid; border-bottom:1px #888 solid; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; }
select.date { font-size:0.9em; }
select.txt option { padding:2px 3px 0 3px; }

/* --------------------------------------------------------------------------------------------------------------
	公用樣式
-------------------------------------------------------------------------------------------------------------- */
.end { clear:both; height:0; overflow:hidden; }

/* --------------------------------------------------------------------------------------------------------------
	基本樣式
-------------------------------------------------------------------------------------------------------------- */
a:link, a:visited { text-decoration:none; color:#0000cc; }
a:hover { color:#0000cc;text-decoration:underline; }

body { background:url(images/bg.png) #c40101 center top repeat-x; background-attachment:fixed; font-size:13px; padding:0; margin:0; font-family: Verdana, Arial, Helvetica, sans-serif; }


/* --------------------------------------------------------------------------------------------------------------
	公用版面樣式
-------------------------------------------------------------------------------------------------------------- */
#nav { width:884px; margin:auto; background:#e3e2e0; }
#logo { background:url(images/logo.gif) #fff left top no-repeat; }
#ad { background: #000; }
#sidebar { float:left; width:220px; padding-bottom:340px; margin-top:18px; background:url(images/side_bg.gif) #9f9c96 bottom no-repeat; }
#sidebar a:link, #sidebar a:visited { color:#000; }
#sidebar a:hover { color:#cc0000; }
#sidebar ul { padding:0; margin:0; list-style:none; }
#sidebar ul.cats { background:url(images/side_products.gif) top no-repeat; padding-top:54px; }
#sidebar ul.cats li.row1, #sidebar ul.cats li.row2 { background:url(images/side_icon.gif) #e3e2e0 no-repeat; border-bottom:solid #9f9c96 7px; padding: 5px 0; }
#sidebar ul.cats li.row1 a.head, #sidebar ul.cats li.row2 a.head { font-weight:bold; color:#000; }
#sidebar ul.cats li.row1 a.head:hover, #sidebar ul.cats li.row2 a.head:hover { color:#ee0000; }
#sidebar ul.cats li.row1 { border-left:solid #9f9c96 10px; padding-left: 28px; width:182px; background-position:10px 10px; }
#sidebar ul.cats li.row2 { border-right:solid #9f9c96 10px; padding-left: 38px;  width:172px; background-position:20px 10px; }
#sidebar ul.cats li.row1 ul, #sidebar ul.cats li.row2 ul { padding-top:8px; }
#sidebar ul.cats li.row1 ul li, #sidebar ul.cats li.row2 ul li  { border-top:1px solid #eee; padding:3px; }
#sidebar ul.cats li.row1 ul li a, #sidebar ul.cats li.row2 ul li a { color:#000; }
#contents { float:right; width:664px; }
#foot { background:url(images/foot.gif) center top no-repeat; font-size:12px; color:#000; height: 79px; }
#foot div.copyright { padding: 20px 0 0 120px; }
#foot div.copyright a:link, #foot div.copyright a:visited { color:#fff; text-decoration:underline; }

#maintitle { background:url(images/title_bg.gif) bottom #000 no-repeat; height:175px; }

.text_box { padding:16px; line-height:1.7em; }

table.form-table td { padding: 4px 0; }
table.form-table td.label { text-align: right; }
table.form-table td span { padding-left: 6px; font-size: 11px; color:#434242; }
table.form-table td span.imporant { font-size:12px; color: #bb0000; }
table.form-table td b { color: #bb0000; font-size:12px;}

.page_no { font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; }
.del { text-decoration: line-through; font-family:Arial, Helvetica, sans-serif; line-height:-1.5em; }

.table-list { width:560px; border-collapse:collapse; border:1px solid #787b7c; margin-bottom:16px; }
.table-list td, .table-list th { border:1px solid #787b7c; padding: 2px 5px; }
.table-list th { background:#6a6259; color:#fff; }
.table-list tr.row0 { background:#e1e0df; }
.table-list tr.row1 { background:#fff; }

/* --------------------------------------------------------------------------------------------------------------
	各頁面樣式
-------------------------------------------------------------------------------------------------------------- */
#hot_news { background:url(images/hot_news.gif) top left no-repeat; height:197px; }
#hot_news div { padding: 40px 10px 0 145px; }
#hot_news div marquee { height: 130px;line-height: 1.7em; }
#new_products { padding-top: 20px; }
#new_products .title { background: #000; margin-bottom:16px; }
#new_products li { list-style:none; float:left; width:200px; padding: 0 5px 16px 5px; line-height:1.2em; }

.faq_cat { background:url(images/faq_title_bg.gif) right top #000 no-repeat; padding:2px 6px; font-size:13px; font-weight:bold;color:#fff;margin:8px 0; }
.basic p { padding:0; margin:0; }
.basic li { color:#dd3900;  }
.basic a.faq_title { color:#dd3900; cursor:n-resize; font-weight:bold; }
.basic-box { color:#3c3c3c; padding-right:12px; }

.plist { width:100%; }
.plist th { background:#3c3c3c; color:#fff; text-align:left; border-bottom:1px solid #fff; }
.plist th, .plist td { padding:2px 3px; }
.plist tr.row0 { background:#ccc; }
.plist td span { color:#cc0000; }

.products_title { font-weight:bold; color:#cc0000; font-size:1.4em; width:100%; }
.product_list del { font-size:12px; color:#333; }
.product_list b.t1 {  background:#000; padding:1px 2px; color:#ff7200; }
.product_items { padding:0; margin:8px;padding-left:32px;list-style:none; }
.product_items li { float:left; width:45%; padding:4px 0 2px 20px; background:url(images/product_item.gif) center left no-repeat; }
.product_items li select, .product_item li select option { font-size: 12px; }

#member { min-height:460px; _height:460px; padding:12px 16px 0 24px; }
.member_box2 { padding:38px 0 0 28px; }
.member_location, .member_location a:link, .member_location a:visited { color:#cc0000; }
.member_location a:hover { color:#3c3c3c; text-decoration:underline; }
.member_default li { padding:4px 0;  }
.member_default li a, .member_default li a:visited { color:#000; }
.member_default li a:hover { color:#cc0000; }
.order { list-style:none; padding:0; margin:0; }
.order li { float:left; width:49%; padding:3px 0; }

#bag_list { width:640px; margin:auto; background:url(images/table_top.jpg) #fff top no-repeat; }
#bag_list .down { background:url(images/table_bottom.jpg) bottom no-repeat; padding:10px; position:relative; }
#bag_list .table_list { margin: 48px 0;margin-bottom: 8px; }
#bag_list .table_list caption { font-size:1.15em; font-weight:bold; padding-left:2px; padding-bottom:5px; }
#bag_list .table_list th { border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:2px; }
#bag_list .table_list td { border-top:1px solid #fff; padding:2px; }
#bag_list .table_list tr.row1 { background: #efefef; }
#bag_info { background:url(images/bag_bg.gif) right top no-repeat; padding:16px; padding-top:36px; min-height:300px; _height:300px;  }
#bag_payment { padding: 8px 3px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
#bag_payment ul { list-style:none; padding:0; margin:0; }
#bag_payment ul li { float:left; padding-right:18px; }
#bag_total { padding: 6px 3px; padding-bottom:50px; text-align:right; }
#bag_btns { position:absolute; bottom:-5px; }
#bag_login{ padding:80px 0px; text-align:center; }
#bag_login a { padding:0 32px;font-size:1.3em;font-weight:bold; }

#place_list { width:640px; margin:auto; background:url(images/place_top.gif) #f5f5f5 top no-repeat; }
#place_list .down { background:url(images/place_down.gif) bottom no-repeat; position:relative; padding:42px 10px; }
#place_list .pic { position:absolute; bottom:110px;right:25px;z-index: 1000; }
.palce_table { border-collapse:collapse; border:1px solid #787b7c; margin-bottom:16px; }
.palce_table th { text-align:left; font-weight:bold; background:#e2e2e2; }
.palce_table th, .palce_table td { border:1px solid #787b7c; padding:2px 3px; }