/*主設定
--------------------------------------------------------------------------------------------------------*/
body {
	color: #8e8e8e;
	background: #fff url(images/bg_bottom.jpg) repeat-x bottom;
}
a { color: #367cd0; }
a:hover { color: #000; }
#container1 {}
#container2 {}
#container3 {padding-top: 20px;}
#extradiv3{width:100%; height:417px; position:absolute; top:93px; left:0;}
#extradiv3 embed, #extradiv3 object{width:100% !important; height:417px;}
/*上方主視覺設定
--------------------------------------------------------------------------------------------------------*/
#header { 
	height: 105px;
	background: url('images/header.jpg') no-repeat left top ;
}
	#pixnet {
		position: absolute;
		top: 0px; 
		left: 13px;
		z-index: 5000;
		width: 154px;
		height: 62px;
	}
		#pixnet a { display: block; width: 100%; height: 100%; }
	
	
#navigation {
	position: absolute ;
	top: 14px ;
	left: 192px ;
}
#navigation li {
	width: 80px; 
	height: 38px; 
}	
#navigation li a{
	display:block ;
	height: 40px;
}
#navigation span{
	display: none ;
}

#fox{
	height: 0;
}

#fox li{
	height: 0px ;
}

	
	
	
	

#focus{
	position: absolute ;
	top: 56px; 
	top: 57px \9; 
	*top: 55px; 
	_top: 58px; 
	left: 172px;
	font-size: 12px; 	
	line-height: 200% ;}
	
#focus a{
	padding: 6px 2px 5px 7px ;
	background: url('images/focus-li.jpg') no-repeat left center ;
	color:#444 ;}
#focus a:hover{
	color:#0074eb ;}

#focus .focus-1{
	background: none ;}
#focus a img {
	position: relative ;
	bottom: -3px ;
	*bottom: -6px ;
	_bottom: -3px ;
	right: -2px ;}
#focus span.text {
	margin-right: -8px ;}





#search{
	position: absolute ;
	top: 20px ;
	right: 30px ;
	width: 271px ;
	background: url('images/search.jpg') no-repeat left top ;
	padding: 0 0 0 7px ;
}

#search input{
	background: transparent ;
	border: 0 ;
	height: 23px; 
	line-height: 20px ;
}

.search-input {
	width: 205px ;
	position: relative ;
	bottom: -3px; 
	font-size: 12px ;
}
.search-send{
	width: 57px; 
	position: relative ;
	font-size: 0px ;
	letter-spacing :-14px ;
	text-align:right ;
	color:#aaa ;
}


.hot-tag{
	position: absolute ;
	top: 32px ;
	right: 5px; 
	width: 330px; 
	text-align:right ;
	color:#baceff ;
	font-size: 12px ;
}
.hot-tag a{
	color:#baceff ;
}
.hot-tag a:hover{
	color:#fff ;
}







#info {
	position: absolute ;
	top: 498px; 
	left: 30px ;
	font-size: 12px ;
}
#info a{
	background: url('images/info-li.jpg') no-repeat left 5px ;
	*background-position: left  2px ;
	padding: 0 0 0 12px; 
	margin: 0px 13px ;
}



.announce {
	font-size: 12px ;
	position: absolute ;
	top: 498px ;
	left: 620px ;
	width: 320px ;
	padding-right: 30px ;
	height: 1.3em ;
	overflow: hidden ;
}

.announce a.more{
	display:block ;
	width: 35px ;
	height: 16px; 
	background: url('images/announce-more.jpg') no-repeat left top ;
	position: absolute ;
	top: 0px ;
	right: 0px; 
	text-align:center ;
	font-size: 11px; 
}



#ad-corner {
	position: absolute ;
	top: -18px; 
	right: 30px; 
}



























	
	
	
	
	

#main {
	background: url(images/bg_main.jpg);
}
/*左側內容設定
--------------------------------------------------------------------------------------------------------*/
.bin { background: url(images/bin_main.jpg); }
.bin-title {
	height: 27px;
	line-height: 27px;
	background: url(images/bin_title.jpg);
}
	.bin-title h2 {
		width: 115px;
		text-align: center;
		color: #fff;
		font-weight: bold;
		line-height: 23px ;
		line-height: 27px \9;
	}
	.bin-title .menu li {
		width: 90px;
		font-size: 12px;
		text-align: center;
		color: #6d6d6d;
		background: url(images/menu_li.jpg) no-repeat right;
	}
	.bin-title .menu li.current {
		font-weight: bold;
		background: url(images/bin_current.gif);
	}

.bin-main { background: url(images/bin_btm.jpg) no-repeat left bottom; }
	.bin-footer { padding: 0px 10px; }


.more a {
	font-size: 12px;
	background: url(images/more_arrow.gif) no-repeat right center;
	padding-right: 13px;
}

#album  {}
	#album .bin-footer {
		line-height: 24px;
	}


#murmur {}
	.murmur-img img { border: 3px solid #ddd; }
	.murmur-text {
		color: #656565;
		background: url(images/murmur_text.jpg) no-repeat;
	}
		.murmur-time {
			font-size: 11px;
			font-size: 10px\9;
			color: #a9a9a9;
			padding-right: 5px;
		}
	.murmur-text .more { background: url(images/murmur_more.jpg) no-repeat right; }
	.murmur-text .more a { color: #7a7a7a; background: none; padding-right: 20px; }
	.murmur-list li img { border: 1px solid #ddd; padding: 1px; }


#ad-text { background: #f2f8fd; border: 1px solid #ccc; }
	.at-word a { color: #6f6f6f; }

#blog {}
	.text-p h3 a { font-weight: bold; }
	.text-list {
		line-height: 20px;
		margin: 5px 0 0;
	}
		.text-list  li {
			background: url(images/blog_li.gif) no-repeat 0 0;
			padding-left: 20px;
		}
		.text-list  li.ad-column { background-position: 0 -19px; }
		.text-list  li.ad-column a { color: #838383; }
	
	.hot-list li {
		background: url(images/hot_li.jpg) no-repeat 5px 13px;
		padding-left: 20px;
	}
	.pb-num {
		color: #63a5f5;
		font-weight: bold;
		font-family: "verdana";
		line-height: 65px;
	}
	.pb-img img { border: 3px solid #ddd; }
	.pb-text {}
	.pb-text h3 {
		font-weight: bold;
		margin: 5px 0;
	}
	
	#blog .bin-footer {
		background: url('images/blog-bin-footer.jpg') no-repeat left bottom ;
		height: 27px; 
	}
	.menu-2 {
	}
	.menu-2 li {
		text-align: center;
		background: url(images/menu_li.jpg) no-repeat right 9px;
		padding: 5px 10px ;
	}
	.menu-2 li a { color: #555; }
	.menu-2 li.current a { color: #367cd0; font-weight:bold ;}
	#blog .more { margin-top: 6px; }

#visitor { background: url(images/visitor_bg.jpg); }
#visitor .bin-title {
	height: 26px ;
	line-height: 26px ;
	background: url(images/visitor_top.jpg) no-repeat top;
}
	#visitor .bin-title  h2 { width: 96px; padding-left: 15px; line-height: 22px ; line-height: 27px \9 !important; }
#visitor .bin-main { background: url(images/visitor_bottom.jpg) no-repeat bottom; }
#visitor .bin-main .inner{
	height: 208px; 
	_height: 206px; 
	overflow: hidden ;
}
	.visitor-list {
		background: url(images/box_border.jpg) repeat-x top;
		padding: 7px 0 10px 0px;
	}
	.visitor-list  li { margin: 0px 1px 0px 0; }
	.visitor-list  li img {
		padding: 2px;
		border: 1px solid #ccc;
		background: #fff;
	}


/*右側內容設定
--------------------------------------------------------------------------------------------------------*/
.box { background: url(images/box.jpg); }
.box-title {
	height: 24px;
	line-height: 20px;
	line-height: 26px \9;
	*line-height: 22px;
	background: url(images/box_title.jpg) no-repeat left top ;
	overflow: hidden ;
}
	.box-title span {
		color: #fff;
		font-weight: bold;
		margin-left: 37px;
	}
.box-text { background: url(images/box_bottom.jpg) no-repeat 0 bottom; }



.login{
	width: 350px ;
	overflow: hidden ;
	background: url(images/login-bg.jpg); 
}

.login .box-title {
	background: url(images/.jpg) no-repeat center bottom;
	padding: 0 0 0 45px;
	border-bottom: 1px solid #e9e9e9 ;
}
.login .box-text { background: none; }



	
#login-1 .box-title{
	background: url('images/box-title.jpg') no-repeat left top ;
	margin: 0px 15px;
	color:#fff ;
	line-height: 150% ;
	line-height: 200% \9;
	FONT-WEIGHT:BOLD ;
	text-align:center ;
	height: 29px ;
	position: static ;
	padding: 0 216px 0 0  ;
}

#login-1 .box-title a{
	position: absolute ;
	top: 4px ;
	right: 15px ;
	background: url('images/orange-arrow.jpg') no-repeat right 7px ;
	color:#de8300 ;
	padding-right: 10px ;
	font-weight:normal ;
}


#login-1 .login-bar {
	padding:8px 10px 5px 10px;
	margin:0;
	overflow:hidden; }
 
#login-1 .login-bar div{
	position:relative;
	float:left;	}
 
#login-1 .login-bar div span{
	display:block;
	position:absolute;
	top:0px;
	left:6px;
	font-size:12px;
	line-height:26px;
	color:#AAA;}
 
#login-1 .login-bar input {
	bordeR: 1px solid #ccc ;
	background:#fff ;
	color:#555 ;
	width:112px;
	padding:4px;
	margin-right:10px; }
 
#login-1 .login-bar button.login-send {
	float:right;
	width: 65px ;
	height: 26px ;
	background: url('images/login_send.jpg') no-repeat left top ;
	bordeR: 0 ;
	color:#2d76cd ;
	font-weight:bold ; }

#login-1 .login-check {
	margin-left:10px;
	vertical-align:-2px; }
  
#login-1 .login-forgot {
	float:right;
	margin-right:10px; }

#login-1 label{
	float:left;
	color:#888 ;
	font-size: 12px ;}
 
#login-1 .login-switch {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:30px;
	text-align:center;
	background:url('images/bottom_bg.png') left top no-repeat;
 }

#login-1 .login-switch a {
	padding-left:14px;
	line-height:30px;
 }

#login-1 .login-switch a.switch-normal {
	background:url('images/arrow-down.png') left center no-repeat;
 }

#login-1 .login-switch a.switch-openid {
	background:url('images/arrow-up.png') left center no-repeat;
 }


#login-1 .login-openid {
	padding:0;
	margin:0;
}

#login-1 .login-openid ul {
	list-style:none;
	padding:6px 0px 0 15px;
	overflow:hidden;
	zoom:1;
}
 
#login-1 .login-openid li {
	float:left;
	margin:0 10px 6px 0;
	padding:0;
}

#login-1 .login-openid li a {
	display:block;
}



#login-2 {
	font-size: 12px ;
}

#login-2 a:hover{
	color:#0074ff ; !important ;
}

#login-2 .box-title{
	margin: 0px 8px ;
	padding : 0px ;
	height: 26px ;
	line-height: 200% ;
}

#login-2 .box-title span{
	position: absolute  ;
	top: 1px ;
	right: 5px ;
	color:#ccc ;
	font-weight: normal ;
	display:block ;
	width: 150px ;
	text-align:right ;
}
#login-2 .box-title span a{
	color:#367cd0 ;
}

#login-2 .box-title img{
	position: relative ;
	bottom: -4px ;
	margin-right: 6px ;
}


.member-box {
	padding: 7px  7px 0px 8px ;
	margin: 0 ;
}

.member-text{
	width: 275px ;
	color:#bbb ;
	margin-top: 5px; 
}

.member-text a{
	color:#555 ;
}

.member-text b{
	color:#f37f1c ;
}

.member-img img {
	height: 50xp ;
	width: 50px ;
}


.panel a{
	display:block ;
	width: 55px ;
	height :44px; 
	background: url('images/panel.jpg') no-repeat left top ;
	text-align:center ;
	color:#2d76cd ;
	font-size: 11px; 
	position: absolute  ;
	top: 36px ;
	right: 7px ;
	line-height: 380% ;
}



.function{
	padding: 0 0 0 25px ;
}

.function li { 
	background: url(images/i_function.gif) no-repeat; 
	text-align:left ;
	width: 90px ;
	padding: 0 ;
	margin-right : 16px; 
}
li.upload-pic { background-position: 0 -20px; }
li.new-murmur { background-position: 0 -40px; }

.new-post a , 
.upload-pic a{
	background: url('images/function-li.jpg') no-repeat right 4px ;
}

.function li a {
	display:block ;
	padding-left: 28px  ;
}



.function a { 
	color: #777; 
}




#login-3 {
	font-size: 12px ;
}

#login-3 .box-title{
	height: 26px ;
	line-height: 220% ;
	margin: 0 15px ;
	padding: 0 ;
}

#login-3 .box-title a{
	position: absolute ;
	top: 0px ;
	right: 0px ;
	background: url('images/message-toggle.jpg')  no-repeat right 8px ;
	padding-right: 15px ;
}

.message-list{
	margin: 5px 0 0 15px  ;
}
.message-list li{
	height: 18px ;
	*height: 17px ;
	width: 180px ;
	overflow: hidden ;
	margin: 0 !important ;
	padding: 0 !important ;
	line-height: 100% !important ;
}

.message-list li span{
	color:#999 ;
	font-size: 9px ;
}


#ad-word { background: url(images/ad_word.jpg) ; height: 98px ; overflow: hidden ;} 
	#ad-word li { background: url(images/blog_li.gif) no-repeat 4px 0px ; padding-left: 23px; }

	
	
#topic-channel { background: url(images/ad_word.jpg) ; height: 98px ; overflow: hidden ; margin-top: 10px !important;} 	
#topic-channel li {
	background: url('images/topic-channel.jpg') no-repeat left top ;
	padding: 4px 0 0 0 ;
}	

	
.video-list{ background: url(images/video_list.jpg); }
.video-list.current { background: url(images/video_current.jpg); }
.video-list a:hover{ color:#0074ff ;  }

    .video-img img { border: 3px solid #ddd; }
    .video-title {
        line-height: 21px;
        height: 44px;
        overflow: hidden;
        color: #777;
    }
	.video-title span{
		font-size: 12px;
	}
	
	
.famous-box { background: url(images/box_border.jpg) no-repeat top; }
	.famous-img img { border: 2px solid #ddd; }
	.famous-name a { font-weight: bold; }
	.famous-said  {
		font-size: 12px;
		background: url(images/famous_said.jpg);
	}


#footer {
	text-align: center;
	background: url(images/footer.jpg) no-repeat top;
	padding: 30px 0;
}
	.copyright { margin-top: 5px; }