﻿/*base */
body{
background:#000000;
background-image:url(bg.jpg);
background-color:#000000;
background-position:CENTER;
background-attachment:fixed;
backgroud-position: 50% 50%;
background-repeat:no-repeat;
color:#BFBFBF;
font-size:12px;
padding:0px;
margin:0px;
text-align:center;
font-family: arial,新細明體;
}
a{
color:#BDBDBD;
text-decoration:none;
}
a:hover{
color:#993300;
text-decoration:none ;
}
img{padding:0px;margin:0px;border:0px;vertical-align:bottom;}
input{font-family: arial,新細明體;}
select{font-family: arial,新細明體;font-size:12px;}
textarea{border:1px solid #646464;
font-family: arial,新細明體;}
form{margin:0px;padding:0px;}
label{height:20px;line-height:20px;}
ul li{padding:0px;margin:0px;list-style-type:none;}

background-image:url(images/bg.jpg);
background-color:#000000;
background-attachment:fixed;
background-position:0% 0%;
background-repeat:repeat-y-x;


.cart{
background:#3d3d3d;
border:1px #303030 solid;
padding:3px;
margin:1px;
color:#ababab;
height:20px;
line-height:12px;
}


.input_but{
height:20px;
border:2px solid #3F2C17;
color:#CBC6C0;
background:#817466;
}
.input_order {
color:#FFFFFF;
line-height:20px;
height:20px;
background:#303030;
padding:0px;
border:0px solid;
padding-left:5px;
}
.input_order:hover {border:1px solid #FFFFFF;color:#FFFFFF;}

#search{position:absolute;left:785px;color:#FFFFFF;top:168px;#top:166px;_top:165px;}
#search .but{color:#737373;background:#000000;border:0px;margin-left:0px;}
#search .keyword{color:#FFFFFF;background:url(images/txt_search.gif) no-repeat;width:120px;line-height:20px;padding-left:4px;border:none;}

/*common 重複常用 */
.bgcol0{color:#7E7E7E;}
.bgcol1{color:#A9A9A9;}
.bgcol2{color:#DDDF86;}

#lagniappe{color:#000000;font-size:12px;letter-spacing:2px;line-height:18px;width:500px;padding:3px;
border-bottom:1px solid #838341;border-top:1px solid #838341;
margin-bottom:10px;background:#D8D28D}
.line{background:url(images/dot.gif) repeat-x;margin-top:1px;padding-top:1px;}
.banner{background:url(images/bar_hot_c.gif);width:97%;height:33px;line-height:33px;padding-left:3%;font-size:16px;
color:#FFFFFF;letter-spacing:2px;margin-bottom:20px;}
.subject{background:url(images/news_li.gif) no-repeat 10px 4px;color:#7F7F7F;text-align:left;padding-left:20px;font-size:13px;letter-spacing:1px;}
.item{line-height:16px;background:url(images/li1.gif) no-repeat 0px 5px;
#background:url(images/li1.gif) no-repeat 0px 4px;_background:url(images/li1.gif) no-repeat 0px 4px;color:#7F7F7F;padding-left:10px;}
.price{color:#E71F34;}
.cprice{color:#ff0000;font-size:12px;}
.border{background:#818181;border:2px solid #818181 }
.car{background:url(images/car.gif) no-repeat 0px 4px; width:10px;height:8px;}
.content{line-height:150%;letter-spacing:2px;padding:2px;margin:4px;width:98%;word-break:break-all;}
.news_li{background:url(images/news_li.gif) no-repeat 0px 9px;margin-left:10px;padding-left:15px;}
.nodata{height:35px;font-size:16px;text-align:center;letter-spacing:2px;line-height:20px;background:url(images/dot.gif) repeat-x 0 25px;}
.page{clear:both;width:95%;text-align:center;}
.noimg{height:97px;width:130px;border:1px solid #D9D9D9;text-align:center;line-height:97px;border:3px solid #828080;margin-top:10px;margin-bottom:10px;}
.bar{border:1px solid #4c4a49;border-bottom:none;clear:both;padding:5px;background:url(images/bar.gif) no-repeat 5px 5px;padding-left:20px;margin:0 auto;width:92%;margin-bottom:5px;}
.pname{letter-spacing:1px;font-size:16px; line-height:18px;padding:2px;margin-bottom:8px;}

.navbar{padding:1px;line-height:20px;letter-spacing:2px;font-size:14px;font-weight:bold;}
/*web struct*/
#contenter{margin:0 auto;width:1000px;text-align:left}
#header{
background:url(images/header.jpg) no-repeat 0px 44px;
width:1000px;height:200px;position:relative;
}
#header h1{
position:absolute;
top:10px;
width:200px;
height:150px;
display:block;
cursor:pointer;
}
#top_menu{
background:url(images/top_header.jpg) no-repeat;
width:1000px;height:43px;}
#top_menu a{color:#7B7B7B;}
#top_menu a:hover{color:#FFFFFF;}
#top_menu ul{float:right;margin-top:25px;}
#top_menu li{float:left;padding-right:20px;list-style-type:none;line-height:15px;}
#menu {position:absolute;top:165px;#top:180px;_top:180px;left:245px;}
#menu li{float:left;padding-right:20px;list-style-type:none;}

#content{width:1000px;}
#center_block{width:626px;float:left;border:1px solid #393534;position:relative;
margin-left:4px;border-bottom:0px;_margin-left:3px;_width:626px;padding-bottom:50px;}
#left_block{width:181px;float:left;margin-left:5px;_margin-left:3px;}
#right_block{width:180px;float:right;margin-right:1px;_margin-left:1px;}
#footer{background:url(images/footer.gif);width:1000px;clear:both;height:134px;}
#footer_info{text-align:center;padding:10px;margin:5px;letter-spacing:1px;line-height:20px;}
/*footer adv*/
#footer_adv {clear:both; bottom:0px;}
#footer_adv ul {margin:0px;padding:0px;margin-left:2px;}
#footer_adv li{list-style-type:none;float:left;margin-right:3px;margin-left:3px;}

.side_head{margin-top:5px;}
.side_body{background:url(images/border_line.gif);width:180px;text-align:center;}
.side_till{background:url(images/border_bot.gif) no-repeat;width:180px;height:6px;margin-bottom:5px;}

.side_adv{padding:2px;text-align:center;margin-bottom:5px;}
.side_adv ul{padding:0px;margin:0px;list-style-type:none;}
.side_adv li{padding-top:3px;}


/*水平分類項*/
.float_class{
margin:0px;padding:0px;width:100%;padding:0px;margin-top:20px;
margin-bottom:5px; min-height:50px;
}
.float_sub_class{
background:url(images/li.gif) no-repeat 0 4px;;
margin-left:20px;padding-top:2px;margin-bottom:10px;
padding-left:20px;
}
.float_class ul{padding:0px;margin-top:0px;}
.float_class li{
list-style-type: none;
float:left;
width:140px;
padding-left:6px;
height:40px;
font-size:14px;
font-weight:bold;
margin-top:3px;
}



/*hot prod*/
#hot_prod{margin-left:6px;#margin-left:6px;_margin-left:0px;}
#hot_prod ul{
padding:3px;margin:4px;
background:url(images/p_bg.jpg) no-repeat;
width:192px;height:200px;float:left;
text-align:center;
}
#hot_prod li{
padding:0px;margin:0px;
list-style-type:none;
text-align:left;.
margin-left:25px;
padding-left:35px;
#padding-left:0px;
_padding-left:10px;
}
#hot_prod img{
border:3px solid #828080;
margin-top:5px;
margin-bottom:5px;
}

#cart{
background:url(images/cart.gif) no-repeat 22px 0px;
text-align:left;padding:15px;padding-left:40px;margin-top:10px;
}
/*adv*/
#advdiv{border:3px solid #959595;text-align:center;}

/*sort_prod*/
#sort_prod ul{
margin:0px;padding:0px;
margin-left:0px;
padding-left:10px;

}
#sort_prod li{
padding-left:10px;
line-height:20px;
list-style-type:none;
background:url(images/li1.gif) no-repeat 2px 7px;color:#7F7F7F;
text-align:left;
}

/*news*/
#news{width:100%;}
#news ul {padding:0px;margin:0px;margin-left:10px;padding-top:5px;}
#news li {background:url(images/news_li.gif) no-repeat 5px 5px;padding-left:20px;line-height:18px;letter-spacing:1px;}

#news a {}
#news_item{width:95%;margin:0 auto}
#news_item h5{background:url(images/news_li.gif) no-repeat 0px 8px;padding-left:20px;margin-top:20px; 
color:#FFFFFF;height:24px;line-height:24px;}
#news page{}


/*vote*/
.vote{border:1px solid #656565;width:85%;padding:5px;margin:5px;}
.vote ul {margin:0px;padding:0px;text-align:left;}
.vote li{margin:0px;padding:0px;list-style-type:none;line-height:20px;}

/*ornament*/
#silver{width:100%;text-align:center;}
#silver ul li{list-style-type:none;padding:0px;margin:0px;float:left;}
#ornament caption{font-size:16px;color:#3399CC;height:30px;}
#ornament table{border:1px solid #CCCCCC;}
#ornament td{height:70px;width:70px;text-align:left;border:1px solid #999999;}
#ornament img {margin-left:0px;margin-top:30px;margin-left:-35px;}
#floater {z-index: 10;visibility: visible; position: absolute;margin-left:-20px;margin-top:-5px;}
#ornament li { 
text-align: center; 
padding-top:30px;
color: navy; 
line-height: 12pt; 
}


/*表單*/
.form{ width:100%;margin:0 auto;}
.form caption{height:30px;}
.form table {text-align:left;width:100%;}
.form tr {}
.form th {background:url(images/car_bg2.jpg) repeat-x;font-weight:normal}
.form p{margin:0px;padding:0px;}
.form td{
background:url(images/dot.gif) repeat-x;
padding-bottom:2px;
padding-top:2px;
line-height:35px;
}
.form .news_li{background:url(images/news_li.gif) no-repeat 0px 14px;margin-left:10px;padding-left:15px;}

.form .contact_li {line-height:18px; margin-left:10px;}
.form .contact_li span {display:block; padding-left:15px; background:url(images/news_li.gif) no-repeat; background-position:left 4px;}

/*prod detail desc*/
#prod_desc{padding:5px;background:url(images/desc_bg.jpg) no-repeat;text-align:center;margin-left:12px;height:230px;}
#prod_desc_img{float:left;width:50%;position:relative;height:230px;}
#prod_desc_img img{border:3px solid #999999;}
#prod_desc_txt{float:right;text-align:left;padding:4px;width:45%;}
#prod_desc_txt ul li{line-height:20px;padding:0px;margin:0px;}
#prod_desc #viewImg{margin-top:0px;padding:5px;POSITION: absolute;bottom:-10px;left:0px;left:8px}
#prod_desc #viewImg img{border:1px solid #A4A4A4;margin:5px;margin-left:9px;margin-right:9px;}


/*購物車car*/
#car {width:90%;text-align:center;}
#car table{}
#car td{border-top:1px solid #000000;}
#car .bg1{background:#585656;}
#car .bg0{background:#706f6f;}
#car .price{color:#FFFFFF;}

/*訂單程序*/
#order { padding:4px;text-align:center;}
.order_list{text-align:left;}
.order_list caption {text-align:left;border:1px solid #4c4a49;border-bottom:none;clear:both;padding:5px;
background:url(images/bar.gif) no-repeat 5px 5px;padding-left:20px;margin:0 auto;width:100%;margin-bottom:15px;}
.order_list table {text-align:left;width:100%;}
.order_list th {background:url(images/dot.gif) repeat-x;font-weight:normal}
.order_list p{margin:0px;padding:0px;}
.order_list td{background:url(images/dot.gif) repeat-x;padding-bottom:2px;padding-top:2px;line-height:25px;}
.order_list .news_li{background:url(images/news_li.gif) no-repeat 15px 10px;padding-left:35px;}
.order_list .li1{}
.order_lsit .li2{}

/*寫真portrait*/
#portrait{margin-left:6px;#margin-left:6px;_margin-left:0px;}
#portrait ul{
padding:3px;margin:4px;
background:url(images/p_bg.jpg) no-repeat;
width:192px;height:210px;float:left;
text-align:center;
}
#portrait li{
padding:0px;margin:0px;
list-style-type:none;
text-align:left;.
margin-left:25px;margin-right:20px;
padding-left:26px;
#padding-left:0px;
_padding-left:0px;
}
#portrait img{
border:3px solid #828080;
margin-top:4px;
margin-bottom:2px;
}


/*gbook*/
#gbook{
	width:95%;
	text-align:center;
	margin:0 auto;
	color:#FFFFFF;
}
#gbook a {}
;margin-top:20px;font-size:12px;letter-spacing:1px;padding:2px;margin-bottom:2px;width:90%;
color:#0066CC}
#gbook #func{margin-left:50px;}
#gbook .gbook_title{width:500px;}
#gbook .gbook_ans_title{width:500px;}


#gbook .gb_banner{background:url(images/car_bg2.jpg) repeat-x;width:100%;height:32px;line-height:32px;}
#gbook th{background:#4a4a4a;#cecccc;font-size:12px;font-weight:normal;}
#gbook .answer{}
#gbook .manager{}
#gbook .bg1{background:#727272}
#gbook .bg2{background:#727272}
#gbook .bg3{background:#727272}


/*會員專區*/
#mem {
background:url(images/desc_bg.jpg) no-repeat 0 0px;
height:250px;padding:5px;text-align:center;margin-left:10px;
width:300px;margin-left:auto;margin-right:auto;padding-bottom:20px;
}
#mem ul {
 list-style:none; padding:0;margin:0;text-align:left;
 background:url(images/dot.gif) repeat-x;}
#mem li {background:url(images/news_li.gif) no-repeat 5px 6px;padding-left:20px;line-height:20px;letter-spacing:2px;}
#mem span{color:#E1C553}
#mem .bar{border:1px solid #4c4a49;border-bottom:none;clear:both;padding-left:20px;margin:0 auto;width:92%;margin-bottom:15px;}


#none table {border:0px;}
#none tr {border:0px;}
#none th {border:0px;}
#none td{border:0px;}

.craft li{
float:left;
}
