/* 此Layout需搭配color.css互相作用 */






/* ----------【滑鼠游標】-------------- */


body{cursor:url("http://visionrabbitq.googlepages.com/cur3.ani")} 
a:hover {cursor:url("http://visionrabbitq.googlepages.com/cur0.ani")}
a:active {cursor:url("http://visionrabbitq.googlepages.com/cur6.ani")}
a:visited {cursor:url("http://visionrabbitq.googlepages.com/cur2.ani")}
a:link {cursor:url("http://visionrabbitq.googlepages.com/cur1.ani")}







/* ----------【視窗捲條】-------------- */


body{scrollbar-base-color:black; SCROLLBAR-FACE-COLOR:  #613408 ;SCROLLBAR-3DLIGHT-COLOR:  #753053 ;SCROLLBAR-DARKSHADOW-COLOR:   #13049 ;SCROLLBAR-HIGHLIGHT-COLOR: #13049 ;SCROLLBAR-SHADOW-COLOR: #753053 ;SCROLLBAR-ARROW-COLOR:  #613408 ;SCROLLBAR-TRACK-COLOR:   #4d082a  color:blue;border:       7           groove           #ffb8c9      ; }



 }
   










/* ----------【背景大底圖】-------------- */
body {
          TEXT-ALIGN: center !important;/* 居中 */
       

}
#container {
	MARGIN: auto !important;
	background-repeat: repeat-;
	background-color:    ;/* 背景色 */
           
}


/* ----------【標準文字樣式】-------------- */
div, table {
	COLOR:             #ffa3b4            ; /* 文字顏色 */
	font-size: 12px; /* 文字大小 */
}







/* ----------【山頭區塊】-------------- */



#header {

	height: 81px; /* 高度 */
          width: 10px ;/* 寬度 */
           margin-bottom: 150px; /* 山頭的邊界 */
	position: relative;/* 絕對定位(以"山頭區塊"左上角為基準點) */

	visibility: visible !important;/* 是否顯示 */
	background: url() repeat-x;/* 背景圖 */
	background-color: # !important;

BACKGROUND: url(    ) no-repeat left top;  left: 0px; width: 10px ;/* 寬度 */
	

}






/* ----------【山頭】頂線-------------- */
#header_top {
	position: absolute;   /* 絕對定位(以"山頭區塊"左上角為基準點) */
position:  !important;/* 居中 */
left: 7px; /* x座標 */
	top: -30px; /* y座標 */

	height: 1px; /* 線條高度 */
width: 100%; /* 寬度 */
	background: # ; /* 線條背景顏色 */
BORDER-RIGHT:   black    5px     double   ;
	BORDER-TOP: #ffffff    3px  groove   ;
	BORDER-LEFT: #ffffff    3px   groove    ;
	BORDER-BOTTOM:   black     5px   double   ;


	BORDER-RIGHT:     #ffb8c9     5px    dotted  ;
	BORDER-TOP:        #ffb8c9     11px      double      ;
	BORDER-LEFT:      #ffb8c9   5px      dotted   ;
	BORDER-BOTTOM:     #ffb8c9     3px    dotted  ;


           cellspacing: 7  ; cellpadding: 3 
      }








/* ----------【城邦共用導覽列】-------------- */
#header_top, #header_common_left, #header_common_main, #header_common_main_bg, #header_common_line, #header_common_right{
	visibility: visible ; /* 顯示與否設定 */
FILTER:Alpha(opacity=70 Style=3  FinishOpacity=50)black() wave(Add=0, Phase=0, Freq=0, LightStrength=0, Strength=0 )  startColorstr="black" endcolorstr='#' gradientType='1' ;
}

/* ----------【城邦共用導覽列】連結-------------- */
#header_common a {
	color:     #ffb8c9    ; /* 連結文字的顏色  */
	text-decoration: none; /* 滑鼠移到連結上時，不要底線 */
FILTER:Alpha(opacity=70 Style=3  FinishOpacity=30)black() wave(Add=, Phase=0, Freq=0, LightStrength=0, Strength=0 )  startColorstr="black" endcolorstr='#' gradientType='1' ;
}

/* ----------【城邦共用導覽列】下拉選單-------------- */
.chapter {
	width: 30%; /* 寬度 */
	border: 17px solid   #ffadc0  ; /* 線框 */
	background-color: snow ; /* 背景色 */
FILTER:Alpha(opacity=70 Style=3  FinishOpacity=50)black() wave(Add=, Phase=0, Freq=0, LightStrength=0, Strength=0 )  startColorstr="black" endcolorstr='#' gradientType='1' ;
}
.chapter-point {
	color:      #ffb8c9     ; /* 文字顏色 */
           color:   SNOW  ; /* 滑鼠移到上面時的連結文字顏色 */

}
.chapter-line {
	background-color:    #ffffd9     ; /* 分隔線顏色 */
}

/* ----------【城邦共用導覽列】下拉選單連結-------------- */
.chapter-text, a.chapter-text:link, a.chapter-text:hover, a.chapter-text:visited {
	color:     #ffadc0    ; /* 連結文字的顏色 */
           color:     #ffffd9    ; /* 滑鼠移到上面時的連結文字顏色 */
FILTER:Alpha(opacity=70 Style=2  FinishOpacity=50)black() wave(Add=, Phase=0, Freq=0, LightStrength=0, Strength=0 )  startColorstr="black" endcolorstr='#' gradientType='1' ;
}











/* ----------【山頭】連結-------------- */
#header a:link, #header a:visited  {
	text-decoration: none;  /* 連結文字的樣式 */
}
#header a:hover {
	text-decoration: underline;  /* 滑鼠移到上面時的連結文字樣式 */
}






/* ----------【山頭】網誌logo定位-------------- */
#header_logo {
	position: absolute; /* 絕對定位(以"山頭區塊"左上角為基準點) */
	left: -330px; /* x座標 */
	top: 30px; /* y座標 */
	visibility: hidden; /* 顯示與否設定 */
}









/* ----------【山頭】網誌名稱-------------- */
#header_name {
FILTER:Alpha(opacity=90 Style=3  FinishOpacity=90)black() wave(Add=, Phase=0, Freq=0, LightStrength=10, Strength=0 )  startColorstr="black" endcolorstr='#' gradientType='1' ;

/*【山頭】網誌名稱 的頂線 */
	position: absolute; /* 絕對定位(以"山頭區塊"左上角為基準點) */
	border-top: 11px     outset   #a6b9cc   ; /* 線的高度與顏色樣式 */

FILTER:Alpha(opacity=70 Style=3  FinishOpacity=50)black() wave(Add=0, Phase=0, Freq=0, LightStrength=0, Strength=0 )  startColorstr="black" endcolorstr='#' gradientType='1' ;


	left:   0px; /* x座標 */
	top: 50px; /* y座標 */
	width: 43%; /* 寬度 */
height: 67px; /* 線條高度 */
	background: #  ; /* 線條背景顏色 */

BORDER-RIGHT:   black    5px     double   ;
	BORDER-TOP: #ffffff    3px  groove   ;
	BORDER-LEFT: #ffffff    3px   groove    ;
	BORDER-BOTTOM:   black     5px   double   ;

		BORDER-RIGHT:    #ffb8c9   3px      dotted    ;
	BORDER-TOP:     #ffb8c9    9px       outset     ;
	BORDER-LEFT:     #ffb8c9       3px      dotted      ;
	BORDER-BOTTOM:     #ffb8c9     5px     dotted       ;
 


}









/* ----------【山頭】網誌名稱連結-------------- */
#header_name a {
	color:     #e0477a     ;  /* 連結文字的顏色 */
           font-size: 16px; /* 文字大小 */
FONT-FAMILY: 粗體 /* 文字字體 */
}









/* ----------【山頭】網誌簡短網址與作家-------------- */
#header_url {
FILTER:Alpha(opacity=90 Style=3  FinishOpacity=80)black() wave(Add=, Phase=0, Freq=0, LightStrength=0, Strength=0 )  startColorstr="black" endcolorstr='#' gradientType='1' ;



/* 【山頭】網誌簡短網址與作家的頂線 */



	position: absolute; /* 絕對定位(以"山頭區塊"左上角為基準點) */


	border-top: 5px     outset   #ffffff   ; /* 線的高度與顏色樣式 */

FILTER:Alpha(opacity=70 Style=3  FinishOpacity=50)black() wave(Add=0, Phase=0, Freq=0, LightStrength=0, Strength=0 )  startColorstr="black" endcolorstr='#' gradientType='1' ;



	left: 562px; /* x座標 */
	top: 49px; /* y座標 */
	width: 27%; /* 寬度 */
height: 67px; /* 線條高度 */
	background: # ; /* 線條背景顏色 */

BORDER-RIGHT:   black    5px     double   ;
	BORDER-TOP: #ffffff    3px  groove   ;
	BORDER-LEFT: #ffffff    3px   groove    ;
	BORDER-BOTTOM:   black     5px   double   ;

		BORDER-RIGHT:       #ffb8c9            3px     dotted     ;
	BORDER-TOP:       #ffb8c9        9px      outset     ;
	BORDER-LEFT:       #ffb8c9     3px        dotted     ;
	BORDER-BOTTOM:         #ffb8c9       5px       dotted     ;






}











/* ----------【山頭】網誌簡短網址與作家連結-------------- */
#header_url a:link, a:visited {
	color:      #e0477a    ; /* 連結文字的顏色 */
}
#header_url a:hover { 
	color:      black     ; /* 滑鼠移到上面時的連結文字顏色 */
	text-decoration: underline;/* 滑鼠移到上面時的出現底線 */
}











/* ----------【山頭】加入好友、推薦本網誌等...功能列-------------- */
#header_items {
FILTER:Alpha(opacity=90 Style=3  FinishOpacity=90)black() wave(Add=, Phase=0, Freq=0, LightStrength=0, Strength=0 )  startColorstr="black" endcolorstr='#' gradientType='1' ;
/* 加入好友、推薦本網誌等...功能列的頂線 */

	position: absolute; /* 絕對定位(以"山頭區塊"左上角為基準點) */
	border-top: 5px     outset   #ffffff   ; /* 線的高度與顏色樣式 */
	left: 0px; /* x座標 */
	top: 77px; /* y座標 */
	width: 43%; /* 寬度 */
height: 21px; /* 線條高度 */
	background: # ; /* 線條背景顏色 */

BORDER-RIGHT:   black    5px     double   ;
	BORDER-TOP: #ffffff    3px  groove   ;
	BORDER-LEFT: #ffffff    3px   groove    ;
	BORDER-BOTTOM:   black     5px   double   ;
 
BORDER-RIGHT:           #ffb8c9        3px       dotted       ;
	BORDER-TOP:        #ffb8c9        9px    double    ;
	BORDER-LEFT:       #ffb8c9        3px         dotted      ;
	BORDER-BOTTOM:         #ffb8c9        5px    dotted    ;





}








/* ----------【山頭】加入好友、推薦本網誌等...功能列連結-------------- */
#header_items a {
	color:     #ff70a3    ; /* 連結文字的顏色 */
}
#header_items a:hover {
	color:      black     ; /* 滑鼠移到上面時的連結文字顏色 */
	text-decoration: underline;/* 滑鼠移到上面時的出現底線 */
}









/* ----------【山頭】搜尋區塊-------------- */
#header_search {

	position: absolute; /* 絕對定位(以"山頭區塊"左上角為基準點) */

FILTER:Alpha(opacity=70 Style=3  FinishOpacity=50)black() wave(Add=0, Phase=0, Freq=0, LightStrength=0, Strength=0 )  startColorstr="black" endcolorstr='#' gradientType='1' ;

	left: 393px; /* x座標 */
	top: 45px; /* y座標 */
}
.inputbox { /* 文字輸入框 */
           height: 27px; /* 線條高度 */
           width: 130px;  /* 線條寬度 */

	BORDER-RIGHT:     black    3px     double    ;
	BORDER-TOP:     snow  3px   double   ;
	BORDER-LEFT:    snow  3px   double   ;
	BORDER-BOTTOM:     black    3px   double    ;

BORDER-RIGHT:        #ffb8c9      3px    dotted  ;
	BORDER-TOP:          #ffb8c9       9px    outset   ;
	BORDER-LEFT:         #ffb8c9       3px      dotted   ;
	BORDER-BOTTOM:       #ffb8c9        5px    dotted  ;

}










/* ----------【網誌橫式主選單】-------------- */
/* 網誌橫式主選單的頂線 */
#header_menus_line {

	position: absolute; /* 絕對定位(以"山頭區塊"左上角為基準點) */
	border-top: 5px     outset   #ffffff   ; /* 線的高度與顏色樣式 */
	left: 393px; /* x座標 */
	top: 77px; /* y座標 */
	width: 49%; /* 寬度 */
height: 13px; /* 線條高度 */
	background: # ; /* 線條背景顏色 */

BORDER-RIGHT:   black    5px     double   ;
	BORDER-TOP: #ffffff    3px  groove   ;
	BORDER-LEFT: #ffffff    3px   groove    ;
	BORDER-BOTTOM:   black     5px   double   ;

BORDER-RIGHT:         #ffb8c9        3px        dotted     ;
	BORDER-TOP:        #ffb8c9       9px     double      ;
	BORDER-LEFT:        #ffb8c9      3px      dotted       ;
	BORDER-BOTTOM:       #ffb8c9        5px    dotted     ;

}











/* 網誌橫式主選單的定位 */
#header_menus {
	position: absolute; /* 絕對定位(以"山頭區塊"左上角為基準點) */
	left: 30px; /* x座標 */
	top: 85px; /* y座標 */
	margin-top: 0px; /* 與頂線的邊界間距 */
}












/* 網誌橫式主選單的區塊設定 */
#header_menus ul {
	list-style: none; /* 條列式樣式 */
	margin: 0px; /* 邊界的間距 */
	padding-left: 0px; /* 左側的內距 */
}











/* 網誌橫式主選單的項目設定 */
#header_menus li {
	display: inline; /* 橫式 */
	height: 67px; /* 高度 */

	padding-top: 0px; /* 上側的內距 */
	padding-right: 20px; /* 右側的內距(小圖示與選項文字的間距調適) */
	text-indent: 0px;
	float: RIGHT;/* 靠右浮動定位 */
	position: relative;/* 絕對定位(以"山頭區塊"左上角為基準點) */
}









/* ----------【網誌橫式主選單】小圖示（欲更換小圖示，請修改url為圖檔所在地的絕對連結）-------------- */
/* 本網誌首頁 */
#home {
          BACKGROUND: url(      http://city.udn.com/community/img/city/8659/CITY_PHOTO/NORMAL/f_206462_1.gif    ) no-repeat    right   UNDER  ;
	left: 0px;
}
	c/* 文章創作 */
#article {
	BACKGROUND: url(     http://album.udn.com/community/img/PSN_PHOTO/visionrabbit/f_385904_1.jpg      ) no-repeat    left   top   ; 

}

/* 個人相簿 */
#photo { 
	BACKGROUND: url(     http://city.udn.com/community/img/city/8659/CITY_PHOTO/NORMAL/f_206464_1.gif     ) no-repeat  RIGHT   top 
}
/* 訪客簿 */
#gbook {
	BACKGROUND: url(     http://city.udn.com/community/img/city/3056/CITY_PHOTO/NORMAL/f_216013_1.jpg      ) no-repeat  RIGHT  top
}
/* 作家簡介 */
#profile {
	BACKGROUND: url(        http://city.udn.com/community/img/city/8659/CITY_PHOTO/NORMAL/f_206463_1.jpg        ) no-repeat   RIGHT     top
}
/* 管理中心 */
#manage {
	BACKGROUND: url() no-repeat left top
}

/* ----------【網誌橫式主選單】連結-------------- */
#header_menus li a {
	color:      #ff70a3        ; /* 連結文字的顏色 */
	font-size: 15px; /* 連結文字的大小 */
	padding-left: 0px; /* 左測的內距 */
}
#header_menus a:hover {
	color:         black       ; /* 滑鼠移到上面時的連結文字顏色 */ 
}

/* --------------【直式導覽列】（如需更改浮動定位應與內容區塊配合）------------- */
/* 直式導覽列區塊 */
#sidebar {


	float:    right    ; /* 靠右浮動定位 */
	
}




/* 直式導覽列大背景 */
.sidebar-bg {
		background-color:      ; /* 背景色 */
}
/* 直式導覽列區塊背景 */
.sidebar-panel-bg {
BACKGROUND: url(  http://city.udn.com/community/img/city/3056/CITY_PHOTO/NORMAL/f_92927_1.gif    )  -repeat left top;  left: 0px; background-attachment: fixed; background-position: 0% 0%; background-color: 
		background-color:    ; /* 背景色 */

	background: url(     )   no-repeat left top; /* 背景圖片 */
}


/* -----------------【內容區】（如需更改浮動定位應與直式導覽列區塊配合）--------------------- */
/* 內容區塊 */
#content {

	float:    left   ; /* 靠左浮動定位 */

}

/* 對比色大標題 */
#content .main-topic {
	color: #4a4a4a ; /* 文字顏色 */
	font-weight: bold; /* 文字粗體 */
          
}
#content a.main-topic:link {
	color:  #4a4a4a ; /* 連結文字的顏色 */
	text-decoration: none; /* 連結文字的樣式 */
	font-weight: bold; /* 連結文字粗體 */
}
#content a.main-topic:visited  {
	color:  #4a4a4a ; /* 連結文字的顏色 */
	text-decoration: none; /* 連結文字的樣式 */
	font-weight: bold; /* 連結文字粗體 */
}
/* 深色大標題 */
#content .main-title {
	color:         #ffa3b4        ; /* 文字顏色 */
           
}
#content a.main-title:link, #content a.main-title:visited {
	text-decoration: none; /* 連結文字的樣式 */
}
#content a.main-title:hover {
	color:   #737373     ;  /* 滑鼠移到上面時的連結文字顏色 */
}
/* 附標、內文 */
#content .main-text {
	color: #4a4a4a   ; /* 文字顏色 */
       
}
#content a.main-text:link, #content a.main-text:visited {
	color:  #4a4a4a  ; /* 連結文字的顏色 */
	text-decoration: none; /* 連結文字的樣式 */
}
#content a.main-text:hover {
	color:    #4a4a4a    ;  /* 滑鼠移到上面時的連結文字顏色 */
}


/* --------------【個人相簿】------------- */
 


/* 相簿樣式 */
.photo_album { 
 FILTER:Alpha(opacity=70 Style=3  FinishOpacity=50)black() wave(Add=, Phase=0, Freq=0, LightStrength=0, Strength=0 )  startColorstr="black" endcolorstr='#' gradientType='1' ;



 width: 165px; /* 寬度 */
 height: 165px; /* 高度 */
 text-align: center;  /* 相片水平居中 */
 vertical-align: middle;  /* 相片垂直居中 */
 background: url() no-repeat; /* 背景圖 */
BACKGROUND: url(    http://city.udn.com/community/img/city/3056/CITY_PHOTO/NORMAL/f_181299_1.jpg     )  -repeat left top;  left: 0px; background-attachment: fixed; background-position: 0% 0%; background-color:     #ffb8c9   
}
#photo_album_list {
 list-style: none; /* 條列式樣式：無 */
 margin: 0px; /* 邊界的間距 */
 padding: 0px; /* 內距 */
}
#photo_album_list li {
 margin: auto;
 padding: 5px 38px; /* 相框間距 */
 display: inline; /* 橫式排列 */
 float: left; /* 靠左浮動定位 */
 width: 165px; /* 給標題折行用，須與相簿框一樣寬 */
 height: 280px; /* 調適標題高度 */
 table-layout:fixed; /* 強制換行 */
 word-wrap:break-word; /* 強制換行 */
 word-break:keep-all; /* 強制換行 */
}
/* 相片樣式 */
.photo_picture { 
 FILTER:Alpha(opacity=70 Style=2  FinishOpacity=30)black() wave(Add=, Phase=0, Freq=0, LightStrength=0, Strength=0 )  startColorstr="black" endcolorstr='#' gradientType='1' ;
 width: 165px; /* 寬度 */
 height: 170px; /* 高度 */
 text-align: center; /* 相片水平居中 */
 vertical-align: middle; /* 相片垂直居中 */
 background: url(  ) no-repeat; /* 背景圖 */
BACKGROUND: url(  http://city.udn.com/community/img/city/8659/CITY_PHOTO/NORMAL/f_139359_1.gif   )  -repeat left top;  left: 0px; background-attachment: fixed; background-position: 0% 0%; background-color:  #f55c8f
}
#photo_picture_list {
 list-style: none; /* 條列式樣式：無 */
 margin: 0px; /* 邊界的間距 */
 padding: 0px; /* 內距 */
}
#photo_picture_list li {
 margin: auto; /* 邊界的間距 */
 padding: 5px 38px; /* 相框間距 */
 display: inline; /* 橫式排列 */
 float: left; /* 靠左浮動定位 */
 width: 165px; /* 給標題折行用，須與相片框一樣寬 */
 height: 280px; /* 調適標題高度 */
 table-layout:fixed; /* 強制換行 */
 word-wrap:break-word; /* 強制換行 */
 word-break:keep-all; /* 強制換行 */
} 



/* --------------【訪客簿】------------- */

 FILTER:Alpha(opacity=30 Style=2  FinishOpacity=30 startx=85, starty=0, finishx=85, finishy=30)black() wave(Add=0, Phase=0, Freq=30, LightStrength=0, Strength=0 )  

BACKGROUND: url(  http://city.udn.com/community/img/city/3056/CITY_PHOTO/NORMAL/f_92927_1.gif    )  -repeat left top;  left: 0px; background-attachment: fixed; background-position: 0% 0%; background-color:     #ffb8c9 

bgsound src: url(  mms://v1.im.tv/music/23/11/50/d54950a9e17a44afb70bbbe9fa2eebd7.wma  ) ; width: 0%; /* 寬度 */
height: 0px; /* 高度 */ ;  autostart=true loop=true  /* 背景音樂
 */
 
}



/* 訪客簿區塊居中 */


#sidebar table {
    position:relative !important;
    margin: auto !important;
}
/* 訪客簿大背景 */
.sidebar-bg {
	background-color:   #4a4a4a    transparent; /* 背景色 */
}
/* 訪客簿區塊背景 */
.sidebar-panel-bg {
	background-color:    #4a4a4a     transparent; /* 背景色 */
	background: url() no-repeat left top; /* 背景圖片 */
}
/* 訪客簿文字 */
.panel-topic 
{
	padding-left: 0px !important;/* 離左邊距離 */
	color:    #ff85b1    !important;/* 文字顏色 */
	vertical-align: middle ;/* 垂直對齊 */
}
.panel-text 
{ 
    color:            #737373           !important;/* 文字顏色 */
} 



/* 回覆表頭區 */
.gbook-title {
 FILTER:Alpha(opacity=30 Style=2  FinishOpacity=30 startx=0, starty=0, finishx=30, finishy=30)black() wave(Add=0, Phase=0, Freq=30, LightStrength=30, Strength=30 )  
	color:          #ff70a3     ; /* 文字顏色 */
	background-color:       #ffadc3       ; /* 背景顏色 */
	padding: 0.3px 0.3px  0.3px  ; /* 內距 */
}

/* 回覆內容區 */
.gbook-content {

 FILTER:Alpha(opacity=50 Style=3  FinishOpacity=70 startx=0, starty=0, finishx=0, finishy=0)black() wave(Add=0, Phase=0, Freq=0, LightStrength=0, Strength=0 )  

embed SRC: url( mms://v1.im.tv/music/23/11/50/d54950a9e17a44afb70bbbe9fa2eebd7.wma )  width="0" height="0" autostart="true" loop=true ; /* 背景音樂 */

	color:              #ff85b1               ; /* 文字顏色 */
	background-color:    black   ; /* 背景顏色 */
	padding: 3px 3px 3px; /* 內距 */
	margin: 7px; /* 間距 */

 BACKGROUND: url(  http://city.udn.com/community/img/city/3056/CITY_PHOTO/NORMAL/f_92927_1.gif    )  -repeat left top;  left: 0px; background-attachment: fixed; background-position: 0% 0%; background-color:  #ffb0b0


}
/* 回覆區塊背景 */
.gbook-bg {

	background-color:  black ; /* 背景顏色 */
}


float:    left     ; /* 靠左浮動定位 */
	left: 0px;
	position: relative;
	top: 0px;
}