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

.imgb{
padding:2px;
border:0px solid #E0E0E0;
}

html {
background-image:url(/img/panels/city/bg_r.jpg);}

/*自介*/

.intro_header{
position:relative;
padding-top:14px;
background-image:url(/img/panels/city/header_intro.png);
height:30px;
width:670px;
float:left;
text-align:center;
}

.intro_con{
/*background-image:url(/img/panels/city/itro_bg.jpg);*/
width:650px;
position:relative;
float:left;
padding:12px;
}

.intro_pic{
border:2px solid #333;
background-color:#fff;
position:relative;
float:left;
width:316px;
padding: 35px 10px;
text-align:center;
}

.intro_pic img#big_pic{
border:1px solid #333;
  float:left;
}

.intro_pic div#simulate_big_pic{
  width:250px;
  height:250px;
border:1px solid #333;
  float:left;
}

.intro_pic img.small_pic{
border:1px solid #333;
  margin-top:1px;
  margin-bottom:7px;
  float:right;
}

.intro_pic div.simulate_small_pic{
  width:54px;
  height:54px;
border:1px solid #333;
  margin-top:1px;
  margin-bottom:7px;
  float:right;
}

.intro_fact{
border:2px solid #333;
background-color:#fff;
position:relative;
float:right;
width:260px;
/*background-color:#fff;*/
list-style-type:none;
padding:6px;
margin-right:12px;
}

.intro_fact2{
position:relative;
float:left;
width:610px;
border:2px solid #333;
background-color:#FFFF00;
list-style-type:none;
padding:6px 6px 12px 6px;
margin-top:10px;
}

.intro_fact3{
position:relative;
float:left;
width:610px;
border:2px solid #333;
background-color:#FFF;
list-style-type:none;
padding:6px 6px 12px 6px;
margin-top:10px;
}

.intro_header2{
	position:relative;
	top:2px;
	height:28px;
background-image:url("/img/panels/city/introf_bg2.jpg");
margin-bottom:2px;} 

.intro_header3{
	position:relative;
	top:2px;
	height:28px;
background-image:url("/img/panels/city/introf_bg.jpg");
margin-bottom:2px;} 

.intro_factli{
	position:relative;
	top:2px;
	height:28px;
background-image:url("/img/panels/city/introf_bg.gif");
margin-bottom:2px;} 



/*購物須知*/
.shop_infot{
position:relative;
margin-left:10px;
margin-top:50px;
margin-bottom:30px;
}

/*右方欄位*/

#pages{
  float:left;
	position:relative;
	top:10px;
	width:100%;
	text-align:center;
	list-style:none;
	height:70px;
}

	
#pages li{display:inline;}

.item_3{
position:relative;
float:left;
margin-top:1px;
margin-left:7px;}

.item_loop{
position:relative;
float:left;
margin-top:1px;
margin-left:7px;}

#loop_table{
	overflow:hidden;
	width:670px;
/*	height:150px; */
	left: 238px;
	top: 432px;
	border:0px solid #E0E0E0;}
	
.item_5{
position:relative;
float:left;
margin-top:1px;
margin-left:7px;
}

.s_table_in img{
border: 1px solid #E0E0E0;}

.padding{
padding-top:6px;
padding-bottom:6px;
background-color:#fff;}

.item_4{
position:relative;
float:left;
margin-top:1px;
margin-left:7px;
}

/*blog最新消息*/

.blog{
position:relative;
float:left;
margin-top:1px;
margin-left:7px;
}

.post_title{
position:relative;
float:left;
height:27px;
width:670px;
background-image:url("/img/panels/city/blog_title_bg.jpg");
padding:2px;
}

.postime{
position:relative;
float:right;
margin-top:-16px;

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color:#838383;
}	
	
.post_sum{
position:relative;
float:left;
width:670px;
background-color:#FFFFFF;}	

.post_suml{
position:relative;
float:left;
width:18%;
padding:4px;
}	

.post_sumr{
position:relative;
float:right;
margin-right:5px;
width:80%;}	




/*自介*/


/*左邊欄位*/

ul#custom_s{
position:relative;
float:left;
margin-left:16px;
margin-top:4px;
border:0px solid #E0E0E0;
list-style-type:none;
width:168px;
text-align : center;
padding:2px;
}

#custom_t{
background-image:url(/img/panels/city/custom_space.jpg);
height:30px;
padding-top:10px;
background-repeat:no-repeat;
}

ul#host_auto{
	width:171px;
	height:220px;
	background-image: url("/img/panels/city/host_pic_bg.png");
	list-style-type:none;
	position:relative;
	float:left;
	margin-left:16px;
	margin-top:10px;
	
}
 
 #host_pic{
 position:absolute;
	top:40px;
	left:29px;
 }
 
 
  li#name{
	position:relative;
	text-align:center;
	top:166px;
	width:154px;
	height:24px;
	left:8px;
 }
 
  li#self_intro{
	position:relative;
	float:left;
	text-align:center;
	top:180px;
	width:154px;
	height:24px;
	left:8px;
 }

#newsd{
	position:relative;
	float:left;
	margin-left:16px;
margin-top:4px;
background-color:#FFF;
border:2px solid #043517;
}



#news{
	width:171px;
	
	list-style-type:none;
	position:relative;
top:-1px;
}

#news li{
	height:23px;
}

.item_class{
	position:relative;
	top:2px;
	width:148px;
	height:23px;
background-image:url("/img/panels/city/item_class_bg.jpg");
padding-left:22px;
}

.sub_class{
	position:relative;
		top:2px;
	width:142px;
	height:23px;
background-image:url("/img/panels/city/sub_class_bg.jpg");
padding-left:28px;
}

#sold_rankd{
	position:relative;
	float:left;
	margin-left:16px;
	margin-top:15px;
border:2px solid #043517;}

#sold_rank{
	width:171px;
	height:168px;
	list-style-type:none;
	background-image:url("/img/panels/city/sold_rank_blog.jpg");
}

#sold_rank li{
	width:124px;
	height:31px;
	overflow:hidden;}
	
#rank01{
position:absolute;
	top:32pt;
	left:32px;}	

#rank02{
position:absolute;
	top:64pt;
	left:32px;}	

#rank03{
position:absolute;
	top:98pt;
	left:32px;}	

#post_classd{
	position:relative;
	float:left;
	margin-left:16px;
	margin-top:8px;
border:2px solid #043517;
background-color:#FFFFFF;}


ul#post_class{
	width:171px;
	/*height:168px;*/
	list-style-type:none;
	position:relative;
	top:-2px;
}

ul#post_class li{
	position:relative;
	top:2px;
	width:171px;
	height:23px;
background-image:url("/img/panels/city/new_post_bg.jpg")
}

ul#post_class a{
padding-left:17px;
}

/*館主商品頁新增*/

#nav_word{
	position:relative;
	top:30px;
	left:23px;
}





#item_pic{
  margin-left:10px;
  float:left;
	top:6px;
	left:18px;
	width:350px;
	height:304px;
	background-image:url(/img/itempic_bg.jpg);
	list-style-type:none;
	background-repeat:no-repeat;}

#large_pic{
  margin-left:10px;
	position:absolute;
	top:36px;
	left:11px;
}

#small_pic{
  margin-left:10px;
	position:absolute;
	top:32px;
	left:274px;
}

#enlarge{
	position:absolute;
	top:300px;
	left:134px;
	display:block;
	width:60px;
	height:26px;
}

#enlarge a{
	display:block;
	width:60px;
	height:26px;
}

ul#item_info{
  float:left;
	width:300px;
	height:305px;
	background-image:url(/img/iteminfo_bg.jpg);
	list-style-type:none;
}

 #item_select{
	position:relative;
	top:30px;
	left: 12px;
 }


 li#item_name{
  height:40px;
  max-height:40px;
	position:relative;
	top:14px;
 }
 
 li#description{
	position:relative;
	max-height:50px;
	height:50px;
	top:30px;
 }
 
 li#num{
	position:relative;
	top:25px;
 }

 li#o_price{
	position:relative;
	top:36px;
 }
 
 li#price{
	position:relative;
	top:12px;
	left:128px;
 }

li#buy_item{
	position:relative;
	top:30px;
	left:9px;
} 


#high_table{
	position:relative;
	top:34px;
	left:10px;
}

#item_about{
  float:left;
  margin-left:10px;
  padding-top:40px;
  margin-bottom:30px;
  min-height:30px;  
	width:490px;
	background-image: url(/img/item_about_bg.jpg);
	background-repeat:no-repeat;
	list-style-type:none;
}

#item_about li{
 width:470px;
 margin-left:9px;
 margin-bottom:15px;}


#item_host{
  float:left;
  margin-top:30px;
  margin-left:10px;
  padding-top:40px;
  margin-bottom:30px;
  min-height:30px;  
	width:490px;
	background-image: url(/img/item_hostcom_bg.jpg);
	background-repeat:no-repeat;
	list-style-type:none;
}

#item_host li{
 width:490px;
 margin-left:9px;
 margin-bottom:15px;
}



#paytrans{
  float:left;
  margin-left:10px;
  margin-bottom:30px;
  padding-top:40px;
  min-height:30px;  
	width:490px;
	background-image: url(/img/paytrans_bg.jpg);
	list-style-type:none;
	background-repeat: no-repeat;
}

#paytrans li{
	width:470px;
  margin-left:9px;
  margin-bottom:15px;}


#serinfo{
  float:left;
  margin-left:10px;
  margin-bottom:30px;
  padding-top:40px;
  min-height:30px;  
	width:600px;
	background-image: url(/img/serinfo_bg.jpg);
	background-repeat: no-repeat;
	
}

#serinfo li{
 width:580px;
 margin-left:9px;
 background-repeat: no-repeat;
}


/*相關推薦*/

#relate_item{
	position:absolute;
	top:375px;
	left:520px;
	width:155px;
	height:528px;
	background-image: url(/img/relateitem_bg.jpg);
	z-index:99;
}

#relate_item_table{
	position:absolute;
	top:49px;
	left:9px;
}

ul#recom_brand{
	position:relative;
	top:-18px;
	left:15px;
	width:218px;
	height:415px;
	background-color:#f3f3f3;
	list-style-type:none;
 }

 ul#recom_brand li{
 position:relative;
 float:left;
 top:-1px;
 left:12px;
 }

#rebrand_table{
	position:absolute;
	top:32px;
	left:9px;
} 

/*original*/

div#footer{
width:100%;
position:relative;
float:left;
/*background-image: url("/img/panels/city/con_bg.gif");*/
height:140px;}



#footer_nav {
	position:absolute;
	top:16px;
	left:280px;
	list-style-type:none;}

#footer_nav li{
display:inline;}

#site_info {
	position:absolute;
	width:552px;
	height:68px;
	top:52px;
	left:200px;
	list-style-type:none;}

/*購物說明*/

#host_act_info{
float:left;
list-style-type:none;}

.actd{
margin-top:3px;
margin-bottom:3px;
border-bottom:1px dotted #CCCCCC ;
padding-top:12px;
padding-bottom:3px;
}

.actst{
margin-top:3px;
margin-bottom:3px;
padding-bottom:3px;
border-bottom:1px solid #CCCCCC ;}

#item_discount{
  float:left;
	width:280px;
	font-size:15px;
	color:red;
	padding-left:390px;
}

/*相簿*/

#album_all{
/*margin-left:30px;*/}

.thumb01 td{
border: 1px solid #043517;
text-align:center;
background-color:#fff;}

.thumb02 td{
text-align:center;
height:40px;}

#album_nav{
  float:left;
	position:relative;
	margin-left:38px;
	margin-top:10px;
	list-style:none;
	height:20px;
}

#album_listd{
	position:relative;
	float:left;
	margin-left:16px;
	margin-top:14px;
  border:2px solid #043517;}


ul#album_list{
	width:171px;
	list-style-type:none;
	padding-bottom:4px;
	background-color:#FFF;
	margin-top:-1px;}

ul#album_list li{
	position:relative;
	margin-top:2px;
	width:171px;
	height:21px;
	padding-top:2px;
background-image:url("/img/panels/city/new_post_bg.jpg")
}

ul#album_list a{
padding-left:19px;

}

#album_nav02{
  float:left;
	position:relative;
	text-align:center;
	list-style:none;
	height:24px;
	width:86%;
	margin-left:7%;
	margin-top:20px;
	border-bottom:1px dotted #B5B5B5;
}

#photo_rev{
  float:left;
	position:relative;
	text-align:center;
	border-top:1px dotted #B5B5B5;
	width:86%;
	margin-left:7%;}