html { margin: 0; }

body 
{
  font :13px/100% Verdana,Tahoma,Arial,sans-serif;
  margin: 0 auto;
  padding: 0;
  color: #666;
  line-height: 110%;
}

a
{
  color:#666;
  text-decoration:none;
  font-size:12px;
}
a:hover
{
  color:#333;
  text-decoration:underline;
  font-size:12px;
}
a img
{
  border:none;
}
a:hover img
{
  position:relative;
  bottom:-1px;
  right:-1px;
}

#main
{
  position:relative;
  margin:0 auto;
  width:885px;
}
#banner
{
  background:url("imgs/banner.jpg") bottom center no-repeat; 
  position:relative;
  height:100px;
}
#banner h1
{
  text-indent:-9999px;
}
#navi_bar
{
 position:absolute;
 bottom:0px;
 left:0px;
 width:100%;
 height:25px;
 color:white;
}
#navi_bar a
{
  color:#fff;
  margin-left:15px;
  margin-right:10px;
}
#navi_bar a:hover
{
  text-decoration:underline;
}
#navi_bar span#login
{
  margin-left:-10px;
}

#join a
{
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  right:80px;
  top:15px;
  z-index:100;
}

#backhome a
{
  display:block;
  position:absolute;
  width:70px;
  height:35px;
  right:360px;
  top:40px;
  z-index:101;
}


#hakka_brand
{
  position:absolute;
  width:162px;
  height:291px;
  right:0px;
}
#hakka_media
{
display:none;
  
}
#brand_right
{
  float:right;
  height:100%;
  width:162px;
}
#listen_online
{
  height:46px;
 
}
#hakka_singers
{
  height:245px;
}
#content
{
  position:relative;
}
#content_left
{
  float:left;
  height:100%;
  width:720px;
}

#lnews_main_head h2
{
  display:none;
}

#lnews_main_head p
{
  padding-top:10px;
  padding-left:70px;
}


#lnews_main_head
{
  background:url("imgs/lnews_main_head.jpg") no-repeat;
  height:35px;
}



.page_navi
{
  text-indent:400px;
}


.rnews_body_main
{
  padding-left:40px;
  padding-right:60px;
  min-height:220px;
}


.rnews_body
{
  padding-left:70px;
  padding-right:70px;

}



.latest_act .lact_head,.radio_news .rnews_head
{
  background:url("imgs/lact_head.jpg");
  height:84px;
}
.latest_act .lact_head h3,.radio_news .rnews_head h3
{
  padding-top:55px;
  padding-left:80px;
}
.latest_act .lact_head h3 a,.radio_news .rnews_head h3 a
{
  color:white;
  font-size:16px;
}
.latest_act .lact_body
{
  padding-left:80px;
  padding-right:80px;
}


.latest_act .lact_body .lact_content
{
  margin-top:30px;
  width:550px;
}
.latest_act .lact_tail,.radio_news .rnews_tail
{
  background:url("imgs/lact_tail.jpg") no-repeat;
  height:84px;
  padding-left:160px;
  padding-right:80px;
  padding-top:1px;
  position:relative;
}

.latest_act .lact_tail .lact_record
{ 
  position:absolute;
  right:90px;
  top:10px;
}


#lnews_main_body .latest_act_main 
{
  position:relative;
  background:url("imgs/lnews_act_main.jpg") no-repeat;
}

.lact_head_main
{
  margin-bottom:40px;
}


.lact_head_main h3
{
  position:absolute;
  display:block;
  text-align:center;
  width:470px;
  height:25px;
  left:200px;
  top:10px;
}

.lact_head_main h3 a
{
  color:white;
  font-size:16px;
}

.lact_head_main h3 a:hover
{
  color:white;
  font-size:16px;
  text-decoration:underline;
}
.lact_head_main p
{
  margin-top:10px;
  padding-top:2px;
  margin-left:50px;
 
} 

.lact_body_main
{
  padding-left:40px;
}
.lact_tail_main
{
 background:url("imgs/lact_tail_main.jpg") no-repeat; 
 height:46px;
}
.lact_tail_main p
{
  margin-left:570px;
  padding-top:15px;
}

#lnews_main_body .radio_news_main
{
  background:url("imgs/radio_news_main.jpg") no-repeat;
/*  position:relative;*/
}

#lnews_main_body .rnews_head_main
{
  margin-top:10px;
/*  margin-bottom:10px;*/
  text-align:left;
}

#lnews_main_body .rnews_head_main h3
{
  margin-top: 0px;
  display: block;
  text-align:left;
  width:595px;
  height: 40px;
  line-height: 40px;
  left:60px;
  padding-left: 60px;
  padding-top: 12px;
}

#lnews_main_body .rnews_head_main p
{
  padding-right:80px;
  padding-top:20px;
  color:white;
}
#lnews_main_body .rnews_head_main h3 a
{
 color:white;
 font-size:16px;
}

#djintro_main_head
{
   background:url("imgs/djintro_main_head.jpg") no-repeat;
   height:35px;
}
#djintro_main_head h2
{
  display:none;
}
#djintro_main_head p
{
  padding-top:13px;
  padding-left:73px;
}
#djintro_main_body h3
{
  background:url("imgs/djintro_main_body.jpg") no-repeat;
  height:134px;
  text-indent:-9999px;
}


#djintro_main_body .staff_list
{
  background:url("imgs/djintro_main_body2.jpg") no-repeat;
  padding-top:30px;
  padding-left:50px;


}
.staff_list ul
{
  list-style:url("imgs/list-style2.gif");
}

.staff_list ul li
{
 margin-bottom:15px;
 border-bottom: 1px dotted #7a4052;
 width:550px;
}

#djintro_main_body>p
{
  position:absolute;
  top:70px;
}

#djintro_main_body .djName
{
  background:url("imgs/djintro_main_body_djname.jpg") no-repeat;
  height:50px;
  padding-left:260px;
  padding-top:20px;
  margin-bottom:-20px;
  color:white;
}

#djintro_main_body .djInfoUL
{
  margin-left:0px;
  padding-left:250px;
  list-style:url("imgs/list-style2.gif");
}

#djintro_main_body>ul li
{

  margin-right:50px;
}


#djintro_main_tail
{
  background:url("imgs/djintro_main_tail.jpg") no-repeat;
  height:97px;
  padding-right:110px;
  padding-top:65px;  
}
#djintro_main_tail p
{
  float:right;

}

#singers_main_head
{
   background:url("imgs/singers_main_head.jpg") no-repeat;
   height:35px;
}
#singers_main_head h2
{
  display:none;
}
#singers_main_head p
{
  padding-top:13px;
  padding-left:123px;
}
#singers_main_body h3
{
  background:url("imgs/singers_main_body.jpg") no-repeat;
  height:134px;
  text-indent:-9999px;
}

#singers_main_body .staff_list
{
  background:url("imgs/singers_main_body2.jpg") no-repeat;
  padding-top:30px;
  padding-left:50px;
  
}
#singers_main_body .staff_list li
{
  width:550px;
}
#singers_main_body
{
 /* position:relative;*/
}
.page_search
{
 /* position:relative;*/
  top:140px;
  left:70px;
}

#singers_main_body .singers_img
{
/*  position:absolute;*/
  top:0px;
  float: left;
}

#singers_main_body .singerName
{
  width: 500px;
  background:url("imgs/djintro_main_body_djname_rich.jpg") no-repeat;
  height:30px;
  padding-left:50px;
  padding-top:20px;
  color:white;
  float: right;
  display: block;
}

#singers_main_body .singerInfoUL
{
  margin-left:0px;
  /*padding-left:250px;*/
  float: right;
  list-style:url("imgs/list-style2.gif");
  width:500px;
}

#singers_main_body li
{
  line-height: 16px;
  font-size: 16px;
  margin-right:50px;
}


#singers_main_tail
{
  background:url("imgs/djintro_main_tail_rich.jpg") no-repeat;
  height:97px;
  padding-top:65px;  
  float: right;
  width: 500px;
}
#singers_main_tail p
{
  float:right;
  padding-right: 100px;

}

#enews_main_head
{
   background:url("imgs/enews_main_head.jpg") no-repeat;
   height:35px;
}
#enews_main_head h2
{
  display:none;
}
#enews_main_head p
{
  padding-top:13px;
  padding-left:110px;
}
#enews_main_body h3
{
  background:url("imgs/enews_main_body.jpg") no-repeat;
  height:134px;
  text-indent:-9999px;
}

#enews_main_body .staff_list
{
  background:url("imgs/singers_main_body2.jpg") no-repeat;
  padding-top:30px;
  padding-left:50px;
  
}
#enews_main_body .staff_list li
{
  width:550px;
}
#enews_main_body
{
 /* position:relative;*/
}
.rss_feed
{
  padding-left:50px;
}
.rss_feed a
{
  background:url("imgs/rss_feed.jpg") no-repeat;
  height:30px;
  width:96px;
  display:block;
  text-indent:-9999px; 
}
#enews_main_body .enews_img
{
  position:absolute;
  top:0px;
}
#enews_main_body>h4
{
  background:url("imgs/djintro_main_body_djname.jpg") no-repeat;
  height:50px;
  padding-left:260px;
  padding-top:20px;
  margin-bottom:-20px;
  color:white;
}
#enews_main_body>ul
{
  margin-left:0px;
/*  padding-left:250px;*/
  list-style:url("imgs/list-style2.gif");
}

#enews_main_body>ul li
{

  margin-right:50px;
}


#enews_main_tail
{
  background:url("imgs/djintro_main_tail.jpg") no-repeat;
  height:97px;
  padding-right:110px;
  padding-top:65px;  
}
#enews_main_tail p
{
  float:right;

}

#olisten_main_head
{
   background:url("imgs/olisten_main_head.jpg") no-repeat;
   height:35px;
}
#olisten_main_head h2
{
  display:none;
}
#olisten_main_head p
{
  padding-top:13px;
  padding-left:80px;
}
#olisten_main_body
{
 /* position:relative;*/
}

#olisten_main_body .olisten_img
{
  position:absolute;
  top:0px;
}
#olisten_main_body>h4
{
  background:url("imgs/djintro_main_body_djname.jpg") no-repeat;
  height:50px;
  padding-left:260px;
  padding-top:20px;
  margin-bottom:-20px;
  color:white;
}
#olisten_main_body>ul
{
  margin-left:0px;
  padding-left:250px;
  list-style:url("imgs/list-style2.gif");
}

#olisten_main_body>ul li
{

  margin-right:50px;
}


#olisten_main_tail
{
  background:url("imgs/djintro_main_tail.jpg") no-repeat;
  height:97px;
  padding-right:110px;
  padding-top:65px;  
}
#olisten_main_tail p
{
  float:right;

}


#dl_main_head
{
   background:url("imgs/dl_main_head.jpg") no-repeat;
   height:35px;
}

#dl_main_head h2
{
  display:none;
}
#dl_main_head p
{
  padding-top:10px;
  padding-left:80px;
}

#dl_main_head p span
{
  float:left;
}
#dl_main_head p #jingo_dl a
{
  background:url("imgs/jingo_dl_0.gif") no-repeat;
  height:30px;
  width:78px;
  display:block;
  text-indent:-9999px; 
}
#dl_main_head p #jingo_dl a:hover
{
 background:url("imgs/jingo_dl_1.gif") no-repeat;
}

#dl_main_head p #wallpaper_dl a
{
  background:url("imgs/wallpaper_dl_0.gif") no-repeat;
  height:30px;
  width:78px;
  display:block;
  text-indent:-9999px; 
}
#dl_main_head p #wallpaper_dl a:hover
{
 background:url("imgs/wallpaper_dl_1.gif") no-repeat;
}

#dl_main_body
{
/*  position:relative;*/
}

#about_main_head
{
   background:url("imgs/about_main_head.jpg") no-repeat;
   height:35px;
}

#about_main_head h2
{
  display:none;
}
#about_main_head p
{
  padding-top:10px;
  padding-left:80px;
}

#about_main_head p span
{
  float:left;
}
#about_main_head p #about_1 a
{
  background:url("imgs/about_1_0.gif") no-repeat;
  height:30px;
  width:78px;
  display:block;
  text-indent:-9999px; 
}
#about_main_head p #about_1 a:hover
{
 background:url("imgs/about_1_1.gif") no-repeat;
}
#about_main_head p #about_2 a
{
  background:url("imgs/about_2_0.gif") no-repeat;
  height:30px;
  width:78px;
  display:block;
  text-indent:-9999px; 
}
#about_main_head p #about_2 a:hover
{
 background:url("imgs/about_2_1.gif") no-repeat;
}

#about_main_head p #about_3 a
{
  background:url("imgs/about_3_0.gif") no-repeat;
  height:30px;
  width:78px;
  display:block;
  text-indent:-9999px; 
}
#about_main_head p #about_3 a:hover
{
 background:url("imgs/about_3_1.gif") no-repeat;
}

#about_main_head p #about_4 a
{
  background:url("imgs/about_4_0.gif") no-repeat;
  height:30px;
  width:78px;
  display:block;
  text-indent:-9999px; 
}
#about_main_head p #about_4 a:hover
{
 background:url("imgs/about_4_1.gif") no-repeat;
}

#about_main_head p #about_5 a
{
  background:url("imgs/about_5_0.gif") no-repeat;
  height:30px;
  width:78px;
  display:block;
  text-indent:-9999px; 
}
#about_main_head p #about_5 a:hover
{
 background:url("imgs/about_5_1.gif") no-repeat;
}

#about_main_head p #about_6 a
{
  background:url("imgs/about_6_0.gif") no-repeat;
  height:30px;
  width:78px;
  display:block;
  text-indent:-9999px; 
}
#about_main_head p #about_6 a:hover
{
 background:url("imgs/about_6_1.gif") no-repeat;
}


#about_main_head p #about_7 a
{
  background:url("imgs/about_7_0.gif") no-repeat;
  height:30px;
  width:78px;
  display:block;
  text-indent:-9999px; 
}
#about_main_head p #about_7 a:hover
{
 background:url("imgs/about_7_1.gif") no-repeat;
}



#about_main_head p #about_8 a
{
  background:url("imgs/about_8_0.gif") no-repeat;
  height:30px;
  width:78px;
  display:block;
  text-indent:-9999px; 
}
#about_main_head p #about_8 a:hover
{
 background:url("imgs/about_8_1.gif") no-repeat;
}

#about_main_body
{
/*  position:relative;*/
}


#latest_news
{
  float:left;
  width:455px;
  height:100%;
  background:url("imgs/latest_news.jpg") no-repeat;
}

#latest_news h2,#content_left #e_news h2
{
  display:none;
}
#e_news
{
  float:left; 
  width:265px;
  height:100%;
  background:url("imgs/e_news.jpg") no-repeat;
}
{
  padding-right:5px;
}
#lnews_body,#enews_body
{
  margin-top:40px;
}
#lnews_body .r_list
{
  list-style:url("imgs/list-style.gif");
  text-align:left;
  margin-left:15px;
  padding:0;
}
#lnews_body .r_list .r_item
{
  padding-bottom:10px;
}
#content_right
{
  float:right;
  clear: both;
  height:100%;
  width:162px;
  padding-top:30px;
}
#radio_info
{
  float: left;
  width:100%;
  background:url("imgs/radio_info.jpg") no-repeat left;
  color:white;
  padding-top:13px;
  padding-left:13px;
  padding-bottom:4px;
}
#radio_info p
{
  font-size:12px;
  margin:0px;
  margin-bottom:1px;
}
#radio_info h2
{
  display:none;
}
#radio_info a
{
  font-size:10px;
  color:white;
}


#content_left #cart_main #cart_main_head
{
   background:url("imgs/cart_main_head.jpg") no-repeat;
   height:35px;
}

#content_left #cart_main #cart_main_head h2
{
  display:none;
}

.cart_item
{
  background:url("imgs/cart01.jpg") no-repeat;
  width:720px;
  height:150px;
 /* position:relative;*/
}
.cart_item .cart_item_pic
{
  width:165px;
  height:150px;
  float:left;
}
.cart_item .cart_item_content
{
  float:left;
  height:150px;
  width:365px;
}
.cart_item .cart_item_content p
{
  padding-top:10px;
  padding-left:10px;
}

.cart_item .cart_item_add
{
  height:150px;
  width:190px;
  float:left;
}
.cart_item .cart_item_add a
{
  display:block;
  background:url("imgs/add_cart.gif");
  width:130px;
  height:60px;
  margin-top:45px;
  margin-left:30px;
}

.cart_item_detail
{
  background:url("imgs/cart02.jpg") no-repeat top;
  width:720px;
  min-height:300px;
/*  position:relative;*/
}
  
.cart_item_detail .cart_item_pic
{
  width:165px;
  height:150px;
  float:left;
}

.cart_item_detail .cart_item_content
{
  float:left;
  height:150px;
  width:365px;
}
.cart_item_detail .cart_item_content p
{
  padding-top:15px;
  padding-left:10px;
}

.cart_item_detail .cart_item_add
{
  height:150px;
  width:165px;
  position:absolute;
  top:150px;
}
.cart_item_detail .cart_item_add a
{
  display:block;
  background:url("imgs/add_cart.gif") no-repeat;
  width:130px;
  height:60px;
  margin-top:45px;
  margin-left:18px;
}