/*主設定
--------------------------------------------------------------------------------------------------------*/
body {
	color: #8e8e8e;
}
a { color: #800; }
a:hover { color: #ea5911; }
#container1 {background:#000 url(images/bg.jpg) no-repeat center top;}
#container2 {}
#container3 { padding-top: 20px; position:relative;}

#extradiv6{position:absolute; left:-40px; top:111px;}
/*上方主視覺設定
--------------------------------------------------------------------------------------------------------*/
#header { 
	height: 470px;
}
#header a{
	color:#ea5911;
}
	#pixnet {
		position: absolute;
		top: 10px; 
		left: 13px;
		z-index: 5000;
		width: 154px;
		height: 62px;
	}
		#pixnet a { display: block; width: 100%; height: 100%; }
	
	
#navigation {
	position: absolute ;
	top: 18px ;
	left: 210px ;
}
#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: 65px; 
	left: 200px;
	font-size: 12px; 	
	line-height: 200%;
	color:#fff;
}
	
#focus a{
	padding: 6px 3px 5px 8px ;
	background: url('images/focus-li.png') no-repeat left center ;
	color:#fff ;
}
#focus a:hover{
	color:#ea5911;
}


#focus .focus-1{
	background: none ;
}





#search{
	position: absolute ;
	top: 27px ;
	right: 10px ;
	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: 43px ;
	left: -60px; 
	width: 330px; 
	text-align:right ;
	color:#fff ;
	font-size: 12px ;
}
.hot-tag a{
	color:#fff !important;
}
.hot-tag a:hover{
	color:#ea5911 !important;
}







#info {
	position: absolute ;
	top: 455px; 
	left: 43px ;
	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: 455px ;
	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;
	color:#ea8611 !important;
}



#ad-corner {
	position: absolute ;
	top: -18px; 
	right: 30px; 
}



























	
	
	
	
	

#main {
}
/*左側內容設定
--------------------------------------------------------------------------------------------------------*/
.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: #fff 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: 145px; 
	_height: 143px; 
	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:#800 ;
	padding-right: 10px ;
	font-weight:normal ;
}

#login-1 .box-text ul{
	padding: 7px 0 0 28px   ;
	color:#666 ;
}

#login-1 .box-text li{
	margin: 3px 0  ;
	line-height: 90% ;
}

#login-1 input{
	bordeR: 1px solid #ccc ;
	background:#fff ;
	padding: 2px 5px ;
	color:#555 ;
	width: 120px ;
}

#login-1 .login-send {
	width: 65px ;
	height: 26px ;
	background: url('images/login_send.jpg') no-repeat left top ;
	bordeR: 0 ;
	color:#de8300 ;
	font-weight:bold ;
}

#login-1 .login-check{
	width: auto ;
	margin-left: 39px ;
	border: 0;
	background: none;
}

#login-1 label{
	color:#888 ;
	font-size: 12px ;
}




#login-2 {
	font-size: 12px ;
}

#login-2 a:hover{
	color:#ea5911 ; !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:#800 ;
}

#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:#de8300 ;
	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 a{
	color:#de8300;
}

.message-list li span{
	color:#999 ;
	font-size: 9px ;
}









	
#ad-word { background: url(images/ad_word.jpg); }
	#ad-word li { background: url(images/blog_li.gif) no-repeat left top; padding-left: 23px; }

.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;
	padding: 30px 0;
	color:#999;
}
#footer a{
	color:#999;
}
	.copyright { margin-top: 5px; color:#fff;}


