@charset "UTF-8";

/* 整體結構
---------------------------------------------------------------------------------------- */
* {
  margin:0;
  padding:0;
}

body {
  text-align:center;
  font-family: Arial, Helvetica, sans-serif;
  font-size:75%;
  line-height:1.6em;
  color:#6c6c6c;
  background: url(../_ind_img/bg.gif);
}

#wrapper {
  width:900px;
  height:100%;
  margin:auto;
  text-align:left;
  background-color: #FFFFFF;
}

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:#000;
  text-decoration:none;
}

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

a{
  outline: none;
}

/* 頁首
---------------------------------------------------------------------------------------- */
#headermsg{
  width:870px;
  height:100px;
}


/* 主文區
---------------------------------------------------------------------------------------- */
#container {
  width:900px;
  position:relative; 
}

#content { 
  width:860px;
  padding:0 20px; 
}

.time {
  color: #aaa;
}

/* 頁面主體-左邊
---------------------------------------------------- */
.colleft {
  width:520px;
  float:left;
}
.newsbox {
  height:340px;
  background: url(../_ind_img/bg_news1.gif) 0 38px no-repeat;
}
.newsmenu {
  height:36px;
  background: url(../_ind_img/bg_newsnav.gif) no-repeat ;
}

.newsnav {
  padding: 5px 10px 0 10px;
  height: 30px;
}
.newsnav li{
  width: 70px;
  height: 30px;
  float: left;
  text-align:center;
}
.newsnav li a:link, .newsnav li a:visited {
  width: 70px;
  height: 30px;
  color:#d62789;
  padding-top: 3px;
  float:left;
  background :url(../_ind_img/button_6.gif) 0 -30px no-repeat;  
}

.newsnav li a:hover{
  width: 70px;
  height: 30px;
  color:#d62789;
  font-weight: bold;
  float:left;
  background :url(../_ind_img/button_6.gif)  no-repeat;  
}

.newsnav li.focus01 {
  width: 70px;
  height: 30px;
  color:#d62789;
  float:left;
  font-weight: bold;
  background :url(../_ind_img/button_6.gif)  no-repeat;  
}

.newsmainbox {
  height:auto;
  padding: 3px;
}

.newsmainbox .pic {
  padding: 3px;
  float:left;
  border: 1px solid #000;
  margin: 10px 0 0 5px;
}

.newsmain_text {
  float:right;
  width:300px;
  padding-top: 15px;
  padding-right: 15px;
} 
.tt01{
  color:#ee2194;
  font-size: 15px;
  font-weight:bold;
  padding-bottom: 5px;
}
.tt01 a:link , .tt01 a:visited{
  color:#ee2194;
}

.news_massage {
  margin-top:3px;
  padding: 13px;
  height: 127px;
  background:url(../_ind_img/bg_news2.gif) no-repeat;
}

.tt02 {
  background: url(../_ind_img/icon_1.gif) no-repeat -2px 7px;
  padding: 2px 0  0 12px; 
}


/* 頁面主體-右邊
---------------------------------------------------- */
.colright {
  width:340px;
  float:right;
}
.colright_bg{
  width:312px;
  height: 330px;
  background:url(../_ind_img/bg_colright.gif) 2px 0 no-repeat;
  padding-top: 10px;
  padding-left: 20px;
  margin-left: 5px;
}

.colright .pic{
  width:291px;
  height:182px;
  background: url(../_ind_img/bg_colrightpic.gif) no-repeat ;
  padding: 4px;
}

.tt03 {
  padding:5px 0 2px 0;
  color:#ffe84c;
  font-weight:bold;
}

.tt04 {
  color:#ffffff;
}
.tt04 a:link , .tt04 a:visited {
  color:#ffffff;
}

/* album
---------------------------------------------------- */
.album {
  height: 140px;
  margin: 5px 0;
  padding: 3px; 
  border:1px solid #a7a7a7;
}

.albumtitile {
  width:790px;
  height: 15px;
  color:#000;
  float:left;
  font-weight:bold;
  padding: 15px 0 2px 5px;
  background:url(../_ind_img/bg_titile_1.gif) repeat-x;
}
.albummore{
  float:right;
  padding: 0 5px 0 0;
}

.albumlist {
  padding: 0 5px;
}

.albumbox { 
  height: 100px;
  width:95px;
  /*border:#ccc solid 1px;*/
  padding: 5px 0 0 0;
  margin: 0 4px;
  text-align:center;
  float: left; 
}


.albumbox a:link , .albumbox a:visited {
  color:#6c6c6c;
}

.usermane { 
 color:#d52800;
}

.usermane a:link ,.usermane  a:visited {
 color:#d52800;
}

.album .pic {
  padding:1px;
}

/* 首頁廣告
---------------------------------------------------- */
.add {
  width: 506px;
  padding: 4px;
  border: 1px solid #a4a4a4;
}

/* 日記
---------------------------------------------------- */
.diary {
  width: 514px;
  height: 190px;
  border: 1px solid #a4a4a4;
}

.diarytitile{
  width: 515px;
  height: 30px;
  color:#000;
  background: url(../_ind_img/bg_titile_2.gif) 0 5px repeat-x;
}

.diarynav {
  height: 21px;
  padding-top: 5px;
}

.diarynav li {
  width:70px;
  height: 21px;
  float:right;
  text-align:center;
}
.diarynav li a:link, .diarynav li a:visited{
  width:70px;
  height: 21px;
  float:left;
  background: url(../_ind_img/button_4.gif)0 -25px  no-repeat;
}
.diarynav li a:hover{
  color:#000;
  font-weight:600;
  width:70px;
  height: 21px;
  float:right;
  background: url(../_ind_img/button_4.gif)  no-repeat;
}
.diarynav li.focus01 {
  color:#000;
  font-weight:600;
  width:70px;
  height:21px;
  float:right;
  background: url(../_ind_img/button_4.gif)  no-repeat; 
}

.diary .pis {
  padding: 2px;
  width:110px;
  height:74px;
  text-align:center;
  border:1px solid #000;
  float:left;
}
.diarybox {
  width: 248px;
  padding: 5px 0 0 5px;
  float:left;
}

.diarytext{
  width: 122px;
  float: right;
  line-height: 16px;
} 
.diarytext a:link ,.diarytext a:visited {
 color:#000;
}



/* 下半部右邊
---------------------------------------------------- */
.colrightbox {
  height: 400px;
  border:1px solid #a4a4a4;
  background:url(../_ind_img/bg_titile_3.gif) repeat-x;
}
.tiitle{
  color:#000;
  font-weight: bold;
  padding-left: 10px;
}

/* 討論
---------------------------------------------------- */
.discussbox {
  padding: 3px 10px 0 20px;
  background:url(../_ind_img/icon_2.gif) 5px 10px no-repeat ;
}


/* 民調中心
---------------------------------------------------- */
.vote {
  width: 205px;
  height: 250px;
  border:1px solid #a4a4a4;
  float:left;
  margin-top: 5px;
  background:url(../_ind_img/bg_titile_3.gif) repeat-x;
} 
.tiitle1{
  color:#000;
  font-weight: bold;
  padding: 5px;
}
.vote .text {
  padding: 0 5px;
}
.vote .bar {
  border: 1px solid #666;
  margin-bottom: 6px;
}


/* 排行榜
---------------------------------------------------- */
.charts {
  width: 125px;
  height: 250px;
  border:1px solid #a4a4a4;
  float: right;
  margin-top: 5px;
  background:url(../_ind_img/bg_titile_3.gif) repeat-x;
} 
.chartstable {
 color:#000;
}
.chartstable td {
  height: 23px;
  padding-left: 35px;
}
.chartstable a:link ,.chartstable a:visited {
  color:#000;
}


/* 商店街
---------------------------------------------------- */
.shop{
  width: 514px;
  height: 250px;
  border: 1px solid #a4a4a4;
  margin-top: 5px;
  background: url(../_ind_img/bg_titile_4.gif) no-repeat;
}


.shop .pic {
  border:1px solid #999;
  float:left;
}
.shopbox {
  width: 240px;
  padding: 10px 0 10px 15px;
  float:left;
}

.shoptext{
  width: 135px;
  float: right;
  line-height: 16px;
} 
.shoptext a:link ,.shoptext a:visited {
 color:#da3893;
}

/* 頁尾
---------------------------------------------------------------------------------------- */
#footer {
  height:100px;
  padding-top: 3px;
  margin:10px  4px 0  4px;
  background:url(../_ind_img/bg_footer.gif) repeat-x;
}
#footer p{
  text-align:center;
  color:#888;
  line-height: 21px;
}

#footer p a:link, #footer p a:visited{
  color:#000;
  padding:0 5px;
}

#footer p a:hover{
  color:#666;
}