/*=====================目錄==========================*/
/*													*/
/*		[1]header設定								*/
/*			A.header--主選單/按鈕/主按鈕/				*/
/*				1.主選單								*/
/*			B.登入區									*/
/*			C.logo									*/
/*		[2]footer設定								*/
/*		[3]全區域 使用物件元素							*/
/*			A.#webKaraContent的Layout版型配置設定		*/
/*			B.內容區格式設定方式						*/
/*				1.主區塊  STYLE主要設定				*/
/*				2.紫色系  色系STYLE主要設				*/
/*				3.灰色系  色系STYLE主要設定			*/
/*				4.全區域 內容區塊  標題 title ICON 設定	*/
/*			C.美化盛裝內容							*/
/*			D.文字設定								*/
/*			E.按鈕									*/
/*			F.其他功能								*/
/*			G.fieldset								*/
/*		[4]webKara頁面周邊物件						*/
/*			A.左上 webKara_quickMenu					*/
/*			B.熱門關鍵字								*/
/*			C.廣告版位設定							*/
/*			D.文章設定								*/
/*				1.左方露出 樂壇快遞/人物專訪 的區塊		*/
/*				2.樂壇快遞/人物專訪 文章LIST			*/
/*		[5]webKara內容								*/
/*			A.版面 / 配置								*/
/*			B.內容呈現設定 共用值						*/
/*				1.WEBKARA單曲卡拉 呈現方式(方塊)		*/
/*				2.WEBKARA單曲卡拉 學歌				*/
/*				3.點歌方式 第二層						*/
/*				4.進階搜詢KARA帶					*/
/*			C.點閱內容頁面							*/
/*====================目錄===========================*/

/*================================================*/
/***************L1(大主題)**************************/
/*==============L2(次主題)=========================*/
/*--------------L3(分段)--------------------------*/
/*L4(註解)*/
/*================================================*/



body {
	background-image: url(../images/layout/layoutPage_BG.gif);
	background-repeat: repeat-x;
	font-family:Geneva, Arial, Helvetica, sans-serif ,新細明體;
	font-size:11px; 
	margin: 0px;
}

a{
	color:#C51786;/*#015ED1;*/
	text-decoration:none;
	}

Input ,textarea{font-family:Geneva, Arial, Helvetica, sans-serif ,新細明體;
	font-size:11px; color:#646464;}
	
A:hover{text-decoration:underline;}


.left{float:left;}
.clear{ clear:left;}


/***********************************************************[1]header設定**************************************************************************/
/*======================================*/
/*		A.header--主選單/按鈕/主按鈕/		*/
/*			1.主選單						*/
/*			2.次主選單(文字連結)		*/
/*		B.登入區							*/
/*		C.logo							*/
/*======================================*/


#header {
	height:83px; 
	width:100%
	}/*header*/
#header .top{  
height:28px;
padding-left:20px;
	}/*header---上半段*/

#header .bottom{

	height:50px; 
	position:relative;
	margin-top:0px;
	padding-left:20px;
	}/*header---下半段--*/

	
/*==================================A.header--主選單/按鈕/主按鈕/=========================================*/	
/*----------------------------------*/
/*			1.主選單					*/
/*			2.次主選單(文字連結)		*/
/*----------------------------------*/



/*--------------1.主選單-----------------------*/
#searchBar{
	height:28px;
	padding-top:4px !important;
	*padding-top:0px !important;

	/*padding-top:3px;
	padding-left:20px;*/
	}/*header--搜尋列*/
#searchBar input{
	font-size:11px;
	}
#searchBar #textfield{ height:11px;}

#navigation{
	width:850px; 
	position:absolute; 
	top:5px; 
	height:20px;
	/*border:#333333 1px solid;*/
	}/*header--主選單呈*/
/*#navigation img{ float:left;}*/

#DIVmainmenu{ 
	margin:0px 0px 0px 120px;
	padding:0px;
/*	border:#ff0000 1px solid;*/
	}
#navigation .YGlogo{ 
	float:left;	
	position:absolute;

	}

#DIVmainmenu UL{ 
	margin:0px; 
	padding:0px;
	}
	
#DIVmainmenu LI{ 
	list-style-type:none;	
	DISPLAY: inline; 
	padding:0 20px 0 0; 
	}
	
#DIVmainmenu  h1{ 
	display:none;
	}

/*--------------2.次主選單(文字連結)--------------*/
/*灰底文字*/
#QuickNavBar_small{
float:right;
	color:#CCCCCC;
	height:24px;
	padding-top:6px !important;
	*padding-top:6px !important;
	}
#QuickNavBar_small ul{
	list-style:none; margin:0px; 
	}
#QuickNavBar_small li{ 
	float:left; 
	padding-right:8px; 
	border-left:#CCCCCC 1px solid; 
	padding-left:8px; 
	line-height:14px;
	list-style:none;
	}
#QuickNavBar_small li a{
	color:#DFB3FF;
	}


/*============================B.登入區================================*/
#DIVheaderLogin{
	 height:50px; 
	margin-top:15px; 
	position:absolute; 
	right:25px; 
	top:-3px;
	color:#B7B7B7
	}/*右上角登入區*/
#DIVheaderLogin .Box{
	float:left;	
	text-align:right; 
	padding-top:2px; 
	
	}/*登入文字*/
#DIVheaderLogin .authorPic{
	width:28px; 
	height:28px ; 
	border:2px #FFFFFF solid; 
	margin-left:3px; 
	
	}/*登入完成大頭圖*/
#DIVheaderLogin a{
	/*color:#BA5700;
	text-decoration:none;*/
	/*color:#BA5700;*/
	color:#ffffff;
	}
#DIVheaderLogin  A:hover{
		color:#DFB3FF;		
		text-decoration:underline;
		}


/*===========================C.logo=================================*/
	#logoPlace{
		float:left;
		margin-top:10px;
	}/*logo--位子*/
	
	

/****************************************************************[2]footer設定****************************************************************/
#footer{

	margin-left:auto;
	margin-right:auto;
	height:200px;
	background-image: url(../images/layout/footer_BG.gif);
	background-repeat: repeat-x;
	padding:20px 0 0 0;
	margin:0px 0;
	text-align:center;
	
}


#DIVfooterLinks LI{ 
	display:inline;
	FLOAT: left; 
	MARGIN-right: 20px;
	
	PADDING: 0px; 
	width:200px; 
	line-height:20px;
	/*border:1px solid #ff0000;*/

	}
#DIVfooterLinks { 
	width:970px; 
	MARGIN: 0px; 
	PADDING: 20px 0; 
	text-align:left;
	line-height:1.3em;
	/*border:1px solid #009900;*/

	}
#DIVfooterLinks DT{ 
	margin-left:36px; 
	font-weight:600; 
	color:#888888; 
	border-left:#888888 solid 3px; 
	padding-left:5px;
	line-height:1.4em;
	}
#DIVfooterLinks A{ 
	color:#888888; 
	direction:inherit;
	}
#DIVfooterLinks A:hover{ 
	color:#333333; 
	direction:inherit;
	}



#footerEnd{ 
	width:830px;
	color:#BABABA; 
	clear:both;
	
	}
#footerEnd .left{ 
	float:left; 
	margin-right:40px; 
	padding-top:40px;
	*padding-top:20px;
	}
#footerEnd .left img{ 
	float:left; 
	}
#footerEnd .right{ 

	float:left;
	height:45px;
	padding-top:60px;
	*padding-top:40px;
	}	
#footer option{ 
	color:#777777;
	}

/**********************************************[3]全區域 使用物件元素********************************************/
/*===================================================*/
/*	A.#webKaraContent的Layout版型配置設定			*/
/*	B.內容區格式設定方式							*/
/*		1.主區塊  STYLE主要設定					*/
/*		2.紫色系  色系STYLE主要設					*/
/*		3.灰色系  色系STYLE主要設定				*/
/*		4.全區域 內容區塊  標題 title ICON 設定		*/
/*		5.紫色系  半圓抬頭圖片						*/
/*		6.內容									*/
/*	C.美化盛裝內容								*/
/*	D.文字設定									*/
/*	E.按鈕										*/
/*	F.其他功能									*/
/*	G.fieldset									*/
/*===================================================*/



/*==========================A.#webKaraContent的Layout版型配置設定===========================*/
#container{
	padding:20px 0 20px 0;
	width:100%;
	min-height:100%;
	height: auto !important;
	height: 100%;

	
}

.layoutOneSide,.layoutTwoSide ,.layoutTwoSide_2 ,.layoutThreeSide{ 
	width:970px; 
	position:relative;	
	}/*1.2.3.欄式的總寬*/

/*-----一欄式----*/
.layoutOneSide #mainPanel{ 
	width:970px; 
/*	position:absolute; */
	left:0px;
	text-align:left;
	}/*1欄式的 主內容區*/
	
.layoutOneSide #mainPanel .palContainerBox_mid .showBox{ padding:20px 40px;}
.layoutTwoSide #mainPanel .palContainerBox_mid .showBox{ padding:10px 10px;}

/*-----二欄式 (main+Right)----*/
.layoutTwoSide #mainPanel{ 
	width:740px; 
	float:left;
	margin-right:10px;
	text-align:left;
	/*position:absolute; 
	left:0px;*/
	}/*2欄式的 內容欄*/

/*-----二欄式 (Left+Main)----*/
.layoutTwoSide_2 #mainPanel{ 
	width:730px; 
	float:right;
	margin-left:10px;
	text-align:left;
	/*position:absolute; 
	left:0px;*/
	}/*2欄式的 內容欄*/
.layoutTwoSide_2 #leftPanel{ 
	width:220px; 
	float:left;
	margin-right:10px;
	text-align:left;
	/*position:absolute; 
	left:0px; */
	}/*左欄*/

/*-----三欄式----*/
.layoutThreeSide #leftPanel ,{ 
	width:180px; 
	float:left;
	margin-right:10px;
	text-align:left;
	/*position:absolute; 
	left:0px; */
	}/*左欄*/
	
.layoutThreeSide #mainPanel{ 
	width:550px; 
	float:left;
	margin-right:10px;
	text-align:left;
	/*position:absolute; 
	left:190px; */ 
	}/*內容欄*/
	
.layoutThreeSide #rightPanel ,.layoutTwoSide #rightPanel{ 
	width:220px; 
	float:left;
	text-align:left;
	/*position:absolute; 
	left:750px; */
	}/*右欄*/





/*==========================================B.內容區格式設定方式(橘框框 灰框框)  palXXXX==========================================*/
/*------------1.主區塊  STYLE主要設定---------*/
.palContainerBox { 
	margin-bottom:10px;
	}/*全區域 內容區塊 */
.palContainerBox_mid .showBox {
	padding:10px 8px 5px 0;
	}/*全區域 內容區塊 */

.palContainerBox_mid  {
	background-repeat:repeat-y; 
	background-position:0 0; 
	}/*全區域 內容區塊 中段內容style */
.palContainerBox_mid .showBox {
	background-repeat:repeat-y;  
	background-position:100% 0; 
	margin-left:10px;

	}/*全區域 內容區塊 中段內容style */
.palContainerBox h3{ 
	color:#FFFFFF; 
	font-size:13px; 
	margin:0; 
	padding-top:8px; 
	padding-left:30px; 
	font-weight:500; 
	text-align:left;
	}/*區塊  title 文字設定*/


/*--------------2.紫色系  色系STYLE主要設定------------*/
#palWebKaraMainContent{ overflow:hidden;}
#palWebKaraMainContent .palContainerBox_top ,#palShowbizMusic .palContainerBox_top,#palShowbizCelebrity .palContainerBox_top{ 
	background-image:url(../images/layout/prodContent_clrBox_left.gif);
	background-repeat:repeat-y;  
	background-position:0 0; 
	height:27px; 
	}/*內容區塊上方 1 style*/ 
	
#palWebKaraMainContent .palContainerBox_top .showBox ,#palShowbizMusic .palContainerBox_top .showBox ,#palShowbizCelebrity .palContainerBox_top .showBox{ 
	background-image:url(../images/layout/prodContent_clrBox_right.gif); 
	background-repeat:repeat-y;  
	background-position:100% 0; 
	margin-left:10px;
	height:27px; 
	}/*內容區塊上方 2 style*/
	
#palWebKaraMainContent  .palContainerBox_mid ,#palShowbizMusic  .palContainerBox_mid ,#palShowbizCelebrity  .palContainerBox_mid{ 
	background-image:url(../images/layout/prodContent_clrBox_leftMid.gif);
	}/*內容區塊中間 1 style*/
	
#palWebKaraMainContent  .palContainerBox_mid .showBox ,#palShowbizMusic  .palContainerBox_mid .showBox ,#palShowbizCelebrity  .palContainerBox_mid .showBox{ 
	background-image:url(../images/layout/prodContent_clrBox_rightMid.gif);
	
	}/*內容區塊中間 2 style*/
	
#palWebKaraMainContent .palContainerBox_btm ,#palShowbizMusic .palContainerBox_btm ,#palShowbizCelebrity .palContainerBox_btm{ 
	background-image:url(../images/layout/prodContent_clrBox_left.gif);
	background-repeat:repeat-y;  
	background-position:0 100%; 
	height:2px; 
	}
	
#palWebKaraMainContent .palContainerBox_btm .showBox ,#palShowbizMusic .palContainerBox_btm .showBox ,#palShowbizCelebrity .palContainerBox_btm .showBox{ 
	background-image:url(../images/layout/prodContent_clrBox_right.gif); 
	background-repeat:repeat-y;  
	background-position:100% 100%; 
	margin-left:10px;height:2px; 
	}/*內容區塊下方 1 style*/




/*----------------------3.灰色系  色系STYLE主要設定------------*/
#palSimilarAuthor  .palContainerBox_top,#palQuickView  .palContainerBox_top ,#palFeelPush .palContainerBox_top{
	background-image:url(/images/layout/prodContent_grBox_top.gif);
	background-color:#5F5F5F;
	background-repeat:repeat-y; 
	background-position:100% 100%; 
	height:27px; 
	}/*內容區塊上方style*/
#palSimilarAuthor  .palContainerBox_mid ,#palQuickView  .palContainerBox_mid ,#palFeelPush .palContainerBox_mid{ 
	background-image:url(/images/layout/prodContent_grBox_leftMid.gif);
	}/*內容區塊中間 1 style*/
#palSimilarAuthor  .palContainerBox_mid .showBox  ,#palQuickView  .palContainerBox_mid .showBox ,#palFeelPush .palContainerBox_mid .showBox { 
	background-image:url(/images/layout/prodContent_grBox_rightMid.gif); 
	height:auto; 
	}/*內容區塊中間 2 style*/
#palSimilarAuthor  .palContainerBox_btm ,#palQuickView  .palContainerBox_btm ,#palFeelPush .palContainerBox_btm {
	background-image:url(/images/layout/prodContent_grBox_btm.gif);
	background-color:#5F5F5F; 
	background-repeat:repeat-y; 
	background-position:0 0; height:13px;
	}/*內容區塊下方 1 style*/
	
/*------------------------------4.全區域 內容區塊  標題 title ICON 設定------------------------------------*/
	#palWebKaraMainContent .title { 
	height:27px;background-image:url(../images/layout/prodCont_Box_h3icon_webKara_O.gif);
	background-repeat:no-repeat; 
	background-position:7px 3px;
	}/*作者*/
/*----------------------5.紫色系  半圓抬頭圖片------------*/
.palContainerBox .webKara_ContentTitleImg{margin-top:-10px;}


/*----------------------6.內容區域----------------------=*/
#webKara_ContentSelKara{
	position:relative;min-height:980px;
	}/*title半圓圖以後的內容x;*/

div#webKara_ContentSelKara{height: 980px;}
/*IE靠这保持最小高度，超出就自动向下延伸 */
div[class]#webKara_ContentSelKara{height: auto;}

/*========================================C.美化盛裝內容===============================================*/
/*-----------美化盛裝內容 圖片式BOX----------*/
#webKara_TableBox001 .BoxMid{
	background-image:url(../images/selKaraClass_tableMid.gif); 
	padding:8px 50px; 
	text-align:center; 
	overflow:hidden;
	}
#webKara_TableBox001{ }
	
/*==========================================D.文字設定=================================================================*/
td,th,div{word-break:break-all;word-wrap:break-word}

.txt_strong{ font-weight:800}

.txt_showCase{ color:#0090FF; font-weight:800;}
.txt_showCase2{ color:#FFAE21; font-weight:800;font-size:14px;}
.txt_showCase3{ font-weight:bold; font-size:12px; color:#669933; }
.txt_showCase4{font-size:11px; color:#FF6600;}
.txt_showCase5{font-size:10px; color:#919191;}
.txt_showCase6{ color:#0090FF; font-weight:800;font-size:14px;}
.txt_by{ 
	font-size:9px; 
	color:#666666; 
	padding-top:-5px; 
	}

	
	
/*==========================================F.其他功能=================================================================*/
#divPageControl{ 
	text-align:center; 
	margin:10px 0 30px 0;	
	padding-top:15px; 
	*padding-top:0px !important; 
	}/*頁次切換功能*/




/*==========================================G.fieldset	=============================================*/

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

legend{font-size:13px; color:#FF6600; font-weight:800;}






/*************************************************[4]webKara頁面周邊物件******************************************************/
/*==================================================*/
/*			A.左上 webKara_quickMenu					*/
/*			B.熱門關鍵字								*/
/*			C.廣告版位設定							*/
/*			D.文章設定								*/
/*				1.左方露出 樂壇快遞/人物專訪 的區塊		*/
/*				2.樂壇快遞/人物專訪 文章LIST			*/
/*==================================================*/

/*===========================A.左上 webKara_quickMenu===========================*/
#webKara_quickMenu{
	background-image:url(../images/layout/webKara_quickMenuBg.gif); 
	background-repeat:no-repeat;
	width:220px;
	height:94px;
	}
#webKara_quickMenu .Box{
	padding:8px 11px;
	}

/*==============B.熱門關鍵字=========================*/
.webKara_hotTags{
	width:90px; 
	position:absolute; 
	top:520px; 
	line-height:22px
	}
.webKara_hotTags .Box{ 
	padding:0px 4px; 
	margin-top:-8px; 
	margin-bottom:-8px;
	}
.webKara_hotTags a{ 
	margin-right:3px;
	}
.webKara_hotTags .Box .listNo1{ 
	font-size:12px; 
	font-weight:800;
	}
.webKara_hotTags .Box .listNo2{
	font-style:italic; 
	font-size:larger;
	color:#663399
	}
.webKara_hotTags .Box .listNo3{
	font-weight:800; 
	font-size:large
	}
.webKara_hotTags .Box .listNo4{ 
	font-size:12px; 
	}
.webKara_hotTags .Box .listNo5{ 
	font-size:large;
	font-style:italic; 
	font-weight:800;
	}

/*==============C.廣告版位設定=========================*/
/*webKara 主要重點式 固定式廣告*/
#webKara_stableBanner{
	margin-top:15px
	}

/*webKara 功能promo的固定式廣告*/
#webKara_promoFunction{
	background-image:url(../images/WK_promo001.gif); 
	width:220px; 
	height:180px;
	margin-top:15px; 
	position:relative
	}
	
	
/*==========================================D.文章設定==================================================*/
/*------------------------------------------------------*/
/*			1.左方露出 樂壇快遞/人物專訪 的區塊				*/
/*			2.樂壇快遞/人物專訪 文章LIST					*/
/*------------------------------------------------------*/

/*樂團快遞*/
#news_ForMusicWorld{
	background-image:url(../images/news_ForMusicWorld_bg.gif)
	}
	
/*人物專訪*/
#news_ForPeople{
	background-image:url(../images/news_ForPeople_bg.gif);
	}

/*----------------------1.左方露出 樂壇快遞/人物專訪 的區塊----------------------*/

.newsInfoBox  A:hover{
	text-decoration:underline;
	}
.newsInfoBox{
	width:220px; 
	height:180px;
	margin-top:10px; 
	position:relative; 
	color:#666666
	}/*BOX設定*/
.newsInfoBox .newsImg{
	width:77px; 
	height:77px;
	position:absolute; 
	top:33px; 
	left:9px;
	}/*新聞圖*/
.newsInfoBox .newTop1{
	position:absolute; 
	top:32px; 
	left:95px;
	}/*主要新聞 第一則 BOX*/
.newsInfoBox .newTop1 .title{
	color:#0066CC; 
	font-size:14px; 
	font-weight:800;
	}/*主要新聞 第一則 標題*/
.newsInfoBox .newTop1 .info{ 
	line-height:16px;
	}/*主要新聞 第一則 內容*/
.newsInfoBox .newTop2{
	position:absolute; 
	top:125px; 
	left:9px; 
	line-height:22px;
	}/*主要新聞 第二則*/
.newsInfoBox .newTop2 img{ 
	margin-right:5px;
	}/*主要新聞 第二則 圖*/
.newsInfoBox .newTop2 span{ 
	top:0px; 
	vertical-align:top;
	}/*主要新聞 第二則 文*/
.newsInfoBox .btn_more{
	position:absolute; 
	top:6px; 
	right:10px; 
	}/*MORE 按鈕*/
.newsInfoBox a{
	color:#0B7DBE;/*#015ED1;*/
	text-decoration:none;
	}/*新聞文字連結設定*/
	
/*----------------------2. 樂壇快遞/人物專訪 文章LIST----------------------*/

.newsBySingle {
	width:600px; 
	margin-left:50px; 
	margin-bottom:0px; 
	padding:20px; 
	border-bottom:#CCCCCC  dashed 1px; 
	font-size:13px; 
	line-height:1.8em; 
	color:#333333;
	}/*新聞單各區塊BOX設定*/
.newsBySingle table{
	width:600px;
	}/*呈放內容表格*/
.newsBySingle table img{ 
	height:118px;
	border:#CCCCCC 1px solid; 
	padding:1px
	}/*新聞的主圖*/
.newsBySingle h1{ 
	font-size:17px; 
	margin-bottom:0px
	}/*新聞的標題*/




/*******************************************[5]webKara內容******************************************************/
/*----------------------------------------------*/
/*			A.版面 / 配置							*/
/*			B.內容呈現設定 共用值					*/
/*				1.WEBKARA單曲卡拉 呈現方式(方塊)	*/
/*				2.WEBKARA單曲卡拉 學歌			*/
/*				3.點歌方式 第二層					*/
/*				4.進階搜詢KARA帶					*/
/*			C.點閱內容頁面						*/
/*----------------------------------------------*/

/*==============A.版面 / 配置============================*/

.iBuyYGNoInfo { 
	width:100px; 
	float:left; 
	top:20px;
	position:absolute; 
	left:0px; 
	z-index:99;
	background-color:#F4F4F4;
	}
	
div.iBuyYGNoInfo_rightData{
	border:#d5d5d5 1px solid; 
	width:580px; 
	position:absolute;
	left:99px; 
	padding:15px 15px 0px 15px; 
	background-color:#ffffff; 
	z-index:98;
	
	min-height:700px;
	}
div.iBuyYGNoInfo_rightData{height: 700px;}

div[class].iBuyYGNoInfo_rightData{height: auto;}
	
.iBuyYGNoInfo_rightData .titleSpan{
	font-size:17px; 
	font-weight:800; 
	color:#5A049A; 
	padding-bottom:6px;
	}/*列表標題字 ex:國語新歌....*/

.iBuyYGNoInfoUL{  margin:0px;padding:0px;list-style:none }
.iBuyYGNoInfo_list {
  border-top: 1px dashed #D5D5D5;
/*   border-left: 1px solid #D5D5D5;*/
      border-right: 1px solid #D5D5D5;
    border-bottom: 1px dashed #D5D5D5;
	/*border-left: 1px solid #BDBDBD;
	border-bottom: 1px solid #BDBDBD;
	padding:3px;
	height:20px;*/
	margin:0px;
	margin-bottom:-1px;width:99px;
}

.iBuyYGNoInfo_listRow{
   background-color:#ffffff ; border-right:#FFFFFF 1px solid; 
  border-top: 1px solid #D5D5D5;
  border-left: 1px solid #D5D5D5;
    border-bottom: 1px solid #D5D5D5;
	/*padding:3px;
	height:20px;*/
	margin-top:0px;
	margin-bottom:-1px;
	width:99px;
}
.iBuyYGNoInfo_listRow img ,.iBuyYGNoInfo_list img{ margin-top:5px; margin-left:8px; margin-bottom:3px; }
.iBuyYGNoInfo_listRow div ,.iBuyYGNoInfo_list div{ margin-top:5px; margin-left:8px; margin-bottom:3px; }

.iBuyYGNoInfoUL li{ float:left; margin-left:0px;}
	

.authorName{ font-size:12px; color:#6E2D9F;}

/*========================B.內容呈現設定 共用值========================*/
/*------------------------------------------*/
/*			1.WEBKARA單曲卡拉 呈現方式(方塊)	*/
/*			2.WEBKARA單曲卡拉 學歌			*/
/*			3.點歌方式 第二層					*/
/*			4.進階搜詢KARA帶					*/
/*------------------------------------------*/

/*----------------1.WEBKARA單曲卡拉 呈現方式(方塊)------------------*/
.divKaraMusicBySingle{
	border:1px #B6B6B6 solid; 
	width:285px; 
	height:145px; 
	float:left; 
	margin-left:-1px; 
	margin-bottom:-1px;
	color:#8E8E8E;
	overflow:hidden;
	}
/*WEBKARA單曲卡拉 呈現方式(方塊)*/
.divKaraMusicBySingle .leftPanel{
	float:left; 
	width:56px;
	height:135px;
	padding-top:10px; 
	padding-left:5px; 
	background-image:url(../images/WK_songList_001.gif)
	}
.divKaraMusicBySingle .rightPanel{
	float:right;
	width:218px; 
	padding-top:8px
	}
.divKaraMusicBySingle .karaName{ 
	font-size:15px; 
	font-weight:800; 
	color:#6E2D9F;
	}/*#5A049A*/
.divKaraMusicBySingle .authorName{
	float:left;
	}
.divKaraMusicBySingle .chorusAuthorName{
	font-weight:800; 
	color:#6E2D9F;
	}/*#5A049A*/

/*----------------2.WEBKARA單曲卡拉 學歌------------------*/
.BoxLearnMusicByMtv{
	position:relative;
	width:79px; 
	height:45px;
	text-align:right; 
	float:left; 
	margin:3px 4px;
	}
	
.BoxLearnMusicByGirlmenber{ 
	position:relative;
	width:49px; 
	height:45px;
	text-align:right;
	float:left;
	margin:3px 4px;
	}
	
.BoxLearnMusicByBoymenber{
	position:relative;
	width:49px; 
	height:45px;
	text-align:right;
	float:left;
	margin:3px 4px;
	}
.BoxLearnMusicByMtv .playBtn{
	position:absolute; 
	top:22px; 
	left:52px;
	z-index:98;  
	}
.BoxLearnMusicByGirlmenber .playBtn ,.BoxLearnMusicByBoymenber .playBtn {
	position:absolute;
	top:22px; 
	left:22px;
	z-index:98; 
	}
.BoxLearnMusicByMtv .LearnTargetImg{
	filter:alpha(opacity=70); 
	width:75px; 
	height:45px; 
	border:1px #CCCCCC solid ; 
	-moz-opacity:0.8;
	z-index:99;  	
	}
.BoxLearnMusicByGirlmenber .LearnTargetImg,.BoxLearnMusicByBoymenber .LearnTargetImg{
	filter:alpha(opacity=70);  
	width:45px; 
	height:45px; 
	border:1px #CCCCCC solid ; 
	-moz-opacity:0.8;
	z-index:99;  
	}

/*----------------3.點歌方式 第二層------------------*/
.skClass_LV1_001 ,.skClass_LV2_001,.skClass_LV3_001, .selSongForTag_data_g{ 
	overflow:hidden;
	border-top:#dedede 1px solid;
	padding:3px 0;
	clear:both;
	
	}/*三層選單的基本設定*/
.skClass_LV1_001{ font-size:15px}
.skClass_LV2_001{ font-size:13px}
.skClass_LV3_001{ font-size:11px}
	
.skClass_LV1_001 ul ,.skClass_LV2_001 ul ,.skClass_LV3_001 ul{ 
	margin:0px;
	list-style:none;
	margin-left:-40px;
	*margin-left:0px!important;	
	}/*三層選單UL*/
	
/*.skClass_LV3_001 ul{
width:3000px;
	}第三層選單 ul*/	
	
.skClass_LV1_001 li ,.skClass_LV2_001 li ,.skClass_LV3_001 li{ 
	float:left; 
	text-align:center;
	list-style-type:none;	
	}/*三層選單li*/

.skClass_LV1_001 li{
	width:98px; 
	}/*第一層選單的li寬度*/
.skClass_LV2_001 li{
	padding-left:4px; 
	padding-right:4px;width:15px; 
	}/*第二層選單的li寬度*/

	


.skClass_LV3_001 li{ 
	padding-left:8px; 
	padding-right:8px;
	}/*第三層選單的li寬度*/
.skClass_LV3_001 .data{

	margin-left:10px;
	margin-right:10px; 
	height:20px; 
	overflow:hidden;
	float:left;
	background-color:#f5f5f5;
	
	}/*第三層選單 中間可視區域*/
#textShell{margin:0 10px;overflow: hidden; white-space:nowrap;width:470px;*width:510px!important; }

.skClass_LV1_001 li a ,.skClass_LV2_001 li a,.skClass_LV3_001 li a{ 
	color:#313131;	
	}/*三層選單UL的LINK*/
/*.skClass_LV3_001 li a:visited{ 
	color:#666666;
	}/*三層選單UL的LINK  瀏覽過*/
.skClass_LV3_001 li a:hover{ 
	color:#C51786;
	}/*三層選單UL的LINK  滑鼠在上*/
	


.skClass_LV3_001 input{
	width:25px;
	
	}/*第三層 左右按鈕*/
.skClass_LV1_001 .this a,.skClass_LV2_001 .this a , .skClass_LV3_001 .this a{ 

	color:#ffffff; 

	/*padding-left:5px; 
	padding-right:5px;*/
}/*第三層 人名被選定的狀態*/
.skClass_LV1_001 .this,.skClass_LV2_001 .this, .skClass_LV3_001 .this{ 
	background-color:#0090ff; 
	color:#ffffff; 
	text-decoration:none; 
	/*padding-left:5px; 
	padding-right:5px;*/
}/*第三層 人名被選定的狀態*/


.skClass_LV1_001 li a:hover ,.skClass_LV2_001 li a:hover  ,.skClass_LV3_001 li a:hover {

	background-color:#2d2d2d; /*2d2d2d*/
	color:#FFFFFF; 
	text-decoration:none;
	}/*第二&三層 hover效果*/
.skClass_LV1_001 li a:hover ,.skClass_LV2_001 li a:hover {	
display:block; 
	}/*第二&三層 hover效果*/



/*------心情點歌----*/
#selSongForTag_data {margin: 0; padding: 0;
}
#selSongForTag_data li {float: left; width: 14em;
  white-space: nowrap;line-height: 20px;font-size:13px
  }
#selSongForTag_data li a:hover {text-decoration:none;background-color:#2d2d2d; /*2d2d2d*/
	color:#FFFFFF;   }
#selSongForTag_data li a {display: block; padding: 0.25em 0 0.25em 0.5em;
   width: 14em;color:#313131;	}
  /**position: relative; list-style: none; margin: 0;
  float: left; width: 7em;
  border-bottom: 1px solid #CCC;/
  
#selSongForTag_data a {display: block;
  text-decoration: none; font-weight: bold;
  border: 1px solid;}*/



/*----------------4.進階搜詢KARA帶------------------*/
#DIVseachKara{
	text-align:right; 
	padding-right:35px;
	background-repeat:no-repeat;
	}

/*========================================C.點閱內容頁面========================================*/
/*---------------1.我的歌本---------------*/
#webKara_ContentMyKaraBook{}
#webKara_ContentMyKaraBook .dataTable{ 
	width:90%;  
	margin:10px 30px; 
	font-size:13px; 
	color:#6A6A6A
	}
#webKara_ContentMyKaraBook .dataTable th{ 
	border-top:#CCCCCC 1px solid;
	line-height:30px; 
	background-color:#e5e5e5;
	padding-left:5px; 
	padding-right:5px; 
	color:#494949
	}
#webKara_ContentMyKaraBook .dataTable td{ 
	padding-left:2px; 
	padding-right:2px; 
	line-height:30px; 
	border-bottom:#e5e5e5 1px solid;
	}
#webKara_ContentMyKaraBook .dataTable .row_1 { 
	color:#5A049A; 
	font-weight:800;
	}/*我的歌本表格STYLE設定*/
	
	

/*---------------2.待上傳歌曲-------------------------*/
#unUpgSong .dataTable .row_4{ 
	font-size:10px;
	}
#unUpgSong .dataTable .row_1,#myKaraBook .dataTable .row_1 {
	width:10px
	}
#unUpgSong .dataTable .row_5,#unUpgSong .dataTable .row_6,#unUpgSong .dataTable .row_7,#myKaraBook .dataTable .row_5,#myKaraBook .dataTable .row_6{
	 width:20px
	 }
#unUpgSong .dataTable .row_2,#myKaraBook .dataTable .row_2{ 
	width:260px
	}
#unUpgSong .dataTable .row_3,#myKaraBook .dataTable .row_3{ 
	width:80px
	}
/*--------------3.自選檔案歡唱---------------*/
/*自創曲上傳*/
#webKara_selLocalFile ,#webKara_pLoadOrig{
	margin-left:50px; 
	margin-top:15px;
	}
#webKara_selLocalFile .Box ,#webKara_pLoadOrig .Box { 
	width:602px;
	}
#webKara_selLocalFile .Box .BoxMid ,#webKara_pLoadOrig .Box .BoxMid {
	background-image:url(../images/selLocalFile_tableMid.gif); 
	padding:8px 50px; 
	text-align:center;
	}

/*ul{
	border: 1px solid #D5D5D5;
	/*border-left: 1px solid #BDBDBD;
	border-bottom: 1px solid #BDBDBD;
	padding:3px;
	height:20px;
	margin:0px;
	margin-bottom:-1px;
}*/

/*
div#karaClass_01 li{ width:130px; padding-top:10px; padding-bottom:10px; border:1px #009933 solid; list-style:none; float:left; margin:10px; background-color:#CCCCCC } 
div#karaClass_01 li a{ display:block}*/

.smallPopup { 
	z-index:99; 
	width:200px;
	border-top:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
	border-bottom:#999999 2px solid;
	border-right:#999999 2px solid;	
	background-color:#FFFFFF;
	 padding:10px;
	 }
	 .closeWin{
	 
	 line-height:30px}