@charset "utf-8";
body {
	background-color: #90D17C;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: small;
	font-weight: normal;
	color: #000000;
}
P {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

IMG {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
img a {
	margin: 0px;
	padding: 0px;
}

UL {
	FONT-WEIGHT: normal;
	MARGIN: 0px;
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
}
OL {
	FONT-WEIGHT: normal;
	MARGIN: 0px;
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
}
LI {
	FONT-WEIGHT: normal;
	MARGIN: 0px;
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
}
H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H4 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
}
H5 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H6 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
div {
	margin: 0px;
	padding: 0px;
}

.h18 {
	margin-top: 18px;
}
input.srcTxt-sty {
	height: 16px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #333333;
	background-repeat: no-repeat;
}
#txt.t {
	display: inherit;
}

#clr {

	clear: both;
}


#BODYBG {
	background-image: url(../images/bodybg.jpg);
	background-repeat: no-repeat;
	height: 800px;
	padding: 0px;
	background-position: 50% 0px;
	margin: 0px;
	width: auto;
}


#PAGE {
	width: 920px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	text-align: left;
}
#CtentsBox {
	margin: 0px;
	padding: 0px;
	clear: both;

}
#MstrHead {
	margin-right: auto;
	margin-left: auto;
	width: 920px;
	padding: 0px;
}


#lagioLogo {
	background-image: url(../images/lagio-logo.jpg);
	background-repeat: no-repeat;
	height: 68px;
	width: 240px;
	float: left;
	margin-top: 27px;
	margin-bottom: 7px;
}
#BD {
	clear: both;
	background-image: url(../images/cntsbdbg01.jpg);
	background-repeat: repeat-x;
	background-color: #90D17C;
	width: 920px;
}


/*-------------------*/
/*----設定版面高度----*/
#BD #BDbox {
	margin-right: 20px;
	margin-left: 20px;
	position: relative;
	/*height: 600px;*/
	padding-top: 10px;
	clear: both;
}
#BD #BDleft {
	width: 559px;
	margin-right: 18px;
	float: left;
}
#BD #BDright {
	float: right;
	width: 303px;
}
#BD #BDleft #tp {
	margin-bottom: 18px;
}

#BD #BDleft #lft {
	float: left;
	height: 30px;
	width: 238px;
	margin-right: 18px;
}
#BD #BDleft #mdl {
	float: right;
	height: 30px;
	width: 303px;
}
div#albumImg {
	width: 95%;
	padding: 5px;
}
.imagebox1 {
	float: left;
	padding-top: 3px;
	padding-left: 4px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;

}
.imagebox1 p {
	text-align: center;
	margin: 0px;
	font-size: 85%;
	color: #000000;
	line-height: 14px;
}

/*----------------------*/
/*----unit-nav 主選單----*/
#nav {
	margin-right: 20px;
	margin-left: 20px;
	width: 880px;
	top: 95px;
}

#navbar .left {
	float: left;
	width: 782px;
	margin-right: 8px;
	height: 31px;
	background-image: url(../images/navbarbg01.jpg);
	background-repeat: repeat-x;
	display: inline;
}
#navbar   .left   .mouse {


}
#navbar   .left   a.txt  {
	float: left;
}

#navbar .left .menu {
	float: left;
	height: 24px;
	padding-top: 7px;
	padding-left: 8px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	padding-right: 8px;
}
#navbar  .left  .menu  a.txt {
	font-size: 15px;
	color: #FDBE15;
	text-decoration: none;
}
#navbar  .left  .menu  a.txt:hover {
	font-size: 15px;
	color: #FFFFFF;
}
#navbar     .left       .menu .mouse    {
	background-image: url(../images/btn_navSub.jpg);
	background-repeat: no-repeat;
	height: 24px;
	width: 15px;
}
#navbar  .left  .menu .mouse:hover    {
	background-image: url(../images/btn_navSub-f.jpg);
	background-repeat: no-repeat;
	height: 24px;
	width: 15px;
}

#navbar .left .menu .navBtn {
	height: 24px;
	width: 15px;
}
#navbar .left .menu .ch {
	position: absolute;
	margin-left: -8px;
	z-index: 100;
	width: 160px;
}
#navbar .left .menu .ch li {
	height: 18px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	font-size: 13px;
	padding-top: 4px;
	padding-left: 7px;
	color: #000000;
	text-decoration: none;
}

#navbar     .left     .menu     .ch      li.ms  {
	background-color: #CCCCCC;
}
#navbar .left .menu .ch li.msDn {
	background-color: #FFCC00;
}
#navbar  .navSrc   {
	float: right;
	padding-top: 4px;
	display: inline;
	background-position: right;
}
#navbar .navSrc .typeL {
	width: 140px;
	float: left;
}
#navbar       .navSrc       .srcTxt-sty    {
	background-color: #FFD955;
	background-image: url(../images/srcInptbg_1.gif);
	background-repeat: no-repeat;
}
#navbar .navSrc a.txt  {
	font-size: 15px;
	color: #FDBE15;
	text-decoration: none;
	margin-top: 3px;
	margin-left: 3px;
	display: block;
	float: right;
	margin-right: 5px;
}
/*#navbar  .navSrc  a.txt:hover  {
	font-size: 15px;
	color: #FFFFFF;
}*/
#navbar .navSrc li {
	display: inline;
}

#navbar .right {
	float: right;
	height: 31px;
	width: 90px;
}

/*#navbar  li   span  {
	margin-top: 5px;
}*/


/*--------------------------------*/
/*----unit-featurAlbum 推薦歌曲----*/
#funtionBar {
	margin-top: 70px;
	margin-right: 7px;
	width: 30%;
	list-style-image: none;
	list-style-type: none;
	float: right;
}
#funtionBar #login {
	float: right;
}
#funtionBar #login ul.txt {
	color: #000000;
	font-size: 90%;
}

#funtionBar #login ul li {
	text-decoration: none;
	display: inline;
}


#funtionBar #login ul li a {
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}
#funtionBar #login ul li a:hover {
	text-decoration: underline;
	color: #CC0000;
	font-weight: bold;
}
#funtionBar #chLyut {
	float: left;
	visibility: hidden;
}
#featurMember {
	padding: 13px;
	background-color: #FFD955;
	height: 237px;
	margin-bottom: 18px;
}
#featurMember #L {
	float: left;
}
#featurMember #L .sty {
	border: 1px solid #666666;
	margin-right: 13px;
}
#featurMember #R {
	float: right;
	width: 280px;
}
#featurMember #R #info {
	/*height: 100px;*/
}
#featurMember #R #info.txt {
	font-size: 12px;
	line-height: 22px;
}

#featurMember #R #info #hd.sty {
	font-weight: bold;
	font-size: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
}
#featurMember #R #info #hd a {
	color: #000000;
	text-decoration: none;
}
#featurMember #R #info #hd a:hover {
	color: #000000;
	text-decoration: underline;
}

#featurMember #R #infoAlbm {
	/*position: relative;*/
	border: 1px solid #FF9900;
}
#featurMember #R #infoAlbm #hd {
	background-color: #FF9900;
	height: 14px;
	padding-top: 2px;
	padding-left: 5px;
}
#featurMember #R #infoAlbm #hd p {
	font-size: 11px;
	font-weight: bold;
	color: #FFEEB5;
}
#featurMember  #R  #sngbox  {
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
}
#featurMember  #R  #sngbox  .s1  .cover {
	float: left;
	margin-right: 3px;
}
#featurMember #R #sngbox .s1 {
	height: 58px;
}

#featurMember #R  #sngbox .s1 strong {
	display: block;
	height: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
}
#featurMember #R #sngbox li a {
	color: #000000;
	font-size: 11px;
	text-decoration: none;
}
#featurMember #R #sngbox li a:hover {
	color: #000000;
	font-size: 11px;
	text-decoration: underline;
}

/*---------------------------------*/
/*----unit-tutorial 使用教學-按紐----*/
#tutorial {
	margin-bottom: 18px;
}
#tutorial .h {
	margin-bottom: 4px;
}

/*-----------------------------*/
/*----unit-nwMember 新進會員----*/
#nwMember {

}

#nwMember #bdy {
	background-color: #999999;
}
#nwMember #albumImg .imagebox1 {
	width: 66px;
}
#nwMember   p   a {
	color: #000000;
	text-decoration: none;
	background-position: center;
}
#nwMember  p  a:hover{
	color: #000000;
	text-decoration: underline;
}

/*------------------------*/
/*----unit-search 搜尋----*/
#search {
	margin-bottom: 18px;
}
#search #bdy {
	padding-top: 7px;
	padding-left: 10px;
	height: 33px;
}
#srcbg #bdy p {
	font-size: 98%;
}
#srcbg  #bdy  p strong {
	float: left;
	margin-right: 5px;
	margin-top: 5px;
}

#srcbg #bdy input.srcTxt-sty {
	background-color: #FFD955;
	background-image: url(../images/srcInptbg_1.gif);
	background-repeat: no-repeat;
	float: left;
	margin-top: 2px;
	margin-right: 5px;
}

/*----------------------------*/
/*----unit-nwAlbum 最新專輯----*/
#nwAlbum {


}
#nwAlbum    #bdy   li.sty {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
}
#nwAlbum #bdy li .infobox-sty {
	height: 83px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	padding: 3px;
}
#nwAlbum  #bdy  li  img.sty {
	float: left;
}
#nwAlbum #bdy li .cntsR {
	display: block;
	margin-left: 85px;
}
#nwAlbum #bdy li .cntsR p {
	font-size: 12px;
}

#nwAlbum #bdy li .cntsR p.sty {
	height: 55px;
	margin-bottom: 3px;
	margin-right: 5px;
	margin-left: 5px;
}
#nwAlbum #bdy li .cntsR p strong {
	display: block;
	margin-bottom: 3px;
	margin-top: 3px;
}
#nwAlbum #bdy li .cntsR p strong a{
	color: #000000;
	text-decoration: none;
	font-size: 13px;
}
#nwAlbum #bdy li .cntsR p strong a:hover{
	font-size: 13px;
	color: #000000;
	text-decoration: underline;
}

#nwAlbum #bdy li .cntsR div.msc_1 {
	background-color: #FFFFFF;
	height: 24px;
}
#nwAlbum #bdy li .cntsR div.msc_1 p{
	float: left;
	padding-top: 4px;
	padding-left: 5px;
}
#nwAlbum #bdy li .cntsR div.msc_1 p a{
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
#nwAlbum #bdy li .cntsR div.msc_1 p a:hover{
	font-size: 11px;
	color: #666666;
	text-decoration: underline;
}

#nwAlbum #bdy li .cntsR div.msc_1 .btn {
	width: 40px;
	float: right;
	margin-right: 3px;
	margin-top: 4px;
}
/*--------------------------------*/
/*----unit-featurAlbum 推薦歌曲----*/
#featurAlbum {
	margin-bottom: 18px;
	height: 325px;
}
#featurAlbum .mod {
	margin-bottom: 4px;
}
#featurAlbum .mod .hd_bg {
	background-image: url(../images/hd_player_303x21.gif);
	background-repeat: no-repeat;
}

#featurAlbum .mod h4 {
	padding-top: 4px;
	padding-left: 8px;
}
#featurAlbum .mod h4.sty {
	color: #FFFFFF;
	font-size: 99%;
}


#featurAlbum #mod #player {
	z-index: 5;
	top: 5px;
}

/*----------------------*/
/*----unit-news 公告----*/
#news {
	margin-bottom: 18px;
	width: 303px;
}
#news #bdy {
	height: 100px;
	margin-top: 2px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 2px;
	display: block;
}
#news #bdy.sty {
	background-color: #FCF9EE;
	padding: 5px;
}
/*----------------------*/
/*----unit-tags 標籤----*/
#tags {
	margin-bottom: 18px;
}
#tags #bdy {
	height: 87px;
	padding: 5px;
}
#tags #bdy ul li {
	display: inline;
	margin-right: 5px;
	font-size: 13px;
	color: #000000;
	line-height: 17px;
}
#tags #bdy ul li a.sty {
	color: #CC0000;
}
#tags #bdy ul li a {
	text-decoration: none;
	color: #000000;
}
#tags #bdy ul li a:hover {
	text-decoration: underline;
}
/*-------------------------------*/
/*----unit-newConment 最新回應----*/
#nwCment {
	margin-bottom: 18px;


}
#nwCment #bdy {


}
#nwCment #bdy li {
	height: 22px;
	padding-top: 6px;
	padding-left: 8px;
}
#nwCment #bdy li span.icon {
	padding-left: 25px;
	background-image: url(../images/icon_cment.gif);
	background-repeat: no-repeat;
	background-position: left;
}


#nwCment #bdy li.sty {
	background-color: #D0D692;
}

#nwCment #bdy li a {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
#nwCment #bdy li a:hover {
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
}

/*-------------------*/
/*----unit-ad 廣告----*/
#ad {
	clear: both;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 18px;

}
#ad #bdy #adby {
	font-size: 11px;
	color: #FFFFFF;
	float: right;
	font-weight: bold;
}

#ad #bdy li {
	display: inline;
	float: left;
	margin: 5px;
}
#ad #bdy .adbox {
	width: 165px;
}


#ad #bdy li a {
	font-size: 12px;
	color: #48752B;
	text-decoration: none;
}
#ad #bdy strong {
	color: #31501D;
	display: block;
	line-height: 20px;
}

/*-------------------*/
/*----unit-ftr表尾----*/
#FTR {
	background-color: #B2DEA2;
	width: 920px;
	padding-top: 1px;
	margin-right: auto;
	margin-left: auto;
	background-position: center;
	text-align: center;
	clear: both;
}
#FTR #bg {
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 60px;
	padding-left: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	font-weight: normal;
}



#FTR #info span.txt {
	color: #FF3300;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}


#FTR #info li {
	display: inline;
}
#FTR #info li a {
	color: #FF3300;
	text-decoration: none;
}
#FTR #info li a:hover {
	color: #FF3300;
	font-weight: bold;
}
#FTR #copyright {
  font-family: Arial, Helvetica, sans-serif;
   float: left;
   color: #6C856B;
   font-size: 85%;
   margin-top: 45px;

}
#FTR #powerby {
	background-image: url(../images/powerby.gif);
	background-repeat: no-repeat;
	height:60px;
	width:300px;
	float: right;
}