.div224{
	width:224px;
	background-image:url(../img/bg-viewleft.jpg);
	position:relative;
	text-align:center;
	float:left;
}
.div533{
	width:533px;
	background-image:url(../img/bg-viewright.jpg);
	position:relative;
	text-align:center;
	float:left;
}
.photoframe{
	width:224px;
	height:224px;
	position:relative;
	display:block;
	float:left;
	background-image:url(../img/bg-view.jpg);
}
.photoinner{
	width:200px;
	height:200px;
	margin-left:12px;
	margin-top:12px;
	position:relative;
	float:left;
}

a.view01{ 
display: block;
height: 89px; 
width: 88px; 
overflow: hidden; 
background: url(../img/view01.jpg) 0 0 no-repeat;
text-decoration: none;
float:left;
}   
a:hover.view01{ 
display: block;
background-position: 0 -89px;
} 

a.view02{ 
display: block;
height: 89px; 
width: 89px; 
overflow: hidden; 
background: url(../img/view02.jpg) 0 0 no-repeat;
text-decoration: none;
float:left;
}   
a:hover.view02{ 
display: block;
background-position: 0 -89px;
} 

a.view03{ 
display: block;
height: 89px; 
width: 89px; 
overflow: hidden; 
background: url(../img/view03.jpg) 0 0 no-repeat;
text-decoration: none;
float:left;
}   
a:hover.view03{ 
display: block;
background-position: 0 -89px;
} 

a.view04{ 
display: block;
height: 89px; 
width: 89px; 
overflow: hidden; 
background: url(../img/view04.jpg) 0 0 no-repeat;
text-decoration: none;
float:left;
}   
a:hover.view04{ 
display: block;
background-position: 0 -89px;
} 

a.view05{ 
display: block;
height: 89px; 
width: 89px; 
overflow: hidden; 
background: url(../img/view05.jpg) 0 0 no-repeat;
text-decoration: none;
float:left;
}   
a:hover.view05{ 
display: block;
background-position: 0 -89px;
} 

a.view06{ 
display: block;
height: 89px; 
width: 89px; 
overflow: hidden; 
background: url(../img/view06.jpg) 0 0 no-repeat;
text-decoration: none;
float:left;
}   
a:hover.view06{ 
display: block;
background-position: 0 -89px;
} 

.div106{
	width:116px;
	margin-right:10px;
	text-align:right;
	color:#369;
	font-weight:800;
	float:left;
	position:relative;
}
.div160{
	width:130px;
	height:1px;
	margin-right:10px;
	text-align:left;
	float:left;
	position:relative;
	display:block;
}
.div426{
	width:386px;
	margin-right:20px;
	text-align:left;
	float:left;
	position:relative;
}

	       .sliderbox2{
				width:128px;
				height:159px;
				background-image:url(../img/bg-box.jpg);
				position:relative;
				float:left;
			}
			
				.sliderbox_photo2{
				position:relative;
				margin-left:28px;
				margin-top:23px;
				width:70px;
				height:70px;
				float:left;
			}
			.sliderbox_text2{
				position:relative;
				margin-left:18px;
				margin-top:10px;
				width:92px;
				height:50px;
				text-align:center;
				float:left;
			}
			/* 2026-10-04 暱稱過長修正：暱稱最多兩行，超過才省略，
			   確保下方「性別(地區/年齡)」不會被卡片底圖邊緣切掉 */
			.sliderbox_text2 .font2{
				display:-webkit-box;
				-webkit-line-clamp:2;
				-webkit-box-orient:vertical;
				overflow:hidden;
				line-height:17px;
				max-height:34px;
				overflow-wrap:break-word;
				word-break:break-word;
			}
			.sliderbox_text2 br{
				display:none;
			}
			.sliderbox_text2 .font_date{
				display:block;
				line-height:14px;
			}

.pframe{
	display:block;
	width:100px;
	height:100px;
	float:left;
	position:relative;
	background-image:url(../img/bg-photo-small.jpg);
}
.pframe span{
	            position:relative;
				margin-left:16px;
				margin-top:14px;
				width:70px;
				height:70px;
				float:left;
}
.giftcard{
	width:125px;
	height:150px;
	display:block;
	margin:auto;
	float:left;
	text-align:center;
}

.giftbox{
	width:165px;
	display:block;
	float:left;
	text-align:center;
	background-image:url(../img/bg-giftbox.jpg);
}