/* osakicom : Tue, 30 Oct 2018 11:48:24 +0800 */
body{
	font-size: .75em ;
	font-family:"Verdana" ;
	color:#000 ;
	line-height: 140% ;
	background: #000;
}

a{
	text-decoration: none ;
	color:#888	 ;
}
a:hover{
	color:#006cff !important;
}

#authority{
	background:#000 ;
	text-align:center ;
	padding: 2px 0px 4px 0px ;
}
#authority a{
	color:#999 ; 
	margin: 0px 10px ;
}
#authority a:hover{
	color:#fff !important ;
}

	
#container{
	BACKGROUND: url('https://pic.pimg.tw/pixnetvisual/4a793c67376dc.jpg') repeat-x center top ;
}
	
#container2{
	width: 900px ;
	margin: 0 auto  0px auto ;
	position: relative ;
	background: url('https://pic.pimg.tw/pixnetvisual/4a793c63cc65e.jpg') repeat-y left top ;
}

#container3{
}




/*============================================= HEADER ===============================================*/

#header{
	height: 124px ;
	background: url('https://pic.pimg.tw/pixnetvisual/4a793c68e5e0a.jpg') no-repeat center top ;
}


#header a{
	color:#fff ;
}

#header h1 a{
	position: absolute ;
	top: 15px ;
	left: 60px; 
	font-size: 1.7em ;
	font-family: 微軟正黑體, Simhei ;
	display:block ;
	width: 500px ;
	color:#fff ;
	*padding-top: 2px; 
}
#header h1 a:hover{
	color:#00a2ff !important ;
}

#header h2{
	position: absolute ;
	top: 37px; 
	left: 61px ;
	display:block ;
	width: 500px ;
	color:#bd85e7 ;
	line-height: 160% ;
	width: 575px ;
}

#login-bar{
	color:#555 ;
position: absolute ;
top: 160px ;
left: 30px; 
}
#login-bar a{
	color:#555 ;
}



#header .skiplink{
	display:none ;
}
#header .skiplink a{
	color:#999 ;
}	
#blog-category{
	display: none ;
}


#navigation{
	position: absolute ;
	top: 0px; 
	left: 570px ;
	width: 400px ;
}

#navigation li{ 
	float:left ;
}
#navigation li a{
	display:block ;
	height: 50px ;
	width: 75px ;
	text-indent: -5000px ;
	
}
#navigation a:focus{
	outline: none ; 
}

#navigation #link-blog a{ width: 90px ; }







#main{
	padding: 0px 0px 0px 0; 
}

#main:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}





/*============================================= CONTENT ===============================================*/

#spotlight {
	line-height: 160% ;
	color:#888 ;
	background:#eee ;
	padding: 10px 15px ;
	margin: 0px 0px 10px 0px ;
}
#spotlight h5{
	color:#888 ;
	letter-spacing: 1px ;
	font-size: 1.5em ;
	font-family: 微軟正黑體, Simhei ;
	margin: 0px 0px 4px 0px ;
}
#spotlight-text{
}

.article-area-title {
	padding: 0px 0px 3px 30px ;
}
#view-mode{
	padding : 0px 0px 5px 30px ;
}

#content{
	width: 660px; 	
	float: left ;
	overflow: hidden ;
}
#content a{
}

.article{
	margin-bottom: 40px ;
	_height: 1% ;
}
.article-head{
}



.publish{
	font-size: .8em ;
	color: #000 ;
	margin-bottom: 2px; 
	text-align:right ;
	padding-right: 30px ;
}
.title{
	background:#000 ;
	padding: 4px 30px ;
	margin-bottom: 10px ;
}

#content .title a{
	font-size: 1.5em ;
	font-family: 微軟正黑體, Simhei ;
	color: #fff ;
	line-height: 120% ;
}

.article-body{
	padding: 0px 30px 0px 30px ;
}


.article-content {
	line-height: 180% ;
}

.article-content a{
	font-weight:bold ;
}

.article-content a:hover{
	text-decoration: underline ;
}

.author{
}

.article-footer{
	padding: 0px 30px 0px 30px ;
	color:#aaa ;
	font-size: .9em ;
}
.article-footer a{
	color:#888 ;
}


.bookmark ,
.more ,
.author ,
.back-to-top ,
.fans-club ,
.forward {
	margin: 1px 0px ;
	text-align:right ;
	color:#aaa ;
	font-size: .9em ;
}


.author a,
.fans-club a,
.forward a{
	color:#888 ;
}




#article-adsense{
	text-align:center ;
	margin: 10px 20px 0px 20px ;
}


.refer{
	width: 240px ;
	float:left ;
}
.refer li{
	margin: 2px 0px; 
}

.history{
	width: 240px ;
	float:right;
}
.history li{
	margin: 2px 0px; 
}

.back-to-top{
	clear:both ;
}









/*============================================= LINKS ===============================================*/

#links{
	width: 220px ;
	float: right  ;
	overflow: hidden ;
	color:#999 ;
}

.box{
	overflow: hidden ;
}

.box-title{
	color:#006cff ;
	background: url('https://pic.pimg.tw/pixnetvisual/4a793c634ccea.jpg') no-repeat 0px 3px ;
	padding : 0px 0px 7px 19px; 
}
.box-text{
	padding: 0px 0px 0px 5px ;
	margin: 0px 0px 0px 15px ;
	padding-bottom: 20px; 
	margin-bottom: 20px ;
}
.box-text a{
	display:block ;
	color:#fff ;
	padding: 2px 0px ;
}
.box-text a:hover{
}
.box-more{
	text-align:right;
}
.box-more a{
	display: inline ;
}











/*============================================= BOX ===============================================*/






#visitor li , #crumb li{
	margin-right: 1px; 
}
#visitor li img , #crumb li img{
	width: 32px; 
	height: 32px ;
}



#broadcast .box-text a{
	padding: 1px 0px ; 
}
.broadcast-photo{
	margin-right:4px; 
}
.broadcast-time{
	padding-top: 1px; 
	_height: 1% ;
}
.broadcast-time span{
	display: none ;
}
#broadcast ul{
	padding: 3px 0px ;
}
.broadcast-text{
	height: 19px ;
	overflow: hidden ;
}



#headshot .box-text{
	_height: 1% ;
	overflow: hidden ;
	_overflow: none ;
}
#headshot-img{
	width: 120px ;
	text-align:center ;
	float:left ;
}
#headshot-img img{
	border: 3px solid #444;
}

#feed .box-text{
	text-align:center ;
}




#calendar table{
	width:95% ;
	margin: 0 auto ;
}
#calendar th ,
#calendar td{
	text-align:center ;
	font-size: .9em ;
	padding: 1px 0px ;
}
#calendar .box-text a{
	padding: 0px; 
}






#archive .box-more{
	margin-top: 3px ;
}


.murmur-time{
	text-align:right ;
	font-size: .8em ;
}


#broadcast ul , 
.inner-box ,
#latest-comment li,
#latest-trackback  li, 
#subscription li {
	padding: 4px 0px ;
}









.inner-box{
	padding-bottom: 5px ;
	margin-bottom: 5px ;
}


.folder .box-text a{
	display: inline ;
}


#powered .box-title{
	letter-spacing: -1px ;
}
#powered .box-text{
	text-align:center ;
}









/*============================================= MAIN-LIST ===============================================*/

.main-list table{
	width: 91% ;
	margin: 0 auto;
	color:#aaa ;
	font-size: .9em ;
}
.main-list th ,
.main-list td{
	padding: 5px 5px; 
	border-bottom: 1px solid #ddd ;
}
.main-list th{
	background:#eee ;
	color:#afa187 ;
	font-size: 1.2em ;
}

.main-list a{
	color:#777 ;
}

.list-num , .list-visit , .list-comment{
	text-align:center ;
}

td.list-num , td.list-date , td.list-visit , td.list-comment{
	font-size: .8em ;
}

td.list-num{
width: 30px ;
}

td.list-title{
color:#777;
font-size: 1.1em ;
}















/*============================================= USER-POST ===============================================*/

.user-post-box{
	margin: 15px 0px ;
}

.user-post-title{
	font-size: 1.7em ;
	color:#fff ;
	font-family: 微軟正黑體, Simhei ;
	padding: 6px 0px 6px 30px ;
	background: #000 ;
}
.user-post-title img{
	display: none ;
}

.user-post-text{
}

#trackback-url{
	text-align:right ;
}

.post-photo{
	width: 50px ;
	padding-left: 30px ;
	margin-top: 5px ;
}

.post-photo img{
	bordeR: 1px solid #ccc ;
	width: 50px ;
	height: 50px ;
}

.single-post{
	padding: 15px 0px ;
	line-height: 160%  ;
	font-size: .9em ;
	color:#888 ;
}
.post-comment{
	text-align:right ;
	padding : 5px 0px ;
	height: 25px; 
	overflow: hidden  ;
}
.post-comment a{
	COLOR:#fff !important;
	font-size: 1.25em ;
	background:#005cd9 ;
	padding: 5px 10px ;
}
.post-comment a:focus{
	outline: none ;
}
.post-comment a:hover{
	color:#ff7800 ;
}

.post-info{
	margin-bottom: 15px; 
	color:#888 ;
	padding: 3px 30px ;
	background:#ddd ;
}
.post-info a{
	color:#888 ;
}


#trackback-box .post-text{
	padding: 0px 30px ;
}
#trackback-box .post-text a{
	color:#000 ;
}


#comment-box .post-text{
	margin-bottom: 8px; 
	width: 530px; 
	padding-right: 30px ;
	float:right ;
}
#comment-box .post-text p{
	font-weight:bold ;
	padding-bottom: 3px ;
	margin-bottom: 4px ;
}


.reply-text{
	width: 530px ;
	color:#5f84b6 ;
	float:right ;
	padding: 8px 0px 0px 0px ;
	margin-right: 30px ;
	_margin-right: 15px ;
	line-height: 140%  ;
	border-top: 1px dashed #ccc ;
}
.reply-text p{
	text-align:right ;
	color:#bbb ;
	margin-top: 3px ;
}

.reply-text p a{
	color:#bbb ;
}


.secret{
	background:#ddd ;
	margin: 5px 0px ;
	padding: 5px 0 0 0  ;
}


.page{
	text-align:center ;
	margin-bottom: 10px ;
}

.page a{
	padding: 2px 5px ;
}
.page a:hover{
	background:#ddd ;
	color:#de5400 ;
}






/*============================================= FOOTER ===============================================*/

#footer{
	clear:both ;
	line-height: 140% ;
	text-align:center ;
	padding: 20px 270px 120px 120px ;
	background: url('https://pic.pimg.tw/pixnetvisual/4a793c68723ad.jpg') no-repeat left bottom ;
	color:#888 ;
}
#footer p{
	margin-bottom: 7px; 
}

#footer a{
	color:#000 ;
}



input , select{
	font-family:"Verdana" ;
}/*
select{
	background:#de7c40 ;
	color:#fff ;
	bordeR: 0 ;
	padding: 2px ;
}

#main input {
	background: #de7c40 ;
	color:#fff ;
	border: 0px; 
	padding: 2px ; 
}*/
input#search-target{
	width: 130px ;
}













/*------------------------------------------------------------ 
以下為   PIXNET 部落格痞客模版專用 box-layout.css   
任何疑問請至 PIXNET - 服務專區  Pixnet CSS 設計交流區  
http://support.pixnet.tw/index.php?board=6.0
------------------------------------------------------------*/

/*  誰來我家 田字型排版  */
#crumb ul , 
#visitor ul{
	_height: 1% ;
	overflow: hidden ;
	_overflow: none ;
}
#crumb li , 
#visitor li{
	float:left ;
}


/*  碎碎唸聯播  好友圖像靠左  文字靠右  */
#broadcast ul{
	_height: 1% ;
	overflow: hidden ;
	_overflow: none ;
}
.broadcast-photo{
	float:left ;
}


/*  解決迴響樓梯型歪斜排版問題 + 文字重疊問題　迴響人圖像靠左  迴響內容靠右  */
.single-post{
	_height: 1% ;
	overflow: hidden ;
	_overflow: none ;
}
.post-photo{
	float:left ;
	text-align:Center ;
}


/*-------------------- 以上為   部落格PIXNET 痞客模版專用 box-layout.css   --------------------*/


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 ;
}

.article-content{
  _height: 1% ;
  overflow: hidden ;
  _overflow: none;
}





/*------------------------------ 白底 ------------------------------ */
#comment-form { background:#eee ; padding: 7px 10px; color:#777 ; _height: 1% ; margin-top: 10px ;}
#comment-form table { width: 98% ; margin: 0 auto ; }
#comment-form h4{ font-weight:bold ; text-align:left ;}
#comment-form p{text-align:right ;}
#comment-form th{ text-align:right ; padding-right: 20px ; width: 6em ;}
#comment-form td{ padding: 2px 5px ; }
#comment-form input{ width: 90% ;  border: 0px ; background:#eee ; border-bottom: 1px solid #ccc ; padding: 2px ; color:#000 ; font-family:"Verdana" ; font-size: 1em ; }
#comment-form input.radio{ width: auto ; border : 0px ;}
#comment-form input#send-comment{background:#fff ; width: 5em ; bordeR: 1px solid #ccc ;}
#comment-form textarea{ width: 90% ; background:#ddd ; bordeR: 1px solid #ccc ; height: 5em ; padding: 5px;   color:#000 ; font-family:"Verdana" ; font-size: 1em ; }