@charset "UTF-8";

/* 會員區首頁 */

* {
  margin:0;
  padding:0;
}

body {
  text-align:center;
  font-family:Verdana, Arial, MingLiu, sans-serif;
  font-size:75%;
  line-height:1.6em;
  color:#ccc;
  background:#5a5a5a  url(../_member_img/bground_member_body.gif) repeat-x top left;
}

#wrapper {
  width:940px;
  height:100%;
  margin:auto;
  text-align:left;
}

p {
  font-size:1em;
}

* html #wrapper {
  height:100%;
}

img {
  border:none;
}

ul, ol, li {
  list-style:none;
}

.clear { 
  clear: both; 
}

/* 連結
---------------------------------------------------------------------------------------- */
a:link, a:visited{
  color: #ccc;
  text-decoration:none;
}

a:hover {
  color: #fff111;
  text-decoration:underline;
}

a{
  outline: none;
}


/* 上方
---------------------------------------------------- */
#me-header{ 
  width: 916px;
  height:235px;
  margin: 0 10px 5px 10px!important;
  margin: 0 10px 5px 12px;
}

#me-header1{
  height: 40px;

}
.me-headerbox {
  width: 50%;
}

.me-headertitile {
  float: right;
  font-size: 25px;
  width: 47%;
  text-align: right;
  padding-top: 10px;
  padding-right: 10px;
}
.me-banner { 
  height:200px;
  padding:1px;
  background-color: #000;
  border: 1px solid #f0dd76;
}

.me-logo {
}
.me-t01 {
  color: #1458a5;
}


#me-container{
  width: 925px;
  margin: 3px 10px 0 5px;
}

/*首頁*/
/*主文區
---------------------------------------------------- */
#me-content{
  float:right;
  width: 750px;
}
#me-content-left{
  width: 408px;
  float:left;
}
#me-content-right{
  float:right;
  width: 333px;
}

#me-pages-content{
  float:right;
  width: 750px;
  margin-top:5px;
  padding-bottom:10px;
  background-color:#000;
  border: 1px solid #b4b4aa;
}

/*中間-基本框-2
---------------------------------------------------- */
.me-centerbox{
 width:408px;
 margin-bottom:5px;
}

.me-center-top-bg{
 width: 408px;
}
.me-center-mid-bg{
 width:408px;
 background:  url(../_member_img/bground_center_mid.gif) repeat-y; 
}
.me-center-bottom-bg{
 width:408px;
}

.me-center-top-bg1{
 width: 408px;
}
.me-center-mid-bg1{
 width:408px;
 background:  url(../_member_img/bground_center_mid1.gif) repeat-y; 
}
.me-center-bottom-bg1{
 width:408px;
}


.me-centerbox-tiitle{
  height: 25px;
  font-weight: bold;
  color:#FEF013;
  text-align: left;
  padding: 0 0 0 8px;
}
.me-centerbox-tt{
  text-align: left;
  padding:0  15px 10px 20px;
  color:#f1f1f1;
}
.me-centerbox-edit{
 width: 375px;
 height: 21px;
 padding: 0 0 0 10px; 
 background:  url(../_member_img/bground_edit_bottom2.gif) 6px 0 no-repeat;
}

.photo{
  width:90px;
  border: 1px solid #8c9082;
}

.photo08{
  width:110px;
  border: 1px solid #8c9082;
  margin:0 3px 3px 0;
}
.t03{
  font-weight:bold;
}



/*右邊-基本框-3
---------------------------------------------------- */
.me-rightbox{
 width:333px;
 margin-bottom:5px;
}

.me-right-top-bg{
 width: 333px;
}
.me-right-mid-bg{
 width:333px;
 background:  url(../_member_img/bground_right_mid.gif) repeat-y; 
}
.me-right-bottom-bg{
 width:333px;
}

.me-right-top-bg1{
 width: 333px;
}
.me-right-mid-bg1{
 width:333px;
 background:  url(../_member_img/bground_right_mid1.gif) repeat-y; 
}
.me-right-bottom-bg1{
 width:333px;
}



.me-rightbox-tiitle{
  height: 25px;
  font-weight: bold;
  color:#333333;
  text-align: left;
  padding: 0 0 0 15px;
}
.me-rightbox-tt{
  text-align: left;
  padding:0  15px 10px 20px;
  color:#666;
  font-weight:100;
}
.me-rightbox-tt a:link ,.me-rightbox-tt a:visited { 
  color:#000;
  font-weight:bold;
}
.me-rightbox-edit{
 width: 323px;
 height: 21px;
 padding: 0 0 0 10px; 
 background:  url(../_member_img/bground_edit_bottom3.gif) 13px 0 no-repeat;
}

/*左邊
---------------------------------------------------- */
#me-colleft{
  float:left;
  width: 170px;
  margin: 5px 0 0 2px;
}
.people { 
 width: 166px;
 background: url(../_member_img/bground_people_bg.gif) top right no-repeat ;
}
.people_spic{
  border: 1px solid #ccc;
  width: 24px;
  height: 26px;
  float:left;

}
.me-people {
  float:left;
  width: 158px;
  border:1px solid #c9c8b9;
  background: url(../_member_img/bground_people_photo.gif) no-repeat ;
  padding-bottom:5px;
  margin-left: 2px;
}
.me-people-bg {
  float:right;
  width: 7px;
}
.me-people-frame {
  width: 102px;
  height:111px;
  background: url(../_member_img/people_frame_bg.gif) no-repeat;
  padding: 2px 0;
  margin: 10px 0 0 28px;
}

.me-people-username {
  width: 125px;
  text-align: center;
  margin: 0 0 0 15px;
}

.me-people-username a:link,.me-people-username a:visited{
  color: #666666;
  font-weight:600; 
}
.me-people-username a:hover{
  color: #6fa6e4;
  font-weight:600;
}
.me-people-pic {
  width: 90px;
  height: 98px;
  border: 1px solid #585959;
  margin: 5px;
}

/*基本框-1
---------------------------------------------------- */
.me-leftbox{
 width:166px;
 margin-bottom:5px;
}

.me-menu-top-bg{
 width: 166px;
}
.me-menu-mid-bg{
 width:166px;
 background: url(../_member_img/bground_menu_mid_bg.gif) repeat-y; 
}
.me-menu-bottom-bg{
 width:166px;
}

/*選單
---------------------------------------------------- */
.me-menubox{
 width: 157px;
 margin: 3px 0 0 2px;
}

.me-menunav li {
  width:157px;
  height:24px;  
}

.me-menunav li a:link, .me-menunav li a:visited{
  width:157px;
  height:24px;
  display:block;
  font-size:15px;
  color:#fff;
  text-align: center;
  background:  url(../_member_img/button.gif);
  padding:4px 0 0 0;
}

.me-menunav li a:hover {
  width:157px;
  height:24px;
  font-size:15px;
  color:#fff;
  font-weight:bold;
  background: url(../_member_img/button.gif) -155px 0 ;
  padding:4px 0 0 0;
}


/*列表項目
---------------------------------------------------- */
.me-leftbox-tiitle{
  height: 25px;
  font-weight: bold;
  color:#FEF013;
  text-align: left;
  padding: 0 0 0 8px;
}
.me-leftbox-tt{
  text-align: left;
  padding: 0 0 5px 8px;
  color:#f1f1f1;
}
.me-leftbox-edit{
 width: 147px;
 height: 21px;
 padding: 0 0 0 10px; 
 background: url(../_member_img/bground_edit_bottom.gif) 6px 0 no-repeat;
}

.titileicon {
  background: url(../_member_img/icon_1.gif) 5px  no-repeat;
  padding-left: 15px;
}
.titileicon2 {
  background:  url(../_member_img/icon_2.gif) 4px 5px no-repeat;
  padding-left: 20px;
}

.t01 {
  color:#FEF013;
}

.t02 {
  color:#f1f1f1;
}


/*相簿*/
/*主文區
---------------------------------------------------- */

.album {
  width:170px;
  text-align:center;
  margin: 8px 8px 8px 8px;
  background:url(../_member_img/ablum_mid_bg.gif) 3px -8px no-repeat; 
}

.album-tt{
  width:100%;
  padding: 0 0 5px 0;
}
.album-t1 {
  float:left;
  width:200px;
  padding: 0 0 0 20px;
}
.album-t2 {
  /*float:right;*/
  /*width:500px;*/
  text-align:left;
  padding: 0  20px 0 20px;
}
.album-photo{
  width:140px;
  height: 96px;
  padding: 11px 15px 10px 15px ;
 }
.album-photo-b{ 
 width:700px;
 padding: 0 0 0 20px;
}
.album-bg {
  width: 170px;
  height:118px;
  background: url(../_member_img/ablum_mid_bg.gif) repeat-y; 
}

.album-photo-s{
 width: 700px;
 padding: 10px 0 10px 35px; 
}

.album-photo-spic{
  width: 90px;
  height: 60px;
  padding: 9px 8px 8px 8px;

}
.album-photo-sbg{
  width: 106px;
  height: 78px;
  margin: 0 10px 0 0;
  background:url(../_member_img/ablum_s_bg.gif) no-repeat;
}

.batch{
  border:none;
  margin:5px 0 0 80px;
}

.batch th {
  color:#fff;
  font-weight:normal;
  border-bottom:2px solid #fff111;
}

.batch td {
  color:#666;
  border-bottom:1px solid #f1f1f1;
  text-align:left;
  padding:2px 5px;
}

fieldset {
  padding:10px;
  margin:0 30px; 
}

.label {
  clear:left;
  display:block;
  padding:0 3px 0 80px;
  float:left;
  width:55px;
  line-height:2em;
  text-align:right;
}

.control {
  display: block;
  padding:3px;
  line-height: 2em;
  background-color: #000;
}
input, select, textarea {
  border-style: solid;
  border:1px solid #333;
  vertical-align: middle;
  color: #696969;
  background: #fff;
}
input.radio {
  border-style: none;
  color: #fff;
  background: transparent;
}

fieldset {
  padding:10px;
  border:1px dotted #555;
}
legend {
  font-weight: bold;
  color:#fff111;
  font-size:1.3em;
  line-height:2.6em;
  padding:0 8px;
  background:#000;
}

#alm01 {
  width:415px;
}
#alm02 {
  width: 100px;
}

.button {
  padding:10px;
  height:30px;
  text-align:center;
}

.button input {
  margin: 10px;
  padding: 1px;
  width: 70px;
  height:20px;
  background-color:#a9a384;
  color: #fff;
  border: 1px solid #fff;
  font-size: .9em;
}


/*日記*/
/*主文區
---------------------------------------------------- */
.note{
  padding: 2px 0 0 0;  
}
.note-pic-s {
  float:left;
  width:95px;
}
.note-pic-b {
  width: 500px;
  padding:0 0 0 100px;
}
.titile{
  width: 410px;
  font-weight: bold;
  font-size:15px;
  padding-bottom:10px;
}
.note-info{
  width: 585px;
  float: right;
  padding-right: 10px;
  color:#999;
}
.text{
  height: 120px;
}
.post{
  text-align: right;
  color:#b1b1b1;
  padding-right: 15px;
  padding-top: 3px;
}
.post a:link ,.post a:visited{
  color:#fff111;
}

.note-tiitle {
  height: 34px;
  background: url(../_member_img/note_titile_bg.gif) no-repeat;
  padding-left:5px;
  padding-top:5px;
}
.note-reinfo{
 padding:10px  20px 10px 20px;
}

.note-edit{
 margin: 5px 5px 0 5px;
 padding: 5px 5px 5px 5px;
 border: 1px solid #CCCCCC;
}
.note-click{
 width:25px;
 padding: 0 0 5px 0;
}

/*留言版*/
/*主文區
---------------------------------------------------- */
.bookguest{
  width: 581px;
  margin: 10px 10px 0 80px; 
}
.bookguest-top-bg {
  width:581px;
}
.bookguest-mid-bg {
  width:561px;
  background: url(../_member_img/bookguest_mid_bg.gif) repeat-y;
  padding: 0 0 0 20px;
}
.bookguest-bottom-bg {
  width:581px;
}


.bookguest-photo{
  width: 90px;
  background-color: #333;
  border: 1px solid #666;
  padding: 10px;
  float:left;
}
.bookguest-info{
  width: 430px;
  padding: 5px;
  float: right;
  color:#fff;
}


.rebookguest{
  width: 500px;
  margin: 0 10px 8px 165px; 
}
.bookguest-retop-bg {
  width:498px;
}
.bookguest-remid-bg {
  width:478px;
  background: url(../_member_img/bookguest_remid_bg.gif) repeat-y;
  padding: 0 0 0 20px;
}
.bookguest-rebottom-bg {
  width:498px;
}

.bookguest-reinfo{
  width: 400px;
  padding: 5px;
  float: right;
  color:#fff;
}

/*下方資訊
---------------------------------------------------- */
#me-footer{
  width: 100%;
}

.month_buffer{
  position:absolute;
  background-color:#000;
  filter:alpha(Opacity=60);
  -moz-opacity: 1;
  border:1px solid #cfcfcf;
  margin: 0 0 0 5px;
}


/*插入圖片
---------------------------------------------------- */
.bbsarea03{
  background:#ddd url(../_member_img/bground_insert.gif) no-repeat;
  color:#fff;
  margin:2px;
  border:1px solid #333;
  text-align:center;
}
.bbsarea03 a:link {
  color:#333;
}

.bbstable02 {
  width:100%;
  color:#333;
}

.bbstable02 th{
  height:38px; 
  color:#fff111;
  padding:1px 0 0 35px;
  font-weight:bold;
}

.bbstable02 td{
  padding:5px 0 0 5px;
}



/* 頁尾
---------------------------------------------------------------------------------------- */
#footer01 { 
  clear:both;
  width:980px;
  border-top:1px solid #ccc;
}

#footerbox01 {
  width:930px;
  padding:10px 25px 5px 25px;
}

#footerbox01 p{
  text-align:center;
  color:#ccc;
}

#footerbox01 p a:link, #footerbox01 p a:visited{
  color:#FEF7CA;
  padding:0 5px;
}

#footerbox01 p a:hover{
  color:#FEF7CA;
}

#footerbox .msg{
  text-align:center;
  color:#666;
}