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

.main{

	width:1024px;
	margin:auto;
	height:1000px;
}


.infobar{
	width:1024px;
}
.infobar_inner{
	width:730px;
	height:28px;
	float:left;
	text-align:right;
	background:url(../img/main03.jpg);
}
.infobar_inner2{
	width:294px;
	float:left;
}
.memberinfo{
	float:right;
	padding-right:27px;
	padding-top:5px;
}
.btnbar{
	width:1024px;
	height:39px;
	background-color:#FC0;
}
.footer{
	width:1024px;
	
}

.full{
	width:757px;
}
	






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


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


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


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

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


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

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

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











.container {
    float:left;
    width:1024px;
    background:url(../img/bg-main.jpg);
    overflow:hidden;
    position:relative;
}

.col1 {
    float:left;
    width:757px;
    position:relative;
    overflow:hidden;
	
}
.col2 {
    float:left;
    width:235px;
    position:relative;
    overflow:hidden;
}
.col3 {
    float:left;
    width:32px;
    position:relative;
    overflow:hidden;
}


.container_forum {
    float:left;
    width:757px;
    background:url(../img/bg-forum.jpg);
    overflow:hidden;
    position:relative;
}

.forum1 {
    float:left;
    width:205px;
    position:relative;
    overflow:hidden;
	padding-left:45px;
	padding-bottom:10px;
}
.forum2 {
    float:left;
    width:205px;
    position:relative;
    overflow:hidden;
	padding-left:38px;
	padding-bottom:10px;	
}
.forum3 {
    float:left;
    width:205px;
    position:relative;
    overflow:hidden;
	padding-left:35px;
	padding-bottom:10px;
}















ul, li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.abgne_tab {
		border: 0px;
		clear: left;
		width: 757px;
		margin: 0px 0;
	}
	ul.tabs {
		width: 685px;
		height: 36px;
		float:left;
	}
	ul.tabs li.t1 {

		float: left;
		height: 36px;
		line-height: 36px;
		overflow: hidden;
		position: relative;
		width: 214px;
		background-image:url(../img/tab01.jpg);
		text-align:center;


	}
		ul.tabs li.t2 {
		float: left;
		height: 36px;
		line-height: 40px;
		overflow: hidden;
		position: relative;
		width: 214px;
		background-image:url(../img/tab02.jpg);
				text-align:center;
	}
		
		ul.tabs li.gap1 {
		float: left;
		height: 36px;
		line-height: 36px;
		overflow: hidden;
		position: relative;
		width: 101px;
	}
			ul.tabs li.gap2 {
		float: left;
		height: 36px;
		line-height: 36px;
		overflow: hidden;
		position: relative;
		width: 6px;
	}
			ul.tabs li.gap3 {
		float: left;
		height: 36px;
		line-height: 36px;
		overflow: hidden;
		position: relative;
		width: 150px;
	}
	
	
	ul.tabs li a {
		display: block;
		color: #000;
		border: none;
		text-decoration: none;

	}
	ul.tabs li a:hover {
		background-image:url(../img/tab-over.jpg);
	}
	ul.tabs li.active  {
		background-image:url(../img/tab-show.jpg);
		border-bottom: none;
	}
	ul.tabs li.active a:hover {
		background-image:url(../img/tab-show.jpg);
	}
	div.tab_container {
		text-align:center;
		clear: left;
		width: 757px;
				height: 187px;
		border: 0px solid #999;
		border-top: none;


	}
	div.tab_container .tab_content {
		padding: 0px;
		height: 187px;

	}
	div.tab_container .tab_content h2 {
		margin: 0 0 0px;
	}
.shadow { 
    text-align: center;
	font-weight:500;
	font-size: 15px; 
	color:#787878;	
}


.total {
				width: 757px;
	
				
			}
			.left {
				width: 59px;
				height: 187px;
								
								float:left;
								text-align:center;
			}
			.right {
				width: 43px;
				height: 187px;
								background-color: #jjj;
								float:left;
			}
			.list_carousel {
				background-color: #ccc;
				width: 655px;
				height: 187px;
				float:left;
			}
			.list_carousel ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
			}
			.list_carousel li {

				display: block;
				float: left;
			}
			.list_carousel.responsive {
				width: auto;
				margin-left: 0;
			}
			.clearfix {
				float: none;
				clear: both;
			}
			.prev {

				margin-left: 0px;
			}
			.next {

				margin-right: 0px;
			}
			.pager {
				float: left;
				width: 300px;
				text-align: center;
			}
			.pager a {
				margin: 0 5px;
				text-decoration: none;
			}
			.pager a.selected {
				text-decoration: underline;
			}
			.timer {
				background-color: #999;
				height: 6px;
				width: 0px;
			}
			.sliderbox{
				width:131px;
				height:187px;
				background-image:url(../img/slider-box.jpg);
				position:relative;
			}
			.sliderbox_photo{
				position:absolute;
				left:28px;
				top:33px;
				width:70px;
				height:70px;
			}
			.sliderbox_text{
				position:absolute;
				left:20px;
				top:130px;
				width:92px;
				height:52px;
				text-align:center;
			}
			/* 2026-10-04 暱稱過長修正：同 profile.css 的推薦卡片規則，
			   暱稱最多兩行，保住下方「性別(地區/年齡)」那一行 */
			.sliderbox_text .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_text br{
				display:none;
			}
			.sliderbox_text .font_date{
				display:block;
				line-height:14px;
			}
			.font2{
				font-size:14px;
			}
			
			.search{
				position:relative;
				width:757px;
				height:268px;
				background-image:url(../img/bg-search.jpg);
			}
			.search_left{
				position:absolute;
				left:56px;
				top:70px;
				width:375px;
				height:176px;
				overflow:hidden;
				text-align:right;
			}
			.search_left span{
				float:left;
				width:375px;
				height:30px;
				overflow:hidden;
				text-align:right;
			}
			
			#news-container{
				position:absolute;
				left:465px;
				top:70px;
				width:260px;
				height:176px;

			}
			#news-container ul{
				position:absolute;
				overflow:hidden;
			}
			.record{
				height: 30px; 
			}
			
input.searchbtn{
height: 29px; 
width: 104px;
cursor:pointer;
font-size: 14px;
color:#666;
background-image:url(../img/bg-searchbtn.jpg);
border:0px;
}
input.votebtn{
height: 35px; 
width: 118px;
cursor:pointer;
font-size: 14px;
color:#666;
background-image:url(../img/right08.jpg);
border:0px;
}
input.resultbtn{
height: 35px; 
width: 117px;
cursor:pointer;
font-size: 14px;
color:#666;
background-image:url(../img/right09.jpg);
border:0px;
}


.prey_container{
	width:710px;
	float:right;
	position:relative;
}
.prey01{
	width:43px;
	position:relative;
	float:left;
}
.prey02{
	width:295px;
	position:relative;
	float:left;
	background-image:url(../img/bg-prey01.jpg);
	background-repeat:repeat-x;
}
.prey03{
	width:53px;
	position:relative;
	float:left;
}
.prey04{
	width:295px;
	position:relative;
	float:left;
	background-image:url(../img/bg-prey01.jpg);
	background-repeat:repeat-x;
}
.prey_top{
	width:295px;
	height:40px;
}
.prey_text{
	width:275px;
	margin-left:10px;
	margin-right:10px;
	line-height:18px;
}
.prey_line{
	width:275px;
	position:relative;
}
.prey_photo{
	width:35px;
	height:40px;
float:left;
}
.prey_name{
	width:233px;
	min-height:40px;
	float:left;
	margin-left:7px;
	line-height:17px;
}



.right_full{
	width:235px;
	position:relative;
}
.right_text{
	position:relative;
	width:190px;
	margin-left:25px;
	margin-right:20px;
}
.right_newmember{
	width:235px;
	height:59px;
	position:relative;

	background-image:url(../img/right06.jpg);
}
.newmember_photo{
	width:35px;
	height:35px;
	position:absolute;
	top:12px;
	left:29px;
}
.newmember_text{
	position:absolute;
	width:138px;
	height:40px;
	top:9px;
	left:78px;
	overflow:hidden;
	text-align:left;
}

.rec-left{
	width:132px;
	height:132px;
	display:block;
	float:left;
	position:relative;
	background-image:url(../img/bg-rec.jpg);
}
.rec-right-border{
	width:530px;
	margin-left:20px;
	float:left;
	position:relative;
	text-align:left;
}

.rec-right{
	width:530px;
	float:left;
	position:relative;
	text-align:left;
}
.rec-photo{
	width:100px;
	height:100px;
	display:block;
	margin-left:15px;
	margin-top:15px;
	float:left;
	position:relative;
}


a.aman{ 
display: block;
height: 20px; 
width: 49px; 
overflow: hidden; 
background: url(../img/aman-click.jpg) 0 0 no-repeat;
text-decoration: none;
float:left;
}   
a:hover.aman{ 
display: block;
background-position: 0 -20px;
cursor:pointer;
} 

a.report{ 
display: block;
height: 20px; 
width: 53px; 
overflow: hidden; 
background: url(../img/report-click.jpg) 0 0 no-repeat;
text-decoration: none;
float:left;
}   
a:hover.report{ 
display: block;
background-position: 0 -20px;
cursor:pointer;
} 

a.edit{ 
display: block;
height: 20px; 
width: 49px; 
overflow: hidden; 
background: url(../img/edit-click.jpg) 0 0 no-repeat;
text-decoration: none;
float:left;
}   
a:hover.edit{ 
display: block;
background-position: 0 -20px;
cursor:pointer;
} 
a.delete{ 
display: block;
height: 20px; 
width: 49px; 
overflow: hidden; 
background: url(../img/delete-click.jpg) 0 0 no-repeat;
text-decoration: none;
float:left;
}   
a:hover.delete{ 
display: block;
background-position: 0 -20px;
cursor:pointer;
}

a.reply{ 
display: block;
height: 20px; 
width: 49px; 
overflow: hidden; 
background: url(../img/reply-click.jpg) 0 0 no-repeat;
text-decoration: none;
float:left;
}   
a:hover.reply{ 
display: block;
background-position: 0 -20px;
cursor:pointer;
} 



.searchbox{
	width:325px;
	height: 130px;
	display:block;
	float:left;
	position:relative;
	background-image:url(../img/bg-searchbox.jpg)
}
.searchphoto{
	width:70px;
	height:70px;
	position:relative;
	margin-top:27px;
	margin-left:26px;
	float:left;
}
.textwrapper{
	width:190px;
	height:97px;
	position:relative;
	margin-top:18px;
	margin-left:24px;
	float:left;
}
.searchtextline1{
	width:190px;
	height:23px;
	position:relative;
	float:left;
	text-align:left;
	margin-top:1px;
}
.searchtextline2{
	width:190px;
	height:65px;
	position:relative;
	text-align:left;
		float:left;
	margin-top:4px;
}

.searchtop{
	width:630px;
	position:relative;
	margin:auto;
	background-image:url(../img/bg-searchtop.jpg);
}
.div600{
	wodth:600px;
	text-align:left;
	margin-left:40px;
	position:relative;
}

.friendbox{
	width:630px;
	position:relative;
	background-image:url(../img/bg-friendbox.jpg);
	overflow:hidden;
}

.friend{
	width:200px;
	height:70px;
	position:relative;
	display:block;
	float:left;
	background-image:url(../img/bg-friend.jpg);
}
.friend_photo{
	width:35px;
	height:35px;
	position:relative;
	float:left;
	margin-left:16px;
	margin-top:14px;
}
.friend_text{
	width:123px;
	height:35px;
	position:relative;
	float:left;
	margin-left:6px;
	margin-top:14px;
	text-align:left;
}
.reminder{
	width:601px;
	margin:auto;
	background-image:url(../img/bg-reminder.jpg);
	position:relative;
}
.reminder_inner{
	width:550px;
	margin:auto;
	position:relative;
	text-align:left;
}

.div580{
	margin:auto;
	width:580px;
	background-image:url(../img/bg-vote.jpg);
	position:relative;
	display:block;
}
.voteleft{
	margin-left:25px;
	width:175px;
	float:left;
	position:relative;
	height:25px;
	line-height:25px;
	display:block;
	text-align:right;
}
.voteright{
	margin-right:25px;
	margin-left:5px;
	width:350px;
	float:left;
	position:relative;
	height:25px;
	line-height:25px;
	display:block;
	text-align:left;
}