/*reset
--------------------------------------------------------------------------------------------------------*/
html { filter: expression(document.execCommand("BackgroundImageCache", false, true));} /*for IE filter*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
pre { font-size: 1em ; }
input{ overflow: visible; }

/*main-set
--------------------------------------------------------------------------------------------------------*/
body {
	font-family: "Arial","verdana","sans-serif";
	font-size: 13px;
}
input {
	font-family: "Arial","verdana","sans-serif";
	font-size: 13px;
	color: #515151;
}
a { text-decoration: none; }
#container3 { width: 990px; margin: 0 auto; }
#header { position: relative; }
	#pixnet span { display: none; }


#navigation {
	_height: 1% ;
	overflow: hidden ;
	_overflow: none ;
}
#navigation li{
	float:left ;
}
	
	
	
#main { padding: 15px 20px 5px; }
#content { width: 590px; float: left; }
#side { width: 350px; float: right; }
#visitor { clear: both; }
#content-in { height: 200px; overflow: hidden; margin: 0 0 10px; }

.bin, .box, .ad { margin: 0px auto 10px; }
.ad{overflow:hidden;}

#main,
.bin-title,
.menu,
.menu-2,
.inner,
.bin-footer,
.murmur-list,
#ad-text,
.past-box,
.event,
.member-box,
.function,
.video-list,
.famous-box,
.visitor-list { _height: 1%; overflow: hidden; _overflow: none; }

.inner { clear: both; }


.bin-title  h2 { float: left; }
.bin-title .menu { float: left; }
.menu li { float: left; cursor: pointer; }
.ad-album, .menu-2 { float: left; }
.bin-footer .more { float: right; }

#album { height: 220px; overflow: hidden; }
	#album .bin-main { height: 184px; overflow: hidden; padding: 9px 10px 0; }
	#album .inner { height: 155px; overflow: hidden; }
	.ad-album { font-size: 12px; }
	.ad-album a { display: block; width: auto; }
	.ad-album img { vertical-align: middle; }
	.album-list li { width: 141px; height: 154px; overflow: hidden; float: left; margin-right: 2px; }
	li.al-last { margin: 0; }
	
	

.small-album-list li {
	width: 112px;
	height: 76px; 
	margin-bottom: 2px ;
}
.small-album-list li img{
	width: 112px;
	height: 76px; 
}
	


#murmur { height: 100px; overflow: hidden; background: none; padding: 0 10px 0 0; }
	.murmur-img { float: left; }
	.murmur-text { float: right; width: 470px; height: 35px; line-height: 35px; overflow: hidden; margin-bottom: 7px; }
		.murmur-meat{ float: left; width: 380px; height: 35px; overflow: hidden; padding: 0 10px; }
		.murmur-text .more { float: right; width: 60px; height: 35px; text-align: center; }
		.murmur-text .more a { display: block; height: 35px; }
	.murmur-list { float: right; width: 470px; }
	.murmur-list li { float: left; _display: inline; margin: 0 2px; filter:alpha(opacity=60);opacity: 0.6; }


#channel { background: none; }
#channel .bin-title {
	height: 26px;
	line-height: 26px;
	background: url(images/channel_title.gif) no-repeat;
}
	.channel-text { font-size: 12px; }
	.channel-text h3 { font-size: 13px; }
#channel .menu li { width: 90px; }
#channel .menu li.current { background: url(images/channel_current.jpg) no-repeat; color: #fff; }
	#channel .menu li.current-ewon { background-position: 0px 0px; }
	#channel .menu li.current-lovely { background-position: -90px 0px; }
	#channel .menu li.current-movie { background-position: -180px 0px; }
	#channel .menu li.current-sport { background-position: -270px 0px; }
	#channel .menu li.current-reading { background-position: -360px 0px; }
#channel .bin-main { height: 180px; overflow: hidden; }
	#channel .main-current-ewon {
		background: url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/4a850e1168c93.png) no-repeat;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://p4.p.pixnet.net/albums/userpics/4/5/420045/4a850e1168c93.png', sizingMethod='crop');
		_background: none ;
	}
	#channel .main-current-lovely {
		background: url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/4a850e125a927.png) no-repeat;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://p4.p.pixnet.net/albums/userpics/4/5/420045/4a850e125a927.png', sizingMethod='crop');
		_background: none ;
	}
	#channel .main-current-movie {
		background: url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/4a850e12d014c.png) no-repeat;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://p4.p.pixnet.net/albums/userpics/4/5/420045/4a850e12d014c.png', sizingMethod='crop');
		_background: none ;
	}
	#channel .main-current-sport {
		background: url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/4a850e135755c.png) no-repeat;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://p4.p.pixnet.net/albums/userpics/4/5/420045/4a850e135755c.png', sizingMethod='crop');
		_background: none ;
	}
	#channel .main-current-reading {
		background: url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/4a850e1437844.png) no-repeat;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://p4.p.pixnet.net/albums/userpics/4/5/420045/4a850e1437844.png', sizingMethod='crop');
		_background: none ;
	}
	#channel .inner { padding: 10px 0 0 9px; }
		.channel-img-1, .channel-img-2 {
			position: relative; 
			float: left;
			width: 282px;
			height: 160px;
			overflow: hidden;
			margin-right: 2px;
		}
		.channel-img-1 { width: 290px; }
		.channel-img-1  a .channel-text,
		.channel-img-2  a .channel-text {
			position: absolute;
			bottom: 0; left: 0;
			line-height: 18px;
			width: 280px;
			padding: 5px;
			display: none;
		}
		.channel-img-1  a:hover .channel-text,
		.channel-img-2  a:hover .channel-text {
			display: block;
			filter:alpha(opacity=80);opacity: 0.8;
			color: #fff;
			background: #000;
		}
		.channel-img-2  a .channel-text { text-align: right; width: 270px; }
		.channel-img-2  a img { margin-right: 2px; }

#ad-text { height: 90px; overflow: hidden; position: relative; }
	.at-img { float: left; width: 200px; position: relative; z-index: 5000; }
	.at-word { float: right; width: 358px; padding: 15px 15px 0; line-height: 20px; font-size: 12px; }
	.at-more { }
	.at-more a {
		position: absolute; bottom: 15px; right: 15px;
		display: block;
		width: 50px;
		height: 16px;
		font-size: 12px;
		background: url(images/more_arrow.gif) no-repeat right;
		padding-right: 13px;
		z-index: 0;
	}

#blog {	 margin-top: 18px ; }	
#blog .inner.past{
	position: relative ;
	top: -7px ;
}

#blog .bin-main{
}
#blog .inner{
	height: 149px; overflow: hidden; padding: 15px 20px 20px; 
}
	.column-img { float: left;  }
	.column-text { float: right; width: 335px; margin-top: 3px; }
		.text-p h3 { height: 20px; overflow: hidden; line-height: 20px; margin: 0 0 5px; }
		.text-p p { height: 40px; font-size: 12px; overflow: hidden; line-height: 20px; }
		.text-list  li { height: 20px; overflow: hidden; font-size: 12px; }
	.hot-list { float: left; width: 275px; margin-top: 0px; }
		.hot-list li { height: 30px; line-height: 30px; overflow: hidden; }

	.past-box { width: 250px; float: left; padding: 10px 0 0 10px; margin: 3px 10px 0px 0; position: relative; 
	}
		.pb-mark {
			position: absolute; top: 0px; left: 0px;
			display: block; width: 35px; height: 35px;
			background: url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/4a850c1bc44a1.png) no-repeat;
			_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://p4.p.pixnet.net/albums/userpics/4/5/420045/4a850c1bc44a1.png', sizingMethod='image');
			_background: none ;
		}
		.pb-img { float: left; width: 100px; text-align: center; }
		.pb-text { float: right; width: 135px; line-height: 18px; height: 64px; overflow: hidden; font-size: 12px; }
		.pb-text h3 { height: 18px; overflow: hidden; font-size: 13px; }
	.menu-2 li { float: left; }
	#blog .bin-footer { height: 40px; }

#visitor { }
	#visitor .bin-main { padding: 5px 15px 0; }
	.visitor-list li { float: left; }
	.visitor-list li img{
		height: 55px ;
		width: 55px ;
	}


.box-title { position: relative; }
.box-text {}

.login { 
	height: 122px; 
	overflow: hidden ;
	position: relative ;
}
.login .box-title { height: 35px; line-height: 35px; }
.login .box-text { height: 200px; }
	.login-link {
		display: block;
		width: 85px;
		height: 35px;
		line-height: 35px;
		text-align: center;
		position: absolute;
		top: 0; right: 41px;
	}

	
	
#login-1 .box-footer { padding: 15px 15px 0; }
#login-2 .box-text { height: 199px; overflow: hidden; }
	.login-form {
		width: 270px;
		line-height: 30px;
		padding-top: 50px;
		margin: 0 auto;
	}
	.login-form li { margin-bottom: 5px; }
		.login-form input { vertical-align: middle; margin-right: 5px; }

#login-3 .box-text { height: 199px; overflow: hidden; }
	.message-num { position: absolute; top: 5px; right: 7px; width: 29px; height: 25px; line-height: 20px; text-align: center; overflow: hidden;	}
	.hello { margin: 0 20px; font-size: 12px; }
	.member-box { padding: 20px 15px; margin: 0 20px; }
	.member-img { float: left; }
	.member-text { float: right; width: 195px; }
	.member-link { height: 15px; overflow: hidden; margin: 0 0 10px 0px; }
	.member-link li { display: inline; padding: 0 5px 0 0; }
	.panel { padding: 5px 0 0; }
	.panel a { display: block; width: 179px; height: 28px; line-height: 28px; font-size: 12px; text-align: center; margin: 0 auto; }
#login-3 .box-footer { margin: 0 1px; }
	.function { padding: 10px 30px 0; }
	.function li { float: left; width: 71px; font-size: 11px; line-height: 20px; text-align: center; padding-left: 25px; }
	.up-arrow { height: 10px; margin-top: 2px; cursor: pointer; }
	.up-arrow span { display: none; }
.message-list { width: 300px; line-height: 24px; margin: 15px auto 0; }
.message-list li { height: 24px; overflow: hidden; padding: 0 5px; }
.message-list li span { font-size: 11px; }


#ad-side-1 {
	margin-bottom: 7px ; 
}
#ad-word { height: 130px; overflow: hidden;  margin-top: 10px; }
	#ad-word ul{
		margin: 2px 0 0  15px; 
	}
	#ad-word li { line-height: 21px; height: 21px; overflow: hidden; font-size: 12px; }
	#ad-word .box-title{
		margin-bottom: 4px !important;
	}


#topic-channel .box-title {
	margin-bottom: 6px ;
}
#topic-channel ul {
	padding-left: 10px;
}
#topic-channel li {
	width: 60px ;
	height: 60px ;
	float: left ;
	margin-left: 5px ;
}
#topic-channel li a{
	display:block ;
	text-align: center ;
	font-size: .9em ;
	line-height: 160% ;
}



	
	
#video .box-text { padding: 3px 0px 7px 0 !important; }
	.video-object { width: 320px; height: 270px; overflow: hidden; margin: 0 auto 5px; }
	.video-list { width: 305px; height: 64px; overflow: hidden; padding: 4px 10px 0px 10px ; margin: 0 auto; }
	.video-img { float: left; position: relative ;}
	.video-img span{
		display:block ;
		width: 33px ;
		height:33px; 
		background: url('images/play-button.png') no-repeat left top ;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://p4.p.pixnet.net/albums/userpics/4/5/420045/4af40f537b7d7.png?v=1257508692', sizingMethod='crop');
		_background: none ;
		position: absolute ;
		top: 13px; 
		left: 22px; 
	}
	.video-img img{ width: 70px ; height: 53px ; }
	.video-title, .video-info { float: right; width: 210px; }
	.video-title { margin: 6px 0 2px; }
	.video-title span{display:block ;}
	.video-info { height: 26px; line-height: 26px; overflow: hidden; position: relative; font-size: 12px; }
	.video-button { position: absolute; top: 0; right: 0; }
	.video-button a { display: block; width: 26px; height: 26px; }


	
	
#famous  { height: 132px; overflow: hidden; }
#famous .box-text { height: 103px; padding: 5px 0 0; }
#famous .more { position: absolute; top: 5px; right: 10px; background-position: right center; }
	.famous-box { width: 330px; padding: 6px 0; margin: 0 auto; }
	.famous-img { float: left; }
	.famous-text { float: right; _display: inline; width: 234px; overflow: hidden; line-height: 18px; margin-right: 5px; }
	.famous-name { padding: 0 5px; height: 18px; overflow: hidden; }
	.famous-name span a{	font-size: 11px ; font-weight:normal ;	}
	.famous-type { font-size: 11px; font-size: 10px\9; padding: 0 5px; }
	.famous-said { width: 234px; height: 68px; overflow: hidden; position: relative; }
	.famous-said span{	height: 3.3em ; overflow: hidden ; display:block ; line-height: 170% ; margin: 12px 20px 0px 29px ;}



	
	
	
	
	
	

#activity{
	height: 87px ;
	overflow: hidden ;
	position: relative ;
	background: none ;
	padding-lefT: 150px ;
	margin-top: 11px ;
}

#activity .box-title{
	width: 62px; 
	height: 19px ;
	background: url('images/activity-box-title.jpg') no-repeat left top ;
	color:#fff ;
	text-align:center ;
	padding: 0 !important;
	margin-bottom: 9px ;
	font-size: 12px; 
}

#activity a{
}

#activity .box-title span{
	margin: 0 ;
	font-weight:normal ;
	line-height: 150% ;
}

#activity .box-text{
	background: none ;
}

.activity-photo {
	width: 140px ;
	height: 87px ;
	position: absolute ;
	top: 0px ;
	left: 0px;  
}

.activity-photo img{
	width: 140px ;
	height: 87px ;
}


#activity .more{
	position: absolute ;
	top: 2px ;
	right: 0px ;
}

.activity-title{
	font-weight: bold ;
	margin-bottom : 6px ;
}
.activity-title a{
	color:#777 ;
	display:block ;
	height: 1.2em ;
	overflow: hidden ;
}

.activity-time{
	margin-bottom : 4px ;
}

.activity-time a{
	color:#999 ;
	font-size: 11px !important;
}
	
	
	

.activity-desc a{
	color:#666 ;
	height: 1.2em ;
	overflow: hidden ;
	display:block ;
	
}