﻿@charset "utf-8";

/* 整體結構
---------------------------------------------------- */
html{    /* ■捲軸顏色設定*/
SCROLLBAR-FACE-COLOR: #47aa1b;
 SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
 SCROLLBAR-3DLIGHT-COLOR: #47aa1b;
 SCROLLBAR-ARROW-COLOR: #ffffff;
}
body {   /* ■一般文字設定以及網頁背景圖*/
  margin: 0;
  padding: 0; 
  line-height: 1.5;
  font-size: 13px;
  color: #475512;
  background-color: #000000;
  background-repeat:repeat;  
  background: url(images/bg.jpg);
  background-attachment:fixed;
}

input {/* ■按鈕 */
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 12px;
 border: 1px dotted  #47aa1b; 
 background: #FFFFCC;
 color:#475512;
}

select {/* ■拉吧 */
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color:#475512;
  background: #FFFFCC;
 border: 1px dotted  #47aa1b;
}


textarea {/* ■輸入框 */
width:100%;
 border: 1px dotted  #47aa1b;
 background: #FFFFCC;
 color:#333333;
}


.container{ /* ■控制居中，以及中間背景圖*/
padding:0px;
margin-left: auto;
margin-right: auto;
width: 778px;
background-color: #FFFFFF;
}

.sub-col1 {
  width: 150px;
}

.sub-col2{ 
  width: 150px;
}

.main-col {
 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: #258433;
  background: transparent;
   text-decoration: none;
}
a:visited {
    text-decoration: none;
    color:#258433;
  background: transparent;
}
a:hover, a:active {
    color:#FFFFFF;
    background: #e84c71;
}


/* 頁首
---------------------------------------------------- */
.header {
  font-size: 11px;
  color: #747432;
  width: 778px; 
  height:224px;
  padding: 0px;
  background: url(http://img.walei.tw/home_tpl/deluxe/10/images/header.jpg) ;
  background-repeat:no-repeat;  
  margin-bottom:1px;
  border-bottom: #D5C657 1px solid;
}

.header a{	 /* ■︱留言板︱日記︱圖片集︱社區︱線上使用者︱連結 */
 font-size: 12px;
 color: #e84c71;
 text-decoration: none;
}
.header a:visited {	
 font-size: 12px;
 color: #e84c71;
 text-decoration: none;
}

.header a:hover,a:active {
 color: #FFFFFF;
 font-size: 12px;
 text-decoration: none;
}

.header a.control:hover,a.control:active{	 /* ■控制室│哇咧星宿 */
 text-decoration: none;
 color: #FFFFFF;
}
.header a.control:link,a.control:visited{	 /* ■控制室│哇咧星宿 */
 text-decoration: none;
 color: #47aa1b;
}

.name{/* ■暱稱 */
  font-size: 20px; 
  color: #00a651;
  font-weight: bold;
  text-decoration: none;
}

.header  a.userid:link,a.userid:visited {/* ■使用者帳號 */
 color: #005aab;
  text-decoration: none;
  font-size: 15px;
}
.header a.userid:hover,a.control:active{	/* ■使用者帳號 */
 text-decoration: none;
 color: #FFFFFF;
}

/*左邊欄位內容sub-col1
---------------------------------------------------- */
.sub-col1 h1  {    /* ■左邊標題底圖*/
  width: 150px;
  line-height: 27px;
  clear: left;
  margin: 0px;
  text-align: left;
  letter-spacing: 0.15em;   /* ■文字間隔*/
  font-size: 13px;
  font-weight: bold;
  color: #e84c71;
 text-align:center;
 background: url(http://img.walei.tw/home_tpl/deluxe/10/images/title2.gif)
}
.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超出部分隱形*/
 border: #47aa1b 1px solid;
}
.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;
 margin-top:1px;
 border: #47aa1b 1px solid;
 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;
 margin-top:1px;
 border: #47aa1b 1px solid;
 word-wrap:break-word;    /* ■IE英文自動斷行，不撐開版型*/
 overflow:hidden;    /* ■Mozila超出部分隱形*/
}
.honor span {  /* ■擔任公職*/
color:#666666;
}
.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;
 margin-top:1px;
 border: #47aa1b 1px solid;
 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/deluxe/10/images/marker.gif) no-repeat 5px 0.5em;

}



/* 自由欄位
---------------------------------------------------- */
.free{
  width: 150px;
 margin-top:1px;
 border: #47aa1b 1px solid;
 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: #00a651;
 padding-left:18px;
 width:50%;
}
.recently{/* ■最近上站 */
  color: #00a651;
padding:0;
}

.main-col h1 {
 width: 430px;
 line-height: 27px;
padding: 0 0 0 18px;
 font-size:13px;
 text-align: center;
  color: #106637;
font-weight:bold; 
background:url(images/title3.gif) ;
}
/* 歡迎語
---------------------------------------------------- */
.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:#005aab;  
  margin: 0;
  padding:0px 0px 5px 20px;  /* ■日記標題互相之間的距離，上右下左 */
  font-size:15px;
  line-height: 0.04em;
  background: url(http://img.walei.tw/home_tpl/deluxe/10/images/marker1.gif) no-repeat 4px 0.8em;

}
.diary h3 a {/* ■日記標題連結 */
  text-decoration: none;
  color:#005aab;  
}
.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:430px; 
 color:#666666 ;
  text-align: right;
  border-bottom: 1px dotted #00a651;  /* ■虛線 */
}

/*右邊欄位內容sub-col2
---------------------------------------------------- */

.sub-col2 h1 {    /* ■右邊標題底圖*/
  width: 150px;
  line-height: 27px;
  clear: left;
  margin: 0px;
  text-align: left;
  letter-spacing: 0.15em;   /* ■文字間隔*/
  font-size: 13px;
  font-weight: bold;
  color: #e84c71;
 text-align:center;
  background: url(http://img.walei.tw/home_tpl/deluxe/10/images/title1.gif) ;
}

/* 特推活動
---------------------------------------------------- */
.waleiad {
  width: 150px;
 border: #47aa1b 1px solid;
}
.waleiad p {/* ■...more*/
  margin: 0;
  text-align: right;
}
/* 推薦好友
---------------------------------------------------- */
.friend {
  width: 150px;
 margin-top:1px;
 border: #47aa1b 1px solid;
 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 #47aa1b;  /* ■虛線 */
  padding-left: 15px;
  background: url(http://img.walei.tw/home_tpl/deluxe/10/images/marker.gif) no-repeat   5px 0.5em;
}
.friend span  { /* ■推薦描述*/
 color: #666666;  
}

/* LINK區
---------------------------------------------------- */
.link {
  width: 150px;
 margin-top:1px;
 border: #47aa1b 1px solid;
 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/deluxe/10/images/marker.gif) no-repeat 5px 0.5em;
}