@charset "utf-8";

/* 整體結構
---------------------------------------------------- */
html{    /* ■捲軸顏色設定*/
 SCROLLBAR-FACE-COLOR: #F9E247;
 SCROLLBAR-HIGHLIGHT-COLOR: #fcfc48;
 SCROLLBAR-SHADOW-COLOR: #fcfc90;
 SCROLLBAR-3DLIGHT-COLOR: #fcd848;
 SCROLLBAR-ARROW-COLOR: #ffffff;
 SCROLLBAR-TRACK-COLOR: #C1BF91;
 SCROLLBAR-DARKSHADOW-COLOR: #fcb448;
 SCROLLBAR-BASE-COLOR: #fcfc90;
}
body {   /* ■一般文字設定以及網頁背景圖*/
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-size: 12px;
  color: #333333;
  background: #ffffff;
  background-image: url(http://img.walei.tw/home_tpl/star/livestar7/images/back.jpg);
  background-repeat:repeat;  
  background-attachment:fixed;
}

input {/* ■按鈕 */
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color:#009999;
 border: 1px solid  #FFFF33;  
  background: #FFFFFF;
}

select {/* ■拉吧 */
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color:#666666;
 border: 1px solid  #FFFF33; 
  background: #FFFFFF;
}


textarea {/* ■輸入框 */
width:100%;
 border: 1px dashed  #E0EEF1;  
}


.container{ /* ■控制居中，以及中間背景圖*/
padding:0px;
margin-left: auto;
margin-right: auto;
width: 783px;
background-image:url(http://img.walei.tw/home_tpl/star/livestar7/images/maindiary.jpg)
}

.sub-col1 {
 border: 1px #FFFFFF solid;
  padding: 0px 0px 0px 4px;   /* ■左邊欄位往內縮排*/
  width: 150px; 
}

.sub-col2{
 border: 1px #FFFFFF solid;
  padding: 0px 0px 0px 0px;   /* ■右邊欄位往內縮排*/ 
 width: 150px;
}

.main-col {
padding-left: 15px;
padding-right: 10px;
 width: 390px;
}

.main-col p{
 width: 390px;
 }

.main-col img {    
max-width:390px;     
myimg:expression(onload=function(){     
this.style.width=(this.offsetWidth > 390)?"390px":"auto"});     
}

/* 連結
---------------------------------------------------- */
a:link {
  color: #996600;
  background: transparent;
   text-decoration: underline;
}
a:visited {
    text-decoration: none;
    color:#996600;
  background: transparent;
}
a:hover, a:active {
    text-decoration: none;
    color:#996600;
  background-color: #FFFFFF;
}


/* 頁首
---------------------------------------------------- */
.header {
  color: #FF6600;
  background: url(http://img.walei.tw/home_tpl/star/livestar7/images/top.jpg) repeat-x;  /* ■header背景圖 */
  font-size: 10px;
  width: 783px; 
  height:134px;
  padding: 0px;
}

.header a{	 /* ■︱留言板︱日記︱圖片集︱社區︱線上使用者︱連結 */
 font-size: 12px;
 color: #996600;
 text-decoration: none;
}
.header a:visited {	
 font-size: 12px;
 color: #996600;
 text-decoration: none;
}

.header a:hover,a:active {
 color: #339900;
 font-size: 12px;
 text-decoration: none;
}

.header a.control:link,a.control:visited{	 /* ■控制室│哇咧星宿 */
 font-size: 12px;
 text-decoration: none;
 color: #FF3300;
}
.header a.control:hover,a.control:active{	 
 font-size: 12px;
 text-decoration: none;
 color: #FFCC00;
}

.name {/* ■暱稱 */
  font-size: 16px; 
  color: #669900;
  filter:shadow(color=#blue,direction=225);
  text-decoration: none;
}

.header  a.userid:link,a.userid:visited {/* ■使用者帳號 */
  color: #FF6600;
  text-decoration: none;
  font-size: 14px;
}


/*左邊欄位內容sub-col1
---------------------------------------------------- */
.sub-col1 h1  {    /* ■左邊標題底圖*/
  background: url(http://img.walei.tw/home_tpl/star/livestar7/images/title1.gif)  no-repeat;
  width: 150px;
  height:27px;
  clear: left;
  margin: 0px;
  padding:0;
  line-height: 27px;
  text-align: center;
  letter-spacing: 0.15em;   /* ■文字間隔*/
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
}

.sub-col1 p { 
  margin: 0 0.5em 2px 0.2em;
 line-height: 1.5em;
}



/* 個人喜愛圖片
---------------------------------------------------- */
.profile {
  width: 150px;
 word-wrap:break-word;    /* ■IE英文自動斷行，不撐開版型*/
 overflow:hidden;    /* ■Mozila超出部分隱形*/
}
.pic{
margin-top: 5px;
padding:5px; 
border: 1px #FFFFFF solid;
}
.mood{
padding:0 0 2px 10px;
}
.money{
padding:0 0 2px 10px;
}


/* 自我介紹
---------------------------------------------------- */
.profile1 {
  width: 150px;
 word-wrap:break-word;    /* ■IE英文自動斷行，不撐開版型*/
 overflow:hidden;    /* ■Mozila超出部分隱形*/
}
.profile1 dl {
  margin: 0px;
 padding:0 0.5em 10px 0 ;
}
.profile1 dt {            /* ■名字*/
  margin-left: 0.2em;
}
.profile1 span  { 
  margin: 0;
 padding: 0 0 10px 3px; 
  line-height:1.5em;
}



/* 榮譽榜
---------------------------------------------------- */
.honor {
  width: 150px;
 word-wrap:break-word;    /* ■IE英文自動斷行，不撐開版型*/
 overflow:hidden;    /* ■Mozila超出部分隱形*/
}
.honor span {  /* ■擔任公職*/
color:#990000;
}
.honor dl { 
  margin: 0 0 0.2em 0.1em;
 line-height: 1.5em;
}
.honor dt { 
  margin: 0 0 0.2em 0.1em;
 line-height: 1.5em;
}
.honor dt  img{  /* ■本設定無效，要如何讓文在圖右側置中??*/
  clear: left;
  margin: 0 0.1em 0 0;
  text-align: absmiddle;   
}

/* 日記分類
---------------------------------------------------- */
.diaryclass {
  width: 150px;
 word-wrap:break-word;    /* ■IE英文自動斷行，不撐開版型*/
 overflow:hidden;    /* ■Mozila超出部分隱形*/
}
.diaryclass ul {/* ■項目標題文字*/
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}
.diaryclass li { /* ■項目符號*/
  padding-left: 15px;
  background: url(http://img.walei.tw/home_tpl/star/livestar13/images/marker1.gif) no-repeat 5px 0.5em;
}



/* 自由欄位
---------------------------------------------------- */
.free{
  width: 150px;
 word-wrap:break-word;    /* ■IE英文自動斷行，不撐開版型*/
 overflow:hidden;    /* ■Mozila超出部分隱形*/
}
.free p{ 
  margin: 0 0.5em 10px 0.2em;
  line-height: 1.5em;
}

/* 主要內容
---------------------------------------------------- */
 .popular{/* ■人氣 */
 color: #FFFFFF;
 padding:0  0;
}
.recently{/* ■最近上站 */
 color: #FFFFFF;
 padding:0 0;
}
.main-col  {
  color: #333333;
}
.main-col h1 {
 clear: left;
 margin: 0px;
 padding:0px;
 font-size:14px;
 color:#CCFF33;
 text-align: center;
font-weight:bold;  
height: 27px;
padding-top:8px;
background-image:url(http://img.walei.tw/home_tpl/star/livestar7/images/title2.gif);
background-repeat:no-repeat;   
background-position:left; 
}

/* 歡迎語
---------------------------------------------------- */
.welcome p{
  margin: 0px;
 padding:0 10px 3px 30px;
 word-wrap:break-word;    /* ■IE英文自動斷行，不撐開版型*/
  line-height: 1.5em;
 overflow:hidden;    /* ■Mozila超出部分隱形*/
}
/* 主人名言
---------------------------------------------------- */
.speech p{
  margin: 0px;
 padding:0 10px 3px 30px;
   line-height: 1.5em;
 word-wrap:break-word;    /* ■IE英文自動斷行，不撐開版型*/
 overflow:hidden;    /* ■Mozila超出部分隱形*/
}
/* 主人興趣與專長
---------------------------------------------------- */
.hobby p{
  margin: 0px;
 padding:0 10px 3px 30px;
  line-height: 1.5em; 
word-wrap:break-word;    /* ■IE英文自動斷行，不撐開版型*/
 overflow:hidden;    /* ■Mozila超出部分隱形*/
}
/*主人日記
---------------------------------------------------- */
.diary {
 word-wrap:break-word;    /* ■IE英文自動斷行，不撐開版型*/
 overflow:hidden;    /* ■Mozila超出部分隱形*/
}

.diary h3 {/* ■日記標題 */
  color:#85A5E0;  
  margin: 0;
  padding:5px 0px 2px 20px;  /* ■日記標題互相之間的距離，上右下左 */
  font-size:14px;
  line-height: 0.5em;
  background: url(http://img.walei.tw/home_tpl/star/livestar13/images/newsarrow.gif) no-repeat 6px 1.5em;
}
.diary h3 a {/* ■日記標題連結 */
  text-decoration: none;
  color:#4A9D21;
}
.diary h3 img {/* ■表情符號 */
position:relative;  
 margin:0 0 0 5px;
 }
.diary p {/* ■日記標題下的內文 */
  color:#666666;
  margin: 5px 10px 15px 0px;
 padding-left:35px;
  font-size: 13px;
  line-height: 1.5em;
}
.diarymemo{/* ■日記註記 */
 margin:0; 
width:90%; 
 color:#666666 ;
  text-align: right;
  border-bottom: 1px dotted #666666;  /* ■虛線 */
}

/*右邊欄位內容sub-col2
---------------------------------------------------- */

.sub-col2 h1 {    /* ■右邊標題底圖*/
  background: url(http://img.walei.tw/home_tpl/star/livestar7/images/title1.gif) no-repeat;
  width: 150px;
  height:27px;
  clear: both;
  margin: 0px;
  text-align: center;
  letter-spacing: 0.15em;   /* ■文字間隔*/
 line-height: 27px;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
}

/* 特推活動
---------------------------------------------------- */
.waleiad {
  width: 150px;
}
.waleiad p {/* ■...more*/
  margin: 0;
  text-align: right;
}
/* 推薦好友
---------------------------------------------------- */
.friend {
  width: 150px;
 word-wrap:break-word;    /* ■IE英文自動斷行，不撐開版型*/
 overflow:hidden;    /* ■Mozila超出部分隱形*/
}
.friend ul {/* ■項目標題文字*/
  margin-top: 0.2em;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}
.friend li { /* ■項目符號*/
  border-bottom: 1px dotted #FFFFFF;  /* ■虛線 */
  padding-left: 15px;
  background: url(http://img.walei.tw/home_tpl/star/livestar13/images/marker.gif) no-repeat 5px 0.5em;
}
.friend span  { /* ■推薦描述*/
}

/* LINK區
---------------------------------------------------- */
.link {
  width: 150px;
 word-wrap:break-word;    /* ■IE英文自動斷行，不撐開版型*/
 overflow:hidden;    /* ■Mozila超出部分隱形*/
}
.link ul { /*■項目標題文字*/
  margin-top: 0.2em;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}
.link li { /* ■項目符號*/
  padding-left: 15px;
  background: url(http://img.walei.tw/home_tpl/star/livestar13/images/marker.gif) no-repeat 5px 0.5em;
}