/* CSS Document */
/*主體*/
html{

}

body{  
    margin:0px 0px 0px 0px;
    text-align: center;

	background:#c0c7e2 url(../../../../../../../../s.blog.xuite.net/_image/skin/background/1746/bg.png) repeat-x bottom left fixed; /*color 1*/	
    color:#6E6E6E; /*color 5*/
	font-family:Verdana, Geneva, sans-serif;
}
ul {padding:0px;margin:0px;}
li {list-style-position:inside;}
h1, h2, h3 { padding:0px;margin:0px; font-weight:normal;}
	   
/*連結*/
a {
	color:#6E6E6E;/*color 5*/
	text-decoration: none;
}
a:link {
	color:#6E6E6E;/*color 5*/
	text-decoration:none;
}
a:visited {
	color:#6E6E6E;/*color 5*/
	text-decoration:none;
}
a:active {
	color:#6E6E6E;/*color 5*/
	text-decoration:none;
}
a:hover {
	color: #E3DCC1;/*color 4*/
	text-decoration:none;
}


/*定位框*/
#wrap{margin-top:26px;}
#container {
    position:relative;
    text-align: left;
    width:1150px;
    padding:0px;
    margin:0px auto;

    background: rgba(255,255,255,0.9);
    overflow:hidden;
}

	   
/*檔頭*/
#banner{
	width:1150px;
	margin: 0px;
	padding: 0px;
	height: 308px;
/*color 1*//*banner:1142x300*/
	background:#c0c7e2 url(../../../../../../../6/4/1/2/238381363/blog_5965350/auto_theme/banner3ff9.jpg?1621114603.4592) no-repeat center center; /*color 1*//*banner:1142x300*/
	display:block;

	border-bottom:2px solid #c0c7e2;/*color 1*/
	position: relative;
}
.extra9{
	width:1150px;
	height:308px;
	background: url(../../../../../../../../s.blog.xuite.net/_image/skin/background/1746/banner2.png) no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	z-index:4;
}

/*左欄*/
#linksLeft{                           
    left:0px;                         
    width: 221px;
    margin: 5px 0px 0px 5px;
	float:left;
	display:inline;
}
 
/*右欄*/
#linksRight{          
   display:none;
}

	
/*中間欄*/
#mid{
    width:869px;
    float:right;
    right:32px;
    margin:5px 0px 0px 5px;
    padding:0px;
    display:inline;
    position:relative;
}
/*特殊瀏覽模式中間欄*/
#mid .dynamic-view{
}
/*檔尾*/
#footer{
    clear: both;
	text-align:center;
	font-size: 12px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	line-height: 16px;
	bottom:0px;
	height:105px;
/*color 1*/
	background:#c0c7e2 url(../../../../../../../../s.blog.xuite.net/_image/skin/background/1746/footer.png) repeat-x center;/*color 1*/
	padding-top:15px;
}
#footer a:hover{ color:#ffffff;}
/*欄位名稱*/
.sidetitle{
	padding:2px 0px 2px 0px;
	text-align: center;
/*color 1*/
	background:#c0c7e2 url(../../../../../../../../s.blog.xuite.net/_image/skin/background/1746/sidetitle.png) center center no-repeat;/*color 1*/
	color:#ffffff;
	font-family:微軟正黑體;
	letter-spacing:0.1em;
	font-size:18px;
	margin-top:5px;
	border-radius: 5px 5px 5px 5px;
}
/*欄位內容*/
.side{
	font-size:13px;
	font-weight:normal;
	line-height:140%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:4px;
}

.side li{                                              
    list-style:none;
}

/*空白*/
.spacer{
	clear:both;
}
/******************************************/
/*檔頭class*/

/*日誌名稱*/
.blogname{
	font-size: 26px;
	font-weight: bold;
	font-family:微軟正黑體;
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
	padding-left:48px;
	padding-top:25px;
	width:405px;
	z-index:5;
	position:relative;
}

/*今日心情*/
.blogemotion{
	
}
/*日誌描述*/
.description{
	font-size: 15px;
	font-family:微軟正黑體;
	color: #ffffff; 
	text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
	padding-left:48px;
	padding-top:5px;
	width:365px;
	z-index:5;
}

/*Logo*/
.menulist{}
.logo{display:none;}

/******************************************/
/*中間欄位class*/

/*文章外框*/
#content{
    padding: 5px 0px;
	margin: 0px 5px;
}

/*文章標題列*/
.title{
	width:100%;
	height:25px;
	padding-top:5px;
}
/*文章標題名稱*/
span.titlename{
	font-size:16px;
	font-family: 微軟正黑體;
	color:#000000;
	font-weight:normal;
	padding-left:5px;
}
/*文章日期*/ 
span.titledate{
	float:left;
	height:23px;
	padding-left:5px;
	padding-top:2px;
	font-family: 微軟正黑體;
	font-size: 13px;
	color: #929292;
}
/*文章評價列*/
.blogrank{
	width:100%;
	line-height:200%;
	margin-top:5px;
	color:#636363;
}
/*文章瀏覽數*/
span.counter{
    background:url(../../../../../../../../s.blog.xuite.net/_image/skin/background/1746/counter.png) no-repeat;
    float:right;
    margin:5px;
    padding:0px 0px 0px 25px;
    width:auto;
}

/*文章分類*/
span.category{
	background:url(../../../../../../../../s.blog.xuite.net/_image/skin/background/1746/category.png) no-repeat;
	float:right;
	margin:5px;
	width:auto;
	padding:0px 0px 0px 25px;
}

/*文章標籤*/
.tags{}
.tags a:link{
    color:#936f4a;
}
.tags a:visited{
    color:#936f4a;
}
.tags a:hover{
    color:#999999;
}

/*文章主體*/
.blogbody{
	word-wrap: break-word;
	width:99%;
	overflow:hidden;
	font-family: 微軟正黑體;
	color:#6E6E6E; /*color 5*/
	line-height:20px;
	font-size:16px;
}
/*作者列*/
.posted{
	width:100%;
	text-align:right;
	font-size:12px;
	clear:both;
	font-family:新細明體;
}

/*上下文章*/
.selectbar{
	width:100%;
	text-align:center;
	font-size:12px;
}
/*引用列*/
.trackbacktitle{
    position:relative; 
	width:100%;
	margin-top:20px;
	margin-bottom:5px;
    font-size: 12px;
	color: #ffffff;
	height:24px;
	background:#3F414A; /*color 2*/
	padding:10px 0 0 0;
}
.trackbacktitle a{color: #ffffff;}
/*引用網址*/
.trackbackurl{
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	text-indent:10px;
	word-break:break-all;
}
/*引用日期*/
.trackbackdate{
	width:100%;
	text-align:right;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
}
/*引用內容*/
.trackbackcontent{
	width:100%;
	line-height:150%;
	margin-top:5px;
	word-break:break-all;
}
.trackbackcontent td{}
/*留言列*/
.comment{
	width:100%;
    font-size: 12px;
	color: #ffffff;
	height:24px;
	margin-top:20px;
	padding-top:5px;
	padding-bottom:5px;
	background:#3F414A; /*color 2*/
	word-break:break-all;
}
/*留言名稱*/
span.commenttitle{
	padding:6px 0px 2px 20px;
    background:url(../../../../../../../../s.blog.xuite.net/_image/skin/list/bulletMessageList.gif) no-repeat;
    width:auto;
}

/*留言按鈕*/
span.commentbutton{
	float:right;
}
/*留言作者列*/
.author{
	width:100%;
}
/*留言作者名稱*/
span.authorname{
}
/*留言日期*/
span.commentdate{
	float:right;
	text-align:right;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
	color: #000000;
}
/*留言內容*/
.commenttext{
    word-wrap: break-word;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	line-height:18px;
}
/*留言編輯按鈕*/
.commentedit{
    width:100%;
	border-bottom:1px dotted #cccccc;
}
/*留言者信箱*/
span.email{}

/*瀏覽方式切換*/
.ArticleShowMode { display:none;}
/*列表模式 */
.singleArticle{
	border-bottom: 1px dotted;
}
.singleArticle ul{
    padding-left:20px;
}
.singleArticle li{ 
    list-style-position:inherit;
    line-height:200%;
}

/*繼續閱讀*/
.fullpost{ display:none;}

/******************************************/
/*左欄class*/
/*關於我
.avatar{}*/
/* 2009/09 新 關於我 區塊 */
#avatarContent {width:99%;text-align:center;display:block;word-break:break-all ;}
#avatarAddMe {width:96px;height:2em;margin:0 auto;}
#avatarAddMe img {float:left;}
#personalLink {height:6em;width:94px;padding:0px; margin:10px auto;display:block;}
#personalLink li {list-style-type:none;float:left;height:1.7em;margin:0 4px 0 0;padding:2px 0 0 16px;width:auto;display:block;}
#personalLink li img {margin:1px 2px 0px 0px;vertical-align:top;}
li.pblog{background:url(../../../../../../../../img.xuite.net/portal/common/icons/blog.html) no-repeat center left;}
li.pphoto{background:url(../../../../../../../../img.xuite.net/portal/common/icons/photo.html) no-repeat center left;}
li.pvlog{background:url(../../../../../../../../img.xuite.net/portal/common/icons/vlog.html) no-repeat center left;}
li.pboard{background:url(../../../../../../../../img.xuite.net/portal/common/icons/gbook.html) no-repeat center left;}
li.pfriend{background:url(../../../../../../../../img.xuite.net/portal/common/icons/friend.html) no-repeat center left;}
li.plink{background:url(../../../../../../../../img.xuite.net/portal/common/icons/card.html) no-repeat center left;}
/*照片*/
.avatarPhoto{
	text-align:center;
}
/*帳號*/
.avatarID{
	display:none;
}
/*我的描述*/
.avatarDesciption{
	color:#7f7f7f;
	word-wrap:break-all;
	overflow:hidden;
	width: 170px;
}
/*關於我按鈕*/
.avatarbutton{
	
}


/*文章分類*/
.categoryTitle{
}
.categorySide li{
	 
}

.categorySide{
}

/*日曆*/
.calendarTitle{
}
.calendarSide li{
	 
}
.calendarSide{
	text-align:center;
}
/*日曆table*/
.calMonth{
	width:92%;
}
/*日曆首列*/
.calMonthNav{
}
/*日曆上個月*/
.calMonthBackward{
}
/*日曆目前顯示年月*/
.calMonthCurrent{
    font-size: 12px;
	font-weight: bold;
	color: #000000;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}
/*日曆下個月*/
.calMonthForward{
    color: #FF0000;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
}
/*日曆星期列*/
.calMonthHeader{
}
/*日曆日欄*/
.calMonthDay{
    font-size: 10px;
	color: #999999;
	text-align:center;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}
/*日曆今日日期*/
.calMonthToday{
    font-size: 11px;
    text-align:center;
}
/*日曆假日日期*/
.calholiday{
	font-size: 11px;
	color: #FF3300;
	text-align:center;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}
.calendarbutton{
	text-align:right;
}
/* 日曆狀態 */
.cal_calendar {font-size:5pt;font-family:verdana;padding:0px;margin:0px;border:none; border-collapse:collapse;}
.cal_header {font-weight:bold;}
.cal_day {width:2ex;text-align:center;padding:0px;margin:0px;border:none; border-collapse:collapse;cursor:hand;}
.cal_disabled {color:#999999;width:2ex;padding:0px;margin:0px;border:none; border-collapse:collapse;}
.cal_common {color:black;width:3ex;padding:0px;margin:0px;border:none; border-collapse:collapse;}
.cal_holiday {color:red;width:3ex;padding:0px;margin:0px;border:none; border-collapse:collapse;}
.cal_event {color:#E3DCC1;/*color 4*/
width:3ex;padding:0px;margin:0px;border:none; border-collapse:collapse;cursor:pointer;cursor:hand;}
/*搜尋文章*/
.searchTitle{
}
.searchSide{
	text-align:center;
}
.searchbutton{
	text-align:center;
	padding:2px;
}


/*我的哈拉室*/
.chatTitle{
}
.chatSide{
}
/*已建立的日誌*/
.bloglistTitle{
}
.bloglistSide li{
	 
}

.bloglistSide{
}
/*訂閱電子報*/
.epaperTitle{
}
.epaperSide{
	text-align:center;
}
.epaperbutton{
	text-align:center;
	padding:2px;
}

/*自由欄位*/
.customTitle{
}
.customSide{
}
/*日誌使用資源*/
.resourceTitle{
}
.resourceSide{
	text-align:center;
}
/*留言塗鴉版*/
.paintTitle{
}
.paintSide{
	text-align:center;
}

/******************************************/
/*右欄class*/
/*背景音樂*/
.musicTitle{
}
.musicSide{
}
.musicbutton{
	text-align:left;
	padding:2px;
}


/*最新文章*/
.articleTitle{
}
.articleSide li{
	 
}
.articleSide{
}
/*最新留言*/
.messageTitle{
}

.messageSide{

}

.date {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
	color: #808496; /*color 3*/
}
/*參觀人次統計*/
.countTitle{
}
.countSide{
}
/*我的訂閱*/
.rssrollTitle{
}
.rssrollSide li{
	 
}
.rssrollSide{
}
.backbtn li{
	list-style-image:url(../../../../../../../../s.blog.xuite.net/_image/blog038.gif);
  }
.backbtn{
	text-align:right;
}

.morebtn{
    background:url(../../../../../../../../s.blog.xuite.net/_image/blog037.gif) no-repeat;
    width:auto;
    padding-left:20px;
    float:right;
}
/*日誌評價*/
.rankTitle{
}
.rankSide{
}
/*已建立的相簿*/
.albumTitle{
}
.albumSide{
}
/*最愛連結*/
.linkTitle{
}
.linkSide li{
	 
}
.linkSide{
}


/*個人項目---- 2006-5-11 Modify*/
.personallink{
	display: block;
	width:170px;
	margin:0px 0px 0px 0px;
}

/*關於我*/
.plink ul{
	list-style-type:none;
	margin:0px;
	padding:0px 2px 0px 20px;
	word-wrap: break-word; 
	display: block; 
	float:left; 
}
.plink li{ 
	padding:0px;
	margin:0px 0px 0px 0px;
	 
}
.plink{
	padding:0px;
	width: 90px;
}

/*我的相簿*/
.pphoto ul{
	list-style-type:none;
	margin:0px;
	padding:0px 2px 0px 20px;
	word-wrap: break-word; 
	display: block; 
	float:left; 
}
.pphoto li{ 
	padding:0px;
	margin:0px 0px 0px 0px;
	 
	}
.pphoto{
	padding:0px;
	width: 90px;
}
/*我的影音*/
.pvlog ul{
	list-style-type:none;
	margin:0px;
	padding:0px 2px 0px 20px;
	word-wrap: break-word; 
	display: block; 
	float:left; 
}
.pvlog li{ 
	padding:0px;
	margin:0px 0px 0px 0px;
	 
}
.pvlog{
	padding:0px;
	width: 90px;
}
/*加入好友*/
.pfriend ul{
	list-style-type:none;
	margin:0px;
	padding:0px 2px 0px 20px;
	word-wrap: break-word; 
	display: block; 
	float:left; 
}
.pfriend li{ 
	padding:0px;
	margin:0px 0px 0px 0px;
	 
}
.pfriend{
	padding:0px;
	width:90px;
}

/*我的留言板*/
.pboard ul{
	list-style-type:none;
	margin:0px;
	padding:0px 2px 0px 20px;
	word-wrap: break-word; 
	display: block; 
	float:left; 
}
.pboard li{ 
	padding:0px;
	margin:0px 0px 0px 0px;
	 
}

.pboard{
	padding:0px;
	width: 90px;
}

/*文章分類---- 2006-5-12 Modify*/
.pTitle{
}	


/*欄位名稱---- 2006-5-12 Modify
.personaltitle{
}*/
	

/*下方換頁-----2007-04-02*/
.page {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 12px;
	color: #808496; /*color 3*/
	line-height: 24px;
	vertical-align:middle;
}
.page a:link, .page a:visited, .page a:active {
	font-size: 12px;
	line-height: 24px;
	text-decoration: none;
}
.page a:hover {
	font-size: 12px;
	color: #7f7e52;
	line-height: 24px;
	text-decoration: underline;
}

/*留言回覆邊框*/
.reply_info{
	width: 90%;
	border:1px dotted #c0c7e2;/*color 1*/
	padding: 1.2em 1.2em;
	margin: 1.2em;
}

/*我的好友&我的好友樹*/
#xuiteFriendsSide{
	color:#3F414A;/*color 2*/
}
#xuiteFriendsSide a{color:#808496;}/*color 3*/
.friendTitle{
}
.LoveFriendSide{
	text-align: center;
}
.LoveFriendSide select{
	color: #666666;
	font-size: 11px;
}

/*最愛日誌*/
.LoveBlogTitle{
}
.LoveBlogSide{
	text-align:center;
}
.LoveBlogSide select{
	color: #666666;
	font-size: 11px;
}
/*好文轉寄*/
span.mail{
}

/*我的發燒文*/
.hotArticleTitle {
}

/*我的親友團*/
.myChannelTitle {
}

.gText{color: #838383;}
.rank{color: #838383; float:left;}
/*好友動態*/
.friend-active-text{
	margin: -7px 0 1px 55px;
}
/*日誌背景音樂*/
.BackgroundMusicTitle{
}

/*我的留言板*/
.gbookTitle{
}

/*誰拜訪過我*/
#visitorTitle{
}

/* 2009/08 相關文章 */
.articleExt {
	clear:both;
	padding-top:10px;
	border-top:1px solid #ccc;
}
/* 2009/09 推推 bookmark 區塊 */
.bookmark{
	float:right;
}
/*隨機推薦文章*/
.ArticleRandomSide{
}
/*相關文章*/
#ArticleRelateSide{
}
/*服務切換tab*/
#service-list{
	position: absolute;
	width: 80px;
	left:1063px;
	top: 130px;
	z-index:5;
}
#service-list .service-item{
	margin:0px 0px 0px 0px;
	display:block;
	float:left;
	list-style-type:none;
	padding:0px;
	color:#960;
	cursor:pointer;
	background:none;
}

#service-list .service-link{ 
	display:inline-block;
}

#service-blog .service-link { 
	display:inline-block;
	width:57px;
	height:30px;
	text-indent: -5000px;
	overflow:hidden;
	float:left;
	background:url(../../../../../../../../s.blog.xuite.net/_image/skin/background/1746/blog_link.png);
}
#service-blog .service-link:hover {
	background:url(../../../../../../../../s.blog.xuite.net/_image/skin/background/1746/blog_hover.png);
}
#service-photo .service-link { 
	display:inline-block;
	width:73px;
	height:26px;
	text-indent: -5000px;
	overflow:hidden;
	float:left;
	background:url(../../../../../../../../s.blog.xuite.net/_image/skin/background/1746/photo_link.png);
}
#service-photo .service-link:hover {
	background:url(../../../../../../../../s.blog.xuite.net/_image/skin/background/1746/photo_hover.png);
}
#service-vlog .service-link { 
	display:inline-block;
	width:56px;
	height:27px;
	text-indent: -5000px;
	float:left;
	overflow:hidden;
	background:url(../../../../../../../../s.blog.xuite.net/_image/skin/background/1746/vlog_link.png);
}
#service-vlog .service-link:hover {
	background:url(../../../../../../../../s.blog.xuite.net/_image/skin/background/1746/vlog_hover.png);
}
#service-gbook .service-link { 
	display:inline-block;
	width:80px;
	height:29px;
	text-indent: -5000px;
	float:left;
	overflow:hidden;
	background:url(../../../../../../../../s.blog.xuite.net/_image/skin/background/1746/gbook_link.png);
}
#service-gbook .service-link:hover {
	background:url(../../../../../../../../s.blog.xuite.net/_image/skin/background/1746/gbook_hover.png);
}
#service-friend .service-link { 
	display:inline-block;
	width:76px;
	height:26px;
	text-indent: -5000px;
	float:left;
	overflow:hidden;
	background:url(../../../../../../../../s.blog.xuite.net/_image/skin/background/1746/friend_link.png);
}
#service-friend .service-link:hover {
	background:url(../../../../../../../../s.blog.xuite.net/_image/skin/background/1746/friend_hover.png);
}
#service-card .service-link { 
	display:inline-block;
	width:65px;
	height:30px;
	text-indent: -5000px;
	float:left;
	overflow:hidden;
	background:url(../../../../../../../../s.blog.xuite.net/_image/skin/background/1746/card_link.png);
}
#service-card .service-link:hover {
	background:url(../../../../../../../../s.blog.xuite.net/_image/skin/background/1746/card_hover.png);
}
#service-list a{background:none;}

#service-list .service-link{
	background-repeat:no-repeat;
}
#service-list .service-link:hover{
	background-repeat:no-repeat;
}

/* 2009/09 新 回應 區塊 */
#commentSide{margin:4px 0px 4px 8px;padding:0px;}
li.commentBox {list-style-type:none;margin-left: 0px !important;margin-bottom: 5px;height:36px;text-indent:0 !important;}
li.commentBox img{width:32px;height:32px;border-style:solid;border-color:gray;border-width:1px;float:left;}
li.commentBox .content {margin-left: 36px;}
div.commentBody{font-size:1.2em;width:140px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;}
div.commentAuthor{font-size:0.8em;width:140px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;}

/*留言板*/
.gbookSide{color:#6E6E6E;}/*color 5*/
.gbookSide .odd {background:#c0c7e2;}/*color 1*/

.blog-facebook-like{display:inline-block;width:180px; margin:5px; line-height:200%;}

/*上方工具列*/
.top-toolbar{position:fixed; top:0;}

/*blogbody內細部設定*/
.blogbody h1,.blogbody h2,.blogbody h3, .blogbody h4, .blogbody h5, .blogbody h6 {
  font-weight: bold;
  padding: 5px 0px;
  margin:0px;
}
.blogbody h1 {
  font-size: 24px;
}
.blogbody h2 {
  font-size: 21px;
}
.blogbody h3 {
  font-size: 18px;
}
.blogbody h4, .blogbody h5, .blogbody h6 {
  font-size: 16px;
  padding: 3px 0px;
}
.blogbody hr {
  border-top: 1px solid #333;
  border-bottom: none;
}
.blogbody p {
  padding: 6px 0px;
}
.blogbody ol, .blogbody ul, .blogbody li{
	margin:0px;
}
.blogbody ol, .blogbody ul{
	padding:0px 0px 0px 20px;
}
.blogbody img {
  max-width: 740px;
}
.blogbody table {
  border: 3px solid #333;
}
 .blogbody table td {
  border: 1px solid #333;
  padding: 4px 7px;
}
.blogbody fieldset {
  border: 1px solid #333;
  padding: 9px;
}
.blogbody input[type="text"] {
  padding: 4px 3px 2px 6px;
  font-size: 12px;
  color: #555;
  width: 80px;
  border: none;
  background: #e1e1e1;
  box-shadow: 1px 1px 3px #777 inset;
  border-radius: 4px;
}
.blogbody input[type="text"]:focus {
  background: #ffffff;
  color: #333;
}