@charset "utf-8";

/* 整體結構
---------------------------------------------------- */
html{    /* ■捲軸顏色設定*/
SCROLLBAR-FACE-COLOR: #d8fc48;
 SCROLLBAR-HIGHLIGHT-COLOR: #fcfcb4;
 SCROLLBAR-SHADOW-COLOR: #6cb448;
 SCROLLBAR-3DLIGHT-COLOR: #fcfc48;
 SCROLLBAR-ARROW-COLOR: #244800;
 SCROLLBAR-TRACK-COLOR: #6cd824;
 SCROLLBAR-DARKSHADOW-COLOR: #006c48;
 SCROLLBAR-BASE-COLOR: #d8fc6c;
}

body {   /* ■一般文字設定以及網頁背景圖*/
  margin: 0;
  padding: 0; 
  line-height: 1.5;
  font-size: 12px;
  color:#666666;
  background: #ffffff;
  background-image: url(http://img.walei.tw/home_tpl/star/livestar6/images/bg1.gif);
  background-repeat:repeat;  
  background-attachment:fixed;
}

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

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


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


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


.sub-col1 {
 padding:0 0 0 25px;  /* ■左邊欄位往內縮排*/
  width: 150px;
}

.sub-col2{
 color:#666666;
  padding: 0px 30px 0px 0px;   /* ■右邊欄位往內縮排*/ 
 width: 150px;
}

.main-col {
 margin-left: auto;
 margin-right: auto;
 padding-left:5px;
 width: 420px;
}

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

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

.footer{
padding:0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
width: 817px;
 height:19px;
background-image: url(http://img.walei.tw/home_tpl/star/livestar6/images/mainbg.jpg) ; 
}

/* 連結
---------------------------------------------------- */
a:link {
   color: #669900;
  background: transparent;
   text-decoration: none;
}
a:visited {
    text-decoration: none;
   color: #83AE00;
  background: transparent;
}
a:hover, a:active {
    text-decoration: none;
    color:#83AE00;
  background: transparent;
}

/* 頁首
---------------------------------------------------- */
.header {
  color: #666600;
  background: url(http://img.walei.tw/home_tpl/star/livestar6/images/top.jpg) repeat-x;  /* ■header背景圖 */
  /* width: 778px; 
  height:136px;*/
  padding: 0px;
}

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

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

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

.header a.control:hover{ /* ■控制室│哇咧星宿 */
  color: #FFFF99;
}

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

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


/*左邊欄位內容sub-col1
---------------------------------------------------- */
.sub-col1 h1  {    /* ■左邊標題底圖*/
  background: url(http://img.walei.tw/home_tpl/star/livestar6/images/title1.jpg)  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 {
  border: 1px #FFFF99 dashed;
 width: 150px;
 word-wrap:break-word;    /* ■IE英文自動斷行，不撐開版型*/
 overflow:hidden;    /* ■Mozila超出部分隱形*/
}
.pic{
padding:5px; 
border: 1px #FFFF99 solid;
}
.mood{
padding:0 0 2px 10px;
}
.money{
padding:0 0 2px 10px;
}


/* 自我介紹
---------------------------------------------------- */
.profile1 {
  border: 1px #FFFF99 dashed;
  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 {
 border: 1px #FFFF99 dashed;
 width: 150px;
 word-wrap:break-word;    /* ■IE英文自動斷行，不撐開版型*/
 overflow:hidden;    /* ■Mozila超出部分隱形*/
}
.honor span {  /* ■擔任公職*/
color:#6666CC;
}
.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 {
 border: 1px #FFFF99 dashed;
 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(images/marker1.gif) no-repeat 5px 0.5em;
}



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

/* 主要內容
---------------------------------------------------- */
 .popular{/* ■人氣 */
 float:left;
 color: #666666;
 padding:0  0;
 width:40%;
}
.recently{/* ■最近上站 */
 float:right;
 color: #666666;
 padding:0 0;
 width:60%;
 text-align:right;
}

.main-col h1 {
 clear: left;
  margin: 0px;
  padding: 0;
 font-size:14px;
 color:#339900;
font-weight:bold;  
line-height:27px;
padding-left:35px;
border-top: 1px dotted #FFFF99;  /* ■虛線 */
border-bottom: 1px dotted #FFFF99;  /* ■虛線 */
background-image:url(http://img.walei.tw/home_tpl/star/livestar6/images/title2.jpg);
background-repeat:no-repeat;   
}
/* 歡迎語
---------------------------------------------------- */
.welcome p{
  margin: 0px;
 padding:0 0 3px 10px;
 word-wrap:break-word;    /* ■IE英文自動斷行，不撐開版型*/
  line-height: 1.5em;
 overflow:hidden;    /* ■Mozila超出部分隱形*/
}
/* 主人名言
---------------------------------------------------- */
.speech p{
  margin: 0px;
 padding:0 0 3px 10px;
  line-height: 1.5em;
 word-wrap:break-word;    /* ■IE英文自動斷行，不撐開版型*/
 overflow:hidden;    /* ■Mozila超出部分隱形*/
}
/* 主人興趣與專長
---------------------------------------------------- */
.hobby p{
  margin: 0px;
 padding:0 0 3px 10px;
  line-height: 1.5em; 
word-wrap:break-word;    /* ■IE英文自動斷行，不撐開版型*/
 overflow:hidden;    /* ■Mozila超出部分隱形*/
}
/*主人日記
---------------------------------------------------- */
.diary {
 word-wrap:break-word;    /* ■IE英文自動斷行，不撐開版型*/
 overflow:hidden;    /* ■Mozila超出部分隱形*/
}


.diary h3 {/* ■日記標題 */
   color: #669900;
  margin: 0;
  padding:5px 0px 2px 20px;  /* ■日記標題互相之間的距離，上右下左 */
  font-size:14px;
  line-height: 0.5em;
  background: url(http://img.walei.tw/home_tpl/star/livestar6/images/newsarrow.gif) no-repeat 6px 1.5em;
}
.diary h3 a {/* ■日記標題連結 */
  text-decoration: none;
  color:#666600;
}
.diary h3 img {/* ■表情符號 */
 position:relative;  
 margin:3px 0 0 5px;
 }
.diary p {/* ■日記標題下的內文 */
  color:#666666;
  margin: 5px 10px 15px 0px;
 padding-left:25px;
  font-size: 12px;
  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/livestar6/images/title3.jpg) no-repeat;
  width: 150px;
  height:27px;
  clear: both;
  margin: 0px;
  line-height:27px;
  text-align: center;
  text-transform: uppercase; /* ■文字大寫*/
  letter-spacing: 0.15em;   /* ■文字間隔*/
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
}

/* 特推活動
---------------------------------------------------- */
.waleiad {
  border: 1px #FFFF99 dashed;
  width: 150px;
}
.waleiad p {/* ■...more*/
  margin: 0;
  text-align: right;
}
/* 推薦好友
---------------------------------------------------- */
.friend {
 border: 1px #FFFF99 dashed;
 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(images/marker.gif) no-repeat 5px 0.5em;
}
.friend span  { /* ■推薦描述*/
}

/* LINK區
---------------------------------------------------- */
.link {
 border: 1px #FFFF99 dashed;
 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;
}