@charset "utf-8";

/* 整體結構
---------------------------------------------------- */
html{    /* ■捲軸顏色設定*/
SCROLLBAR-FACE-COLOR: #554988;
 SCROLLBAR-HIGHLIGHT-COLOR: #c8bef1;
 SCROLLBAR-SHADOW-COLOR: #c8bef1;
 SCROLLBAR-3DLIGHT-COLOR: #ffffff;
 SCROLLBAR-ARROW-COLOR: #ffffcc;
 SCROLLBAR-TRACK-COLOR: #140068;
 SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
 SCROLLBAR-BASE-COLOR: #ffffff
}
body {   /* ■一般文字設定以及網頁背景圖*/
  margin: 0;
  padding: 0; 
  line-height: 1.5;
  font-size: 12px;
  color: #006699;/* 主要字體顏色*/
  background-color: #FFFFFF;
  background-repeat:repeat;  
  background-attachment:fixed;
  background-image:  url(http://img.walei.tw/home_tpl/basic/06/images/starbg4.gif);/* 網頁背景圖*/
}

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

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


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


.container{ /* ■控制居中，以及中間背景圖*/
padding:0px;
margin-left: auto;
margin-right: auto;
width: 778px;
}

.sub-col1 {
  background-color: #FFFFFF;
  width: 150px;
 border-left:1px solid #140068;  /* 實線與底色同 */
 border-bottom:1px solid #140068;  /* 實線與底色同 */
filter:Alpha(Opacity=60, FinishOpacity=90, Style=1,startx=0,starty=0,finishx=150,finishy=20);/* 背景色透明控制*/
opacity: 0.8;
}

.sub-col2{
  background-color: #FFFFFF;
  width: 150px;
 border-right:1px solid #140068;  /* 實線與底色同 */
 border-bottom:1px solid #140068;  /* 實線與底色同 */
filter:Alpha(Opacity=60, FinishOpacity=90, Style=1,startx=150,starty=0,finishx=0,finishy=20);
opacity: 0.8;
}

.main-col {
 width: 100%;
 background-color: #FFFFFF;
 border-left:2px solid #140068;  /* 實線與底色同 */
 border-right:2px solid #140068;  /* 實線與底色同 */
 border-bottom:1px solid #140068;   /* 實線與底色同 */
filter:Alpha(Opacity=60, FinishOpacity=90, Style=1,startx=0,starty=0,finishx=0,finishy=20);
opacity: 0.8;
}

.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: #003366;
  background: transparent;
   text-decoration: none;
}
a:visited {
    text-decoration: none;
    color:#003366;
  background: transparent;
}
a:hover, a:active {
    text-decoration: none;
    color:#6699ff;
  background: #FFFFFF;
}


/* 頁首
---------------------------------------------------- */
.header {
  font-size: 11px;
  color: #99ffff;
  line-height: 1.4em;
  width: 778px; 
  height:130px;
  padding: 0px;
   border:1px dashed #ffffff;  /*  */
  border-style:none dotted;
  border-color:#ffffff;
  border-width:1px 5px
}

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

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

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

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

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


/*左邊欄位內容sub-col1
---------------------------------------------------- */
.sub-col1 h1  {    /* ■左邊標題底圖*/
 background: #9999cc;/* 標題底圖色*/
  width: 150px;
  line-height: 27px;
  clear: left;
  margin: 0px;
  text-align: left;
  letter-spacing: 0.15em;   /* ■文字間隔*/
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
 text-align:center;
 filter:Alpha(Opacity=10, FinishOpacity=80, Style=1,startx=0,starty=0,finishx=25,finishy=0);
}
.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:#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;
 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/06/images/marker_star3.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: #666699;
 padding-left:18px;
  width:50%;
}
.recently{/* ■最近上站 */
  color: #666699;
 padding:0 0;
}

.main-col h1 {
 background: #eaf0f7;
 width: 430px;
 line-height: 20px;
margin: 0 0 0 18px;
 font-size:14px;
 text-align: left;
 color:#336699;
font-weight:bold; 
text-align:center;
 border-bottom:1px solid #ccccff;
 border-top:1px solid #ccccff;
}
/* 歡迎語
---------------------------------------------------- */
.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 h2 {/* ■主人日記 */
  margin: 0;
  padding: 0.3em;
  text-align: center;
  text-transform: uppercase;
  font-size:14px;
  color:#333333;
  font-weight:bold; 
  line-height: 18px; 
  border-top: 2px dotted #FFCC66;  /* ■虛線 */
 border-bottom: 2px dotted #FFCC66;  /*  ■虛線 */
}
.diary h3 {/* ■日記標題 */
  color:#336699;  
  margin: 0 0 0 10px;
  padding:5px 0px 2px 20px;  /* ■日記標題互相之間的距離，上右下左 */
  font-size:14px;
  line-height: 0.5em;
  background: url(http://img.walei.tw/home_tpl/basic/06/images/newsarrow_star.gif) no-repeat 5px 1.4em;

}
.diary h3 a {/* ■日記標題連結 */
  text-decoration: none;
  color:#336699;  
}
.diary h3 img {/* ■表情符號 */
position:relative;  
 margin:0 0 0 5px;
 }
.diary p {/* ■日記標題下的內文 */
  color:#265687;
  margin: 5px 10px 15px 0px;
 padding-left:35px;
  font-size: 13px;
  line-height: 1.5em;
}
.diarymemo{/* ■日記註記 */
 margin:0; 
width:430px; 
 color:#333366 ;
  text-align: right;
  border-bottom: 1px dotted #CCCCCC;  /* ■虛線 */
}

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

.sub-col2 h1 {    /* ■右邊標題底圖*/
 background: #9999cc;
  width: 150px;
  line-height: 27px;
  clear: left;
  margin: 0px;
  text-align: left;
  letter-spacing: 0.15em;   /* ■文字間隔*/
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;  
 text-align:center;
  filter:Alpha(Opacity=10, FinishOpacity=80, Style=1,startx=0,starty=0,finishx=25,finishy=0);
}

/* 特推活動
---------------------------------------------------- */
.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/basic/06/images/marker_star.gif) no-repeat   5px 0.5em;
}
.friend span  { /* ■推薦描述*/
 color: #6699cc;  
}

/* 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/06/images/marker.gif) no-repeat 5px 0.5em;
}
.link a{	
 font-size: 12px;
 color: #6699ff;
 text-decoration: none;
}
.link a:visited {	
 font-size: 12px;
 color: #6699cc;
 text-decoration: none;
}
.link a:hover,a:active {
 color: #ffff66;
 font-size: 12px;
 text-decoration: none;
}