@charset "utf-8";

/* 整體結構
---------------------------------------------------- */
html{    /* ■捲軸顏色設定*/
 SCROLLBAR-FACE-COLOR: #;
 SCROLLBAR-ARROW-COLOR: #;
 SCROLLBAR-TRACK-COLOR: #;
}
body {   /* ■一般文字設定以及網頁背景圖*/
  margin: 0;
  padding: 0; 
  line-height: 1.5;
  font-size: 12px;
  color: #cccccc;/* 主要字體顏色*/
  background:#464d77;
  background-position:top center;
}

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

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


textarea {/* ■輸入框 */
width:100%;
 border:; 
 color:#333333;
}


.container{ /* ■控制居中，以及中間背景圖*/
padding:0px;
margin-left: auto;
margin-right: auto;
width:992px;
background:url(http://img.walei.tw/home_tpl/basic/11/images/bg.png) repeat center;
border-bottom:1px dotted #ffffff ; 
}

.sub-col1 {
 width: 150px;
 padding-left:50px;
/*filter:Alpha(Opacity=60, FinishOpacity=100, Style=1,startx=0,starty=0,finishx=150,finishy=20);/* 背景色透明控制*/
opacity: 0.8;
}

.sub-col2{
  width: 150px;
  padding-right:50px;
/*filter:Alpha(Opacity=60, FinishOpacity=100, Style=1,startx=150,starty=0,finishx=0,finishy=20);*/
opacity: 0.8;

}

.main-col {
 width: 524px;
 opacity: 0.8;
}
.footer{
}

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

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

/* 連結
---------------------------------------------------- */
a:link {
  color: #ffffff;
  background: transparent;
   text-decoration: none;
}
a:visited {
    text-decoration: none;
    color:#ffffff;
  background: transparent;
}
a:hover, a:active {
    text-decoration: none;
    color:#60aaee;
  background: transparent;
}


/* 頁首
---------------------------------------------------- */
.header {
  margin-left:47px;
  font-size: 11px;
  color: #ffffff;
  line-height: 1.4em;
  width: 900px; 
  height:300px;
  padding:10px;
  background:url(http://img.walei.tw/home_tpl/basic/11/images/header.png) no-repeat top;
}

.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: #60aaee;
 font-size: 12px;
 text-decoration: none;
}

.header a.control:hover,a.control:active{	 /* ■控制室│哇咧星宿 */
 text-decoration: none;
 color: #60aaee;
}
.header a.control:link,a.control:visited{	 /* ■控制室│哇咧星宿 */
 text-decoration: none;
 color: #ffffff;
}

.name{/* ■暱稱 */
padding-top:2px;
 font-size: 20px; 
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
line-height:26px;
}

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


/*左邊欄位內容sub-col1
---------------------------------------------------- */
.sub-col1 h1  {    /* ■左邊標題底圖*/
  width: 150px;
  line-height: 25px;
  clear: left;
  margin-left: 5px;
  text-align: left;
  letter-spacing: 0.15em;   /* ■文字間隔*/
  font-size: 13px;
  font-weight: bold;
  color: #ffffff;
 text-align:center;
 border-bottom: 1px dotted #ffffff;
 background:no-repeat center;
}
.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 10px 9px ;
}
.profile1 dt {            /* ■名字*/
  margin: 0;
}
.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:#999999;
}
.honor dl { 
  margin: 0 0 0.2em 9px;
 line-height: 1.5em;
}
.honor dt { 
  margin: 0 0 0.2em 0;
 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/basic/11/images/marker.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{/* ■人氣 */
 float:left;
 color: #999999;
 padding-left:25px;
  width:63%;
}
.recently{/* ■最近上站 */
  color: #999999;
 padding:0 0;
}

.main-col h1 {
 width: 540px;
 line-height: 26px;
 margin: 10px 18px 0 18px;
 font-size:14px;
 text-align: left;
 color:#ffffff;
 font-weight:bold; 
 text-align:center;
 border-bottom: 1px dotted #ffffff;
 background:repeat-x center;
 }
/* 歡迎語
---------------------------------------------------- */
.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超出部分隱形*/
 margin:0 0 0 18px;
 width:564px; 
}
.diary h1 {/* ■主人日記 */
  margin:0;
  padding: 0.3em;
  text-align: center;
  text-transform: uppercase;
  font-size:14px;
  color:#ffffff;
  font-weight:bold; 
  line-height: 18px; 
 border-bottom: 1px dotted #ffffff;  /*  ■虛線 */
}
.diary h3 {/* ■日記標題 */
  color:#ffffff;  
  margin: 0;
  padding:5px 0px 5px 36px;  /* ■日記標題互相之間的距離，上右下左 */
  font-size:14px;
  line-height: 0.5em;
  background: url(http://img.walei.tw/home_tpl/basic/11/images/marker.png) no-repeat 5px 1em;
}
.diary h3 a {/* ■日記標題連結 */
  text-decoration: none;
  color:#ffffff;  
}
.diary h3 img {/* ■表情符號 */
position:relative;  
 margin:0 0 0 5px;
 }
.diary p {/* ■日記標題下的內文 */
  color:#cccccc;
  margin: 5px 10px 15px 0px;
  padding-left:10px;
  font-size: 13px;
  line-height: 1.5em;
}
.diarymemo{/* ■日記註記 */
 margin:0;
 font-size:12px;
 color:#999999;
 width:546px; 
 text-align: right;
 border-bottom: 1px dotted #ffffff;  /* ■虛線 */
}

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

.sub-col2 h1 {    /* ■右邊標題底圖*/
  width: 150px;
  line-height: 25px;
  clear: left;
  margin: 0px;
  text-align: left;
  letter-spacing: 0.15em;   /* ■文字間隔*/
  font-size: 13px;
  font-weight: bold;
  color: #ffffff;
 text-align:center;
 border-bottom: 1px dotted #ffffff;
 background:no-repeat center;
}

/* 特推活動
---------------------------------------------------- */
.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 { /* ■項目符號*/
  padding-left: 15px;
  background: url(http://img.walei.tw/home_tpl/basic/11/images/marker.gif) no-repeat   5px 0.5em;
}
.friend span  { /* ■推薦描述*/
 color: #cccccc;  
}

/* 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/basic/11/images/marker.gif) no-repeat 5px 0.5em;
}
.link a{	
 font-size: 12px;
 color: #ffffff;
 text-decoration: none;
}
.link a:visited {	
 font-size: 12px;
 color: #ffffff;
 text-decoration: none;
}
.link a:hover,a:active {
 color: #60aaee;
 font-size: 12px;
 text-decoration: none;
}