/* CSS_Template.css*/
/* ---------- BODY ---------- */
* 
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

body,table,tr,td,th 
{  /*整頁內容*/
	color: #898989;
	font-size: 12px;
	/*line-height: 18px; */
	font-family:"Arial"
}

body 
{  
	text-align: center;
	background-color:#FFFDF7; 
}   

/*連結*/
A 
{
	color: #0071A5;
	text-decoration:none;
}

A:link , A:visited
{	
    color:#0071A5;
	text-decoration:none;
}

A:active , A:hover
{	
    color:#0071A5;
	text-decoration:none;
	border-bottom:1px dotted #aaaaaa;   /* solid(實心線)、(dotted 點)、dashed (短線)、double (雙實線)*/
	position:relative; top:1px; left:1px; /*連結跳動語法*/
}

/* ---------- container 定位框--------- */


div#container 
{ 
    /*定位框1：外框寬度限制*/
    /* position:absolute;  relative：相對定位，受表格影響；absolute：絕對定位，由瀏覽器左上角開始計算*/
	padding: 0px 0px 0px 0px;
	margin:0px auto;
	background-image:url(bg.gif);
	width: 900px;
	text-align: left;
}

div#container2 
{ /*定位框2*/

}

/* ---------- text & title--------- */
.text 
{   
    /*還沒用到的欄位，名字可以在改*/
	font-size: 14px;
	line-height: 18px; 
}

.text-2 
{ 
    /*文字設定：*/
	font-size: 11px;
	color: #8fbe07;
}


.form 
{
    /*所有的下拉選單&按鈕*/
	background-color:#EFF3F7; 
	border: 1 solid;
	border-color:#aaaaaa;
	line-height: 18px;
	color: #333333;
	font-family:"Arial"
}

.form-text 
{   
    /*所有的下拉選單&按鈕*/
	background-color:#EFF3F7; 
	border: 1 solid;
	border-color:#aaaaaa;
	line-height: 13px;
	color: #333333;
	font-size: 11px;
	font-family:"Arial"
}

/* ---------- header 上方橫幅 ---------- */
div#header
{
    /*整體中間欄*/
    
    width: 900px;
    height: 215px;
    background-image: url(header.jpg);
    background-repeat: no-repeat;
}


div#nav-top 
{
    /*上橫幅主要內容*/
	width: 820px;
	margin: 5px auto;/*上下距離*/
}


.nav-top2 
{ 
	float:left;
}

.login-bar 
{
    /*登出&登入*/
	float:right;
}

div#banner
{
    /*下橫幅主要內容*/
	text-transform: capitaliz; /* capitalize首字母大寫 , uppercase字母全大寫 , lowercase字母全小寫  */
	padding: 5px 0px 0px 0px;
	margin: 5px 40px;/*上下距離*/
}


div#header h1
{
	font-size: 20px;
	line-height:40px;
	color: #004A80;
}

div#header h2
{
	width: 450px;
	font-size: 12px;
	color:#004A80;
	font-weight:normal;  /*bold粗體字 , normal細體字*/
	text-indent:15; /*字一排的字會內縮*/
}


/* ---------- Content 中間欄 ---------- */
div#content
{
    
    /*整體中間欄*/
	float:right;
    position:relative; 
    right:70px;  /*relative：相對定位，受表格影響；absolute：絕對定位，由瀏覽器左上角開始計算*/
	width:550px;
	 
}
div#contentText
{
        /*整體中間欄*/
	float:right;
    position:relative; 
    right:70px;  /*relative：相對定位，受表格影響；absolute：絕對定位，由瀏覽器左上角開始計算*/
	width:550px;
}

div.article-area
{
    /*中間欄-內容*/
}

div.article
{
    /*中間欄-單篇文章*/
}


div.article-head
{
    /*文章標題+發表時間+分類*/
	height: 55;
}

div.article h3
{
    /*中間欄-單篇文章*/
	font-size: 18px;
	text-decoration:none; /*取消連結底線*/
	color:#9ec238;
	line-height:25px;
}

div.article-head a:active, div.article-head a:hover
{
    
    border-bottom: #aaaaaa 0px;
}

.publish
{
    /*發表時間*/
}

.year
{
    /*發表時間-年*/
}

.month
{
    /*發表時間-月*/
}

.dath
{
    /*發表時間-日*/
}

.time
{
    /*發表時間-時*/
}

.refer
{
    /*文章分類*/
}

.article-more
{
    /*繼續閱讀*/
	color:#6bb2de;
}


div.article-body
{
    /*文章內容區*/
}

div.article-author
{
    /*文章工具列*/
	line-height:38px;
	height:50px;
    
	background-repeat : no-repeat;/*背景不重複*/
	background-position: 0px 40px; /*調整背景位置 X軸 Y軸*/
	text-align:right;
}


div#page  
{
    /*分頁器*/
	background-color:#ededed;
	text-align:center; /*文字置中對齊*/
	padding-top:10px; padding-bottom:10px;  /*邊框留空白*/ 

}

div#article-photo  
{
    /*相簿欄位*/
	margin-top:10px; margin-bottom:10px;  /*邊界留空白*/
	padding-top:10px; padding-bottom:10px;  /*邊框留空白*/ 
	background-color:#fbf7c8;
	text-align:center;
	height:100px;
}

div#article-photo-more  
{
    /*更多相片*/
	text-align: right;
}


/* ---------- links 側欄 ---------- */

div#links
{
    /*整體左右欄*/
	float:left;
    position:relative; 
    left:60px;  /*relative：相對定位，受表格影響；absolute：絕對定位，由瀏覽器左上角開始計算*/
	width:180px;
	line-height:22px;
	list-style: none; /*取消li的點點*/
}


/* ---------- link-row-1 側欄 1 ---------- */
div#link-row-1
{
    /*側欄1*/
}


div#headshot-box
{
    /*側欄1-區塊:個人工具*/
}


div.box-title
{
    /*側欄標題(全部)*/
	margin:15px 0 0 0px;
	font-weight:bold;
	font-size:15px;
	color:#6EB3DD;
	/*text-indent:10; /*字一排的字會內縮*/
	/*background-image:url(box-title-img-2.gif);*/
	/*background-repeat : no-repeat;/*背景不重複*/
}


li.headshot-img
{
    /*側欄1-個人工具-個人頭像*/
	list-style: none; /*取消li的點點*/
	padding: 0px 0px 0px 40px;
}

li.headshot-f
{
    /*側欄1-個人工具-好友名單*/
	list-style: none; /*取消li的點點*/
	padding: 0px 0px 0px 40px;
}

li.headshot-link
{
    /*側欄1-個人工具-個人連結*/
	list-style: none; /*取消li的點點*/
	line-height:22px;
	padding: 0px 0px 0px 40px;
}


div#headshot-NameCard
{
    /*名片*/

}

div#headshot-blog
{
    /*賣網誌*/

}

div#headshot-album
{
    /*相簿*/

}


li.headshot
{
    /*側欄1-個人工具-工具列*/ 
	list-style: none; /*取消li的點點*/
	line-height:22px;
	padding: 0px 0px 0px 40px;
}

div#category-box
{
    /*側欄1-區塊:文章分類*/
    
}

.category-ul
{
    /* 側欄1-文章分類-主目錄選單*/
	/*background-image:url(plus.gif);*/
	background-position: 0px 5px; /*調整背景位置 X軸 Y軸*/
	background-repeat: no-repeat;/*背景不重複*/
	/*list-style: none; /*取消li的點點*/
	/*text-indent:30; /*字一排的字會內縮*/
	/*list-style: square outside url(plus.gif) /*點頭換成背景圖*/
}

li.category-li
{
    /* 側欄1-文章分類-次目錄選單*/
	list-style: none; /*取消li的點點*/
	text-indent:15; /*字一排的字會內縮*/
}

div#search-box
{
    /*側欄1-區塊:文章搜尋*/
}

div#recent-article-box
{
    /*側欄1-區塊:最新文章*/
}

.recent-article-li
{
    /* 側欄1-最新文章-列表*/
	background-image:url(box-title-img.gif);
	background-position: 0px -3px; /*調整背景位置 X軸 Y軸*/
	background-repeat: no-repeat;/*背景不重複*/
	/*list-style: none; /*取消li的點點*/
	padding-left:18px; /*左邊框留空白*/  
}


/* ---------- link-row-2 側欄 2 ---------- */
div#link-row-2
{
    /*側欄2*/
}


div#mylink-box
{
    /*側欄2-區塊:我的最愛*/
}

.mylink-li
{
    /* 側欄2-我的最愛-列表*/
	background-image:url(box-title-img.gif);
	background-position: 0px -3px; /*調整背景位置 X軸 Y軸*/
	background-repeat: no-repeat;/*背景不重複*/
	/*list-style: none; /*取消li的點點*/
	padding-left:18px; /*左邊框留空白*/  
}


div#calendar-box
{
    /*側欄2-區塊:月曆*/
}


div#latest-comment .box
{
    /*側欄2-區塊:留言*/
}

.latest-comment-li{  /* 側欄2-留言-列表*/

}


div#counter-box
{
    /*側欄2-區塊:參觀人氣*/
}

li.counter-li
{
    /* 側欄1-最新文章-列表*/
	background-repeat: no-repeat;/*背景不重複*/
}

/* ---------- link-row 其他側欄  ---------- */

div#link-row-3
{
    /*側欄3*/
}

div#link-row-4
{
    /*側欄4*/
}

div#link-row-5
{
    /*側欄5*/
}

div#link-row-6
{
    /*側欄6*/
}

div#link-row-7
{
    /*側欄7*/
}

div#divArea
{
    width:200px;    
}


/* ---------- footer 尾欄 ---------- */

div#footer
{
    /* hr */ 
	background-image:url(bg2.gif);
	width: 900px;
	padding-top:20px; padding-bottom:20px;  /*邊框留空白*/ 
	color: #004A80;
}

/* ---------- 其他 ---------- */

hr.headshot-hr
{
    /* hr */ 
	border-top: 1px dotted #90C6E2;    /*solid(實心線)、(dotted 點)、dashed (短線)、double (雙實線)*/
	height: 1px;
	overflow: hidden;   
}