﻿@charset utf-8;

/* --------------------------------------
  * For All
  * --------------------------------------
*/
 
/*拉霸設定 HTML{
  SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #789ABB; SCROLLBAR-SHADOW-COLOR: #789ABB; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #789ABB; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
}*/

A:link
{
  COLOR: #a9a9a9; TEXT-DECORATION: none;
}

A:visited
{
  COLOR: #a9a9a9; TEXT-DECORATION: none;
}
A:hover
{
  COLOR: #a9a9a9; TEXT-DECORATION: none;
}

A:active
{
  COLOR: #a9a9a9; TEXT-DECORATION: none;
}
hr
{
  COLOR: #FFFFFF; HEIGHT: 1px;
}
BODY
{
	MARGIN: 0px;
	COLOR: #a5a5a5;
	FONT-FAMILY: Verdana, Arial, Georgia, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	letter-spacing:0.05em;
	background:#f5f5f5 url(http://pics.yamedia.tw/themes/blog456/images/topbar.gif) repeat-x;
	
}

A IMG
{
  color:#CCCCCC;
  BORDER-TOP-WIDTH: 0px ; 
  BORDER-LEFT-WIDTH: 0px ; 
  BORDER-BOTTOM-WIDTH: 0px ; 
  BORDER-RIGHT-WIDTH: 0px ;
  BACKGROUND: #; 
  PADDING-RIGHT: 3px; 
  PADDING-LEFT: 3px; 
  PADDING-BOTTOM: 3px;
  PADDING-TOP: 3px;

}

IMG.profile
{
  BORDER-TOP-WIDTH: 0px; 
  BORDER-LEFT-WIDTH: 0px; 
  BORDER-BOTTOM-WIDTH: 0px; 
  MARGIN-BOTTOM: 5px; 
  BORDER-RIGHT-WIDTH: 0px;
}




/*#mainFrame｜部落格整體框架設定*/ 
#mainFrame {
	MARGIN: 0px auto;
	WIDTH: 960px;
	POSITION: relative;
	TEXT-ALIGN: left;
	background-image: url(http://pics.yamedia.tw/themes/blog789/images/bbb.gif);/*我是底圖*/
	
}

/* topbar */
#topbar{
	height:40px;
	padding: 5;
	width: 100%;
	font-size: 12px;
	background-color: #f5f5f5;
	background-image:url(http://pics.yamedia.tw/themes/blog789/images/topbar.gif);
}
#topbar a:link, a:visited, a:hover, a:active{ color: #b8b7b7; }

#companyBar {
  position: relative;
  top: 7px;
  z-index: 10;
  color: #afafaf;
  width: 150px;
  float: left;
  padding-left: 35px;
}
#companyBar SPAN.logo
{
  display:none; 
}

#companyBar A:link
{
  COLOR: #afafaf; 
  TEXT-DECORATION: none;
}

#companyBar A:hover
{
  COLOR: #2a2a2a; 
  TEXT-DECORATION: underline;
}

#adText
{
  position: absolute;
  top: 7px;
  left: 200px;
}

#adText a
{
  color: #b8b7b7;
}

#commend{
  width:200px;
  float: right;
  margin-right:10px;
  text-align: center;
  color: #2a2a2a;
}

#linkLogin {
  float:right;
  position: relative;
  top: 7px;
  display: block;
  font: #b8b7b7;
}
#linkLogin A:link
{
  COLOR: #afafaf; 
  TEXT-DECORATION: none;
}
#linkLogin A:hover
{
  COLOR: #2a2a2a; 
  TEXT-DECORATION: none;
}

/* topbar end */


/* banner｜上方banner設定*/ 
#banner {
	BORDER-LEFT: medium none;
	WIDTH: 960px;
	BORDER-BOTTOM: medium none;
	HEIGHT: 250px;
	background-color: #ffffff;
	background-image: url(http://pics.yamedia.tw/themes/blog789/images/banner.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#banner a:link{
  color: #d30f83;
  text-decoration: none;
}
#banner a:visited {
  color: #d30f83;
  text-decoration: none;
}
#banner a:hover{
  color: #d30f83;
  text-decoration: underline;
}
#banner a:active {
  color: #d30f83;
}
h1 {
	FONT-SIZE: 16px;
	text-align:left;
	left:433px;
	WIDTH: 501px;
	COLOR: #ed006a;
	FONT-FAMILY: Arial Black;
	POSITION: absolute;
	TOP: 78px;
	LETTER-SPACING:0.03em;
	LINE-HEIGHT: 120%;
	height: 25px;
}
h1 A
{
   COLOR: #ed006a; }
 
h2 {
	PADDING-LEFT: 0px;
	FONT-SIZE: 12px;
	WIDTH: 499px;
	BORDER-LEFT: #a3cbc5 0px solid;
	COLOR: #ffb9d8;
	LINE-HEIGHT: 18px;
	text-align:left;
	FONT-FAMILY: Georgia, Verdana,Helvetica,  Arial,sans-serif;
	POSITION: absolute;
	TOP: 102px;
	height: 57px;
	left: 435px;
}
/* banner end */ 

/* navBar｜選擇頻道 */ 

#navBar
{
	color:#9d9d9d;
	font-size:12px;
	#font-size:11px;
	_font-size:11px;
	/*padding-LEFT: 20px;*/
	WIDTH: 437px;
	LETTER-SPACING: 0.1em;
	POSITION: absolute;
	TOP: 188px;
	LINE-HEIGHT: 20px;
	left: 456px;
	height: 18px;
	align:left;
	text-align: right;
}
#navBar A:link
{ font-weight:bold;
  color:#404040; 
  MARGIN-RIGHT: 0px;  
  PADDING-LEFT:3px;
  PADDING-right:3px; 
  PADDING-top:3px; 
  PADDING-bottom:3px;  
  LETTER-SPACING: 3px;
    
}

#navBar A:visited
{ font-weight:bold;
  color:#d31083; 
  MARGIN-RIGHT: 0px;  
  PADDING-LEFT:3px;
  PADDING-right:3px; 
  PADDING-top:3px; 
  PADDING-bottom:3px;  
  LETTER-SPACING: 3px;
   
}

#navBar A:hover
{ font-weight:bold;
   color:#d31083; 
   font-weight:bold;
   MARGIN-RIGHT: 0px;  
   PADDING-LEFT:3px;
   PADDING-right:3px; 
   PADDING-top:3px; 
   PADDING-bottom:3px;  
   LETTER-SPACING: 3px;
}

#navBar A:active
{ font-weight:bold;
	color:#d31083;
	MARGIN-RIGHT: 0px;
	PADDING-LEFT:5px;
	PADDING-right:3px;
	PADDING-top:3px;
	PADDING-bottom:3px;
	LETTER-SPACING: 3px;
    
}


/* navBar end */ 

/* contentBlock｜中間大區塊設定 */
#contentBlock
{   background-image: url(http://pics.yamedia.tw/themes/blog789/images/bbb.gif);
	WIDTH: 960px;
	TEXT-ALIGN: left;
	padding-top:0px;
	height:100%;	
	}



/* MainSide ｜旁邊大區塊設定*/
#MainSide
{
	BORDER-RIGHT: medium none;
	PADDING-RIGHT: 0px;
	BORDER-TOP: medium none;
	margin-LEFT: 0px;
	FONT-SIZE: 12px;
	Z-INDEX: 2;
	BORDER-LEFT: medium none;
	/*background-color:#000;*/
	background-image: url(http://pics.yamedia.tw/themes/blog789/images/a-t6.gif);
	WIDTH: 230px;
	COLOR: #afafaf;
	LINE-HEIGHT: 1.4em;
	PADDING-top: 9px;
	PADDING-bottom: 10px;
	BORDER-BOTTOM: medium none;
	float: left; }
#MainSide A:link                     /*邊欄的連結是吃這支喔*/
{  COLOR: #eb7faf; TEXT-DECORATION: none;}

#MainSide A:visited
{  COLOR: #eb7faf; TEXT-DECORATION: none;}

#MainSide A:hover
{  COLOR: #ed006a; border-bottom-width: 1px;  border-bottom-style: dashed;  border-bottom-color: #ed006a;}

#MainSide A:active
{  COLOR: #eb7faf;}


.sideColumn /*旁邊小區塊*/
{
  BORDER-RIGHT: medium none; 
  BORDER-TOP: medium none; 
  MARGIN-BOTTOM: 2px; 
  BORDER-LEFT: medium none; 
  BORDER-BOTTOM: medium none; 
  LETTER-SPACING: 1px;
}
.sideTitle {
  PADDING-LEFT: 63px; 
  FONT-SIZE: 12px; 
  COLOR: #a1a1a1;  
  font-weight:bold;
  BACKGROUND: url(http://pics.yamedia.tw/themes/blog789/images/title.gif) no-repeat top left;
  LETTER-SPACING: 0px; 
  text-align:left;  
  padding-top:30px;
  height:30px;
  MARGIN-BOTTOM: 0px; 
  PADDING-bottom: 0px;
}
 

.sideContent    /*邊欄的連結是吃MainSide喔*/
{
	PADDING-RIGHT: 25px;
	PADDING-LEFT: 20px;
	PADDING-TOP: 5px;
	PADDING-bottom: 10px;
	COLOR: #757575;
	LINE-HEIGHT: 18px;
	FONT-FAMILY: verdana, "新細明體";
	background-image: url(http://pics.yamedia.tw/themes/blog789/images/a-t6.gif);
	/*background-repeat: no-repeat;*/
	background-position: top;
}
.sideContent a:link{color:#000;text-decoration:none;}
.sideContent a:visited{color:#000;text-decoration:none;}
.sideContent a:hover{color:#000;text-decoration:none;}
.sideContent a:active{color:#000;text-decoration:none;}

/*行事曆*/
span.calendar
{
  MARGIN-LEFT: 5px; 
  MARGIN-RIGHT: 5px; 
  TEXT-ALIGN: center;
}

span.calendar a
{
}
/*訂閱浮動視窗標題*/
#MainSide ul
{
 PADDING-RIGHT: 0px; 
 PADDING-LEFT: 0px; 
 PADDING-BOTTOM: 0px; 
 MARGIN: 0px; 
 PADDING-TOP: 0px; 
 LIST-STYLE-TYPE: none;
 COLOR: #555;
}
 
#navmenu LI
{
  PADDING-RIGHT: 2px; 
  PADDING-LEFT: 5px; 
  FLOAT: left; 
  PADDING-TOP: 2px; 
  POSITION: relative;
  COLOR: #555;
 }

#navmenu LI A
{
  PADDING-RIGHT: 2px; 
  PADDING-LEFT: 1px; 
  FLOAT: left; 
  PADDING-TOP: 2px; 
  POSITION: relative;
  COLOR: #555;
}

#navmenu LI UL
{
  DISPLAY: none; 
  LEFT: 0px; 
  COLOR: #555555; 
  PADDING-TOP: 5px; 
  POSITION: absolute; 
  TOP: 1em;
}

#navmenu LI UL LI
{
  CLEAR: left; 
  BACKGROUND: #ffb9d8; 
  COLOR: #555;
  WIDTH: 130px; 
  PADDING-TOP: 5px;
  }

#navmenu LI UL LI A:hover
{
  BACKGROUND: #ffb9d8; 
  COLOR: #555;
 
}

#navmenu LI UL LI.title /*title背景色*/
{
  BACKGROUND: #ea90b8; 
  TEXT-ALIGN: center;
 
}

#navmenu LI:hover UL
{
  DISPLAY: block;
 
}

#navmenu LI.over UL
{
  DISPLAY: block;
}
 
/* 網誌頁面  */

#articleBlock
{
  PADDING-LEFT: 0px; 
  PADDING-BOTTOM: 10px; 
  OVERFLOW: hidden; 
  WIDTH: 700px; 
  BORDER-TOP-STYLE: none; 
  LINE-HEIGHT: normal; 
  BORDER-RIGHT-STYLE: none; 
  BORDER-LEFT-STYLE: none; 
  BORDER-BOTTOM-STYLE: none;
  /*background-color:#fff;*/
  background-image: url(http://pics.yamedia.tw/themes/blog789/images/main_ba.jpg);
	LINE-HEIGHT: normal;
	float: right;

}
.post
{/*backround-color:#000;*/
margin-bottom:15px;}/*文章篇與篇間的間距*/

.postbody {
  height:100%;
  padding-left: 8px;
  font-size: 12px;
  color:#555555;
  line-height: 1.6em;}
  
  /*here*/
.post_body{/*background-color:#000;*/
           background-image: url(http://pics.yamedia.tw/themes/blog789/images/body_ba.gif);}

.post_title  /*標題cow左最好放這,不要放在titlediv*/
{
	color:#ed006a;
	font-size:15px;
	font-weight:bold;
	PADDING-LEFT:80px;
	padding-top:10px;
	background-image: url(http://pics.yamedia.tw/themes/blog789/images/post_title.gif);
	background-repeat: no-repeat;
	height: 30px;}
.post_title a{color:#72cad2;}
.post_title  A:link {
	COLOR:  #a1a1a1; 
	TEXT-DECORATION: none}
.post_title  A:visited {
	COLOR:  #a1a1a1; 
	TEXT-DECORATION: none}
.post_title  A:hover {
	COLOR:#ed006a; 
	TEXT-DECORATION: none;}
.post_title  A:active {
	COLOR:  #a1a1a1; 
	TEXT-DECORATION: none;}

.post_titlediv{
font-family:verdana,"新細明體";
font-size:15px;
font-weight:bold;
padding-top:0px;
}

.post_date
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	font-weight:bold;
	COLOR: #f5f5f5;
	margin-bottom: 0px;
	TEXT-ALIGN: left;
	FONT-FAMILY: Verdana;
	LETTER-SPACING: 0px;
	width:500px;
	margin-left: 28px;
    z-index:100;
}
 

 
.post_time 
{	color:#f5f5f5;
	TEXT-ALIGN:right;
	padding-right:20px;
	font-family:verdana,"新細明體";
	font-size:11px;
	margin-left:28px;
	/*background-color:#fff;不要設顏色就是透明的囉*/ 
	height:12px;
	background-repeat: no-repeat;
	background-position: left top;}
.post_time a:link{color:#f5f5f5;}
.post_time a:visited{color:#f5f5f5;}
.post_time a:hover{color:#f5f5f5;position:relative;right:1px;bottom:1px;}

.cheer{
	PADDING-LEFT: 5px;
	HEIGHT: 35px;
	FONT-SIZE: 11px;
	/*background-color:#FFFFFF;*/
	/*background-image: url(http://pics.yamedia.tw/themes/blog789/images/a-t3.gif);*/
	background-repeat: no-repeat;
	background-position: left;
}

.post_content {
	color:#757575;
	font-family:verdana,"新細明體";
	PADDING-LEFT: 10px;
	PADDING-top: 15px;
	PADDING-bottom: 5px;
	PADDING-right: 40px;
	LINE-HEIGHT: 1.8em;
	HEIGHT: 100%;
	FONT-SIZE: 12px;
}
.post_content a:link{color:#ed006a; border-bottom-width: 1px;  border-bottom-style: dashed;  border-bottom-color: #ed006a;}/*網誌內容的連結(觀看全文)*/
.post_content a:visited{color:#555;border-bottom-width: 1px;  border-bottom-style: dashed;  border-bottom-color: #555;}
.post_content a:hover{color:#555;border-bottom-width: 1px;  border-bottom-style: dashed;  border-bottom-color: #555;}
.post_info {
  FONT-SIZE: 11px;  
  font-color:#f5f5f5; 
  PADDING-BOTTOM: 5px; 
  PADDING-TOP: 5px; 
  BORDER-BOTTOM: 0px solid;
  margin-left:10px; 
  margin-right:50px; 
  TEXT-ALIGN:right;
}
.post_info A:link {
	COLOR: #a1a1a1; 
	TEXT-DECORATION: underline;
}
.post_info A:visited {
	COLOR: #a1a1a1; 
	TEXT-DECORATION: underline;
}
.post_info A:hover {
	COLOR: #ed006a; 
	TEXT-DECORATION: none;
	/*border-top:#098ee2 1px solid ;*/
}
.post_info A:active {
	COLOR: #a1a1a1; 
	TEXT-DECORATION: underline;
	/*border-top:#098ee2 1px solid ;*/

}
 
.post_tail
{
}
input.text, textarea {
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	FONT-SIZE: 12px;
	BACKGROUND: none transparent scroll repeat 0% 0%;
	PADDING-BOTTOM: 2px;
	COLOR: #d30f83;
	PADDING-TOP: 2px;
	FONT-FAMILY: Verdana, "新細明體";
	background-color: #dbdedf;
	border: #dfdfdf 1px solid;
}
form {
  PADDING-RIGHT: 0px; 
  PADDING-LEFT: 0px; 
  FONT-SIZE: 11px; 
  PADDING-BOTTOM: 0px; 
  MARGIN: 0px; 
  COLOR: #555555; 
  PADDING-TOP: 0px; 
  FONT-FAMILY: georgia, verdana, arial;
}
select {
  FONT-SIZE: 10px; 
  COLOR: #888; 
  FONT-FAMILY: Georgia, Verdana, Arial, Helvetica, sans-serif;
}
input.btn {
  PADDING-RIGHT: 3px; 
  PADDING-LEFT: 3px; 
  FONT-SIZE: 11px; 
  PADDING-BOTTOM: 1px; 
  PADDING-TOP: 1px; 
  FONT-FAMILY: Georgia, Verdana, Arial, Helvetica, sans-serif;
}

/* trackback 引用區塊 */
.trackback{
  width:100%
}
.trackback a{
  width:100%
  font-color:#d30f83;
}
.trackback_title{padding-top:15px;FONT-WEIGHT: bold;color:555;}
.trackbackURL
{
  BORDER-RIGHT: #098ee1 0px dotted; 
  PADDING-RIGHT: 5px; 
  BORDER-TOP: #098ee1 0px dotted; 
  MARGIN-TOP: 5px; 
  PADDING-LEFT: 0px; 
  PADDING-BOTTOM: 5px; 
  BORDER-LEFT: #098ee1 0px dotted; 
  PADDING-TOP: 0px; 
  BORDER-BOTTOM: #098ee1 0px dotted;
}

.trackbackTitle
{   FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	margin-left: 10px;
	margin-right: 30px;
	padding: 3px;
	color:#f1f1f1;
	/*background-color:#f7f7f7;*/
	margin-bottom:5px;}

.trackbackTitle a
{  COLOR: #555555;}


.trackbackBody
{
	font-color:#f6f6f6;
	FONT-SIZE: 12px;
	padding-left: 24px;
	padding-bottom: 6px;
}
.trackbackDate
{
    font-family:verdana,"新細明體";
	FONT-SIZE: 11px;
	padding-left: 24px;
}

span.trackbackBodyTitle
{
  FONT-WEIGHT: bold; 
  COLOR: #404040;
}


/*留言文字區塊*/
.commentbody{ 
  PADDING-RIGHT: 0px; 
  PADDING-LEFT: 0px; 
  FONT-SIZE: 12px; 
  PADDING-BOTTOM: 0px; 
  PADDING-TOP: 0px;
  }
.blockquote{
  PADDING-LEFT: 25px;
  PADDING-top: 10px;
  color:#000;
  /*background:#e9e9e9; border:0*/
}
.commentNote
{
	COLOR: #555555;
	TEXT-ALIGN: right;
	font-size:11px;
	/*background-color: #f7f7f7;*/
	WIDTH: 100%; 
	
}
.commentNote A
{
  COLOR: #555; 
}
.post_commentbody{
  PADDING-LEFT: 20px;
  PADDING-right: 15px;
  PADDING-top: 5px; 
  PADDING-bottom: 5px;  
  LINE-HEIGHT: 1.8em; 
  HEIGHT: 100%;
  FONT-SIZE: 12px; 
  /*BACKGROUND-color:#fff;*/
  /*BACKGROUND:url(http://pics.yamedia.tw/themes/blog789/images/a-t2.gif) left top no-repeat;*/ 
}




 
span.highlight {
  font-weight: bold;
}

.rightPage {
	text-align:right;
	padding-right:50px;
	margin-bottom: 10px;
	color: #000;
	/*padding-left: 120px;*/
}

.rightPage A:link
{
	COLOR: #757575;
}
.rightPage A:visited
{
  COLOR: #000; 
}

.rightPage A:hover
{
	position: relative;
	right: 1px;
	bottom: 1px;
    COLOR: #000; 
}

/*rss訂閱頁*/
.rssmain{
  padding-top:10px;
}
.rssbody{
  height:auto;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-color: #cecece;
  border-bottom-color: #cecece;
  border-left-color: #cecece;
  margin-top: 20px;
  position: relative;
  width: 650px;
  padding-left: 0px;
}
.rssmenu
{
  color: #a66;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
    
}
.rss{
  width:100%;
  position: relative;
}
.rss_content{
   margin-top:10px;
}
.rss_content ul{
   margin-left:10px;
 
}
.rss_title, .rss_content {
  width:700px;  }
.rssphoto{
  width:110px;
  height:110px;
  float: left;
   }


.rss_view {
  margin:10px;
  margin-left:30px;
  border: 1px solid #CCCCCC;
  padding: 5px;
}

.rss_view ul{
    list-style-type:none;
}
.rss_view img{
      border:1px solid #cccccc;
}

 
 
/* 個人資料 Profile  */
 
#profile
{
  MARGIN-BOTTOM: 10px; 
  COLOR: #929292; 
  /*BACKGROUND:url() #ffffff no-repeat;*/
}
 
#profile table
{
  WIDTH: 100%; 
  font-size:13px; 
  PADDING-LEFT: 10px; 
  PADDING-BOTTOM: 25px;
 }
 
.th_title
{
  PADDING-RIGHT: 5px; 
  PADDING-LEFT: 5px; 
  FONT-WEIGHT: normal; 
  PADDING-BOTTOM: 5px; 
  WIDTH: 90px; 
  COLOR: #9a9a9a; 
  PADDING-TOP: 5px; 
  TEXT-ALIGN: center;
  font-size:12px;
}
.td_desc 
{ font-size:12px;
  COLOR: #555555;
}
 
.profile_title 
{
   CLEAR: both; 
   PADDING-LEFT: 0px; 
   FONT-WEIGHT: bold; 
   FONT-SIZE: 12px; 
   text-align:center;
   /*BACKGROUND: #e2e2e2;*/
   WIDTH: 100px; 
   COLOR: #e14992; 
   LINE-HEIGHT: 100%; 
   margin-top:5px;
   PADDING-TOP: 3px; 
   margin-BOTTOM: 5px; 
   LETTER-SPACING:0.08em; 
   border-left: 1px #f5f5f5 dotted ; 
   border-right: 1px #f5f5f5 dotted ;
   /*border-top: 1px #6486A2 dotted ; 
   border-bottom: 1px #6486A2 dotted ; */
   
}

.introduce 
{
  PADDING-LEFT: 25px; 
  PADDING-right: 60px; 
  COLOR: #666; 
  LINE-HEIGHT: 22px; 
  font-size:12px; 
  PADDING-BOTTOM: 20px;
}

/*頁數選擇*/
.pageCtrl{
  padding: 5px;
  width: 100%;
  float: left;
  margin-left: 0px;
  text-align: left;
  font-size:11px;
  
}

.pageCtrl ul{
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 10px;
}

.pageCtrl li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pageCtrl a, .pageCtrl a:visited{
text-decoration: none; 
color: #555;
}

.pageCtrl a:hover, .pageCtrl a:active{
color: #000;
}

.pageCtrl li.currentpage{
font-weight: bold;
color: #555555;
}

.pageCtrl li.disablepage{
color: #cccccc;
}

.pageCtrl li.nextpage{
font-weight: bold;
}

* html .pageCtrl li.currentpage, * html .pageCtrl li.disablepage{
  margin-right: 5px;
  padding-right: 0;
  color: #ffffff;
}

/*相簿首頁設定*/
 
#albumBlock
{
  width: 680px;
  text-align: left;
  padding-bottom: 30px;
  float: left;
  padding-right: 20px;
}
#albumbody
{
  PADDING-LEFT: 40px; 
  FONT-SIZE: 12px; 
  BACKGROUND: none transparent scroll repeat 0% 0%; 
  FLOAT: left;   
  PADDING-BOTTOM: 10px; 
  WIDTH: 650px; 
  POSITION: relative; 
  TEXT-ALIGN: left;
}
h3
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #d30f83;
	LINE-HEIGHT: 20px;
	LETTER-SPACING: 1px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
 

.album{
	text-align:center;
	float: left;
	height: 260px;
	margin: 15px;
	FONT-SIZE: 11px;
	WIDTH: 250px;
	COLOR: #afafaf;
	/*background-color: #f7f7f7;*/
	border: #f5f5f5 1px dashed;  
}

.albumimg {
  height: 200px;
  width:250px;
}

.albumList_title
{
  FONT-SIZE: 12px; 
  WIDTH: 100%; 
  COLOR: #ed006a; 
  PADDING-TOP: 0px; 
  FONT-FAMILY: Georgia, Verdana, Arial, serif; 
  HEIGHT: 14px; 
  TEXT-ALIGN: center;
 
}
.albumList_date{
  FONT-SIZE: 11px; 
  COLOR: #555; 
  PADDING-TOP: 5px; 
  PADDING-bottom: 5px; 
  FONT-FAMILY: Arial, Georgia, Verdana, serif;}

.albumList_info{
   PADDING-bottom: 5px; }
   
.album IMG
{
  BORDER:#f5f5f5 1px solid; 
  BACKGROUND: #ffb9d8; 
  PADDING-RIGHT: 3px; 
  PADDING-LEFT: 3px; 
  PADDING-BOTTOM: 3px;
  PADDING-TOP: 3px;
}



/*相簿內頁設定*/
#photobody{
}

.albumDesc{
  color:#333333;
  font-size:12px;
  margin: 0px;
}
.albumCategory
{
  FONT-SIZE: 12px; 
  PADDING-BOTTOM: 10px; 
  COLOR: #757575; 
  LINE-HEIGHT: 120%; 
  LETTER-SPACING: 0.05em;
}
.photo{
  text-align:center;
  float: left;
  height: 170px;
  margin: 14px;
  FONT-SIZE: 12px; 
  BACKGROUND: none transparent scroll repeat 0% 0%; 
  WIDTH: 125px; 
  COLOR: #2e2e2e; 
  TEXT-ALIGN: center;
 
}
.photo IMG
{
  BORDER:#1f1f1f 1px solid; 
  BACKGROUND: #1f1f1f; 
  PADDING: 3px; 
}

.photoimg {
  height: 100px;
  width:100px;
}

.photoList_desc
{
  width: 100%;
  color: #9a9a9a;
  height: 14px;
  font-size: 12px;
  text-align: center;
 
}
.albumview
{
  text-align: right;
   width: 600px;
}
/*相簿內頁設定 End*/

/*單一瀏覽頁面設定*/
.backindex{
  float:right;
  position: relative;
  top: 7px;
  display: block;
  COLOR: #fff;
  padding-right: 10px;
}
 #viewPicDiv {
  width: 99%;
  text-align: left;
  position: relative;
  /*border: 1px solid #000;*/
  margin: 0px auto;
  color: #fff ;
}
 #viewPicDiv a:link, a:visited { color: #d30f83; text-decoration: none;}
 #viewPicDiv a:hover, a:active { color: #000; text-decoration: underline;}
.viewalbumTitle{
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	COLOR: #afafaf;
	LINE-HEIGHT: 30px;
	LETTER-SPACING: 2px;
	padding-left: 30px;}
.viewalbumTitle a:link, a:visited { color: #000; text-decoration: none;}
.viewPicDiv a:hover, a:active { color: #555555; text-decoration: underline;}
.photoviewTitle{
  width: 100%;
  color: #afafaf;
  height: 20px;
  text-align: center;
  float: left;
}
#photoViewbody{
   text-align:center;
}
.album_pageCtrl{
  padding: 2px;
  width: 90%;
  float: left;
  margin: 10px 10px;
  text-align: right;
  color:#9a9a9a;
  
}


.photoview
{
  text-align: center;
  width: 100%;
}
.photoview img {
  border: 1px solid #333;
}

#photomsg{
  padding-left:10px;
  width: 960px;
  margin-bottom: 20px;
}
.photomsg_title{
     font-size: 18px;
     font-weight: bold;
     line-height: 30px;
     color: #2e2e2e;

}
.photomsg_comment{
 font-size:12px;
    padding: 8px 0 8px 0;
}
.photomsg_Body
{
  font-size:12px;
  line-height: 22px;
}
.photomsg_info
{
  color: #fff;
  text-align: right;
  border-bottom: 1px dotted #e5e5e5;
}
.photoviewDesc{
  width:100%;
  
}
 
table.photoList
{
  margin-top: 20px;
  margin-bottom: 20px;
}
 
td.photoList
{
  color: blue;
  height: 125px;
  width: 125px;
  font-size: 12px;
}
td.photoList img {
  BORDER-RIGHT: #2e2e2e 0px solid; 
  BORDER-TOP: #2e2e2e 0px solid; 
  BORDER-LEFT: #2e2e2e 0px solid; 
  BORDER-BOTTOM: #2e2e2e 0px solid;
}

/*留言板設定*/

#imsg{
    FONT-WEIGHT: bold; 
	FONT-SIZE: 15px; 
	TEXT-DECORATION: none; 
	BORDER-bottom: #789ABB 0px dotted; 
	LETTER-SPACING: 0.15em;
    color:#ed006a; 
    BACKGROUND: none; 
	MARGIN:12PX;  
	width:100px; 
	text-align:center;
}

/*好友列表*/
.friendlist{
  width:120px;
  height:150px;
  float:left;
  margin:20px 18px;
  padding:5px;
  text-align:center;
}
.buddyicon{
  color:#CCCCCC;
  BORDER-TOP-WIDTH: 0px ; 
  BORDER-LEFT-WIDTH: 0px ; 
  BORDER-BOTTOM-WIDTH: 0px ; 
  BORDER-RIGHT-WIDTH: 0px ;
  BACKGROUND: #fff; 
  PADDING-RIGHT: 3px; 
  PADDING-LEFT: 3px; 
  PADDING-BOTTOM: 3px;
  PADDING-TOP: 3px;
    
    
}
.friend_dest{
  float:left;
  width: 98%;
  padding-left: 10px;
  padding-top:5px;
   
}
.friend_select{
    float:right;
  display:block;
    
}
/*播客設定*/
#articleBlock2
{
	line-height: 1.7em;
	width: 700px;
	padding-left: 0px;
	padding-right: 20px;
	overflow: hidden;
	padding-bottom: 30px;
	position: relative;
	float:right;
}

/*頁籤設定*/
.shadetabs{
  border-bottom: 1px solid gray;
}

.shadetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
  text-decoration: underline;
  color: #2d2b2b;
}

.shadetabs li.selected{

top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.mediamain{
  padding-top:10px;
}
.mediabody{
  height:auto;
  /*border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: none;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-color: #778;
  border-bottom-color: #778;
  border-left-color: #778;*/
  margin-top: 0px;
  position: relative;
  width: 698px;
  padding-left: 10px;
}
.medialist{
  height:100%;
  float: left;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #CCCCCC;
  margin-bottom: 10px;
  width: 100%;
  padding-bottom: 10px;

}

.mediaimg{
    padding: 5px;
}
.mediamdig{
  display:block;
  width: 60px;
  float: left;
  background-color: #FFFFCC;
  border: 1px solid #FFCC00;
  font-weight: bold;
}
 .mediaid {
 
 float: left;
 margin: 0px 3px 10px 0px;
 width: 150px;
 text-align:center;
  }
 .mediacontent{
  float: left;
  margin: 0px 0px 10px 0px;
  width: 100%;
  height: auto;
  
 }
 .mediatitle{
   padding: 5px;
 }
 .mediadesc{
  width: 95%;
  background-color: #EBF1F1;
  padding: 2px;
  float: left;
 
 }
 .mediainfo {
  text-align:left;
  padding: 5px;
  float: left;
  width: 60%;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #CCCCCC;
 
  
}
.mediamdy2{
  text-align:left;
  padding: 5px;
}

/*頁數選擇(RSS、media頁面共用)*/
.mediapageCtrl{
  width: 98%;
  text-align: right;
  display: block;
  padding-top: 6px;
  padding-bottom: 6px;
  
}

.mediapageCtrl ul{
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 10px;
}

.mediapageCtrl li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.mediapageCtrl a, .pageCtrl a:visited{
padding: 0 5px;

text-decoration: none; 
color: #929292;
}

.mediapageCtrl a:hover, .pageCtrl a:active{

color: #ffffff;
background-color: #999999;
}

.mediapageCtrl li.currentpage{
font-weight: bold;
padding: 0 5px;

color: #FFF;
}

.mediapageCtrl li.disablepage{
padding: 0 5px;

color: #57453E;
}

.mediapageCtrl li.nextpage{
font-weight: bold;
}

* html .mediapageCtrl li.currentpage, * html .mediapageCtrl li.disablepage{
  margin-right: 5px;
  padding-right: 0;
  color: #990000;
}
/*我的俱樂部設定*/
.myclublist{
  height:100%;
  padding: 10px;
  float: left;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #CCCCCC;
  margin-bottom: 10px;

}

.myclubimg{
  padding: 5px;
  width: 155px;
  float: left;
}

 .myclubid {
  float: left;
  margin: 0px 3px 10px 0px;
  width: 675px;
  height: auto;
  }
  .myclubinfo{
  text-align:left;
  padding: 5px;
  float: left;
  width: 490px;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #CCCCCC;
}
 .myclubcontent{
  width: 650px;
  font-size: 12px;
  float: left;
  padding: 10px;
  background-color: #EBF1F1;
  
 }
 .myclubtitle{
   padding: 5px;
 }
 .myclubdesc{
   padding: 5px;
 
 }
 .myclubdesch3 {
  font-size: 14px;
  color:#57453E;
  }

.cletemp {display: inline-block;}
.clearboth {
 clear:both;
 }
 /*Meaid rss*/
.mediarss{
  margin:10px;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #999999;
  padding-bottom: 5px;
  height: 120px;
}
.mediarss_ID{
  text-align:center;
  width:120px;
  float: left;
}
.mediarss_view{
  float: left;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #999999;
}

.mediarss_list{
  text-align:center;
  width:160px;
  float: left;
}

/* --------------------- float fix ------------------------ */


.clx {
     clear: both;
   }

 
