/*=====================目錄=====================*/
/*													*/
/*		[1]header設定								*/
/*		[2]footer設定								*/

/*		[3]全區域 使用物件元素							*/
/*			A.#prodContent的Layout版型配置設定		*/
/*			B.內容區格式設定方式						*/
/*				1.主區塊  STYLE主要設定				*/
/*				2.橘色系  色系STYLE主要設				*/
/*				3.灰色系  色系STYLE主要設定			*/
/*				4.全區域 內容區塊  標題 title ICON 設定	*/
/*			C.表格設定方式							*/
/*			D.文字設定								*/
/*			E.按鈕									*/
/*			F.其他功能								*/
/*			G.fieldset								*/

/*		[4]prodContent區域性 使用物件元素				*/
/*			A.專輯介紹與網友回應的切換按鈕				*/
/*			B.灰色產品說明							*/
/*			C.產品內容區域 中間 為切左右的區塊			*/
/*			D.you good 數值資料						*/
/*			E.回應區								*/
/*			F.留言區								*/
/*			G.專輯介紹						*/


/*		[5]所有內容區塊(Panel)						*/
/*			palAuthorInfo作者						*/
/*			palCdFile音樂專輯產品						*/
/*			palproductList個人作品列表				*/
/*			palSimilarAuthor同類型作者				*/
/*			palQuickView快速推薦瀏覽					*/
/*			palFeelPush隨選推薦						*/
/*			palYGintKnow  YouGood相關權益需知			*/
/*			YGIok YouGood完成頁						*/
/*			you good it流程							*/
/*			palPromoEmbed宣傳轉貼						*/
/*			palPromoEmail宣傳email					*/
/*			palSingerJoinGameList該人參加的比賽	*/
/*													*/
/*		[**]全區域性 使用物件元素	(需與webStyle.popupStylw同步)*/
/*			A.多頁次時，所使用的換頁文字Bar					*/
/*														*/	
/*====================目錄===========================*/

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



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

a{
	color:#0090FF;/*#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--主選單/按鈕/主按鈕/		*/
/*		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--主選單/按鈕/主按鈕/=========================================*/	
#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:800px; 
	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 15px 0 0; 
	}
	
#DIVmainmenu  h1{ 
	display:none;
	}

/*============================B.登入區================================*/
#DIVheaderLogin{
	 height:50px; 
	margin-top:15px; 
	position:absolute; 
	right:25px; 
	top:-3px;
	}/*右上角登入區*/
#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:#ffffff;		
		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/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.#prodContent的Layout版型配置設定			*/
/*	B.內容區格式設定方式							*/
/*		1.主區塊  STYLE主要設定					*/
/*		2.橘色系  色系STYLE主要設					*/
/*		3.灰色系  色系STYLE主要設定				*/
/*		4.全區域 內容區塊  標題 title ICON 設定		*/
/*	C.表格設定方式								*/
/*	D.文字設定									*/
/*	E.按鈕										*/
/*	F.其他功能									*/
/*	G.fieldset									*/
/*===================================================*/



/*==========================A.#prodContent的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:760px; 
	float:left;
	margin-right:10px;
	text-align:left;
	/*position:absolute; 
	left:0px;*/
	}/*2欄式的 內容欄*/
	

/*-----三欄式----*/
.layoutThreeSide #leftPanel ,.layoutTwoSide_2 #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主要設定------------*/

#palSingerJoinGameList .palContainerBox_top ,#manualContent .palContainerBox_top ,#palSearchAdv .palContainerBox_top ,#palSearchList .palContainerBox_top ,#palRanking .palContainerBox_top ,#palPromoEmbed .palContainerBox_top ,#palYGIsteps .palContainerBox_top ,#palAuthorInfo .palContainerBox_top ,#palCdFile .palContainerBox_top ,#palYGintKnow .palContainerBox_top ,#YGIok .palContainerBox_top ,#palproductList .palContainerBox_top ,#faqContent .palContainerBox_top  ,#contactUsContent .palContainerBox_top ,#palPromoEmail .palContainerBox_top   { 
	background-image:url(/images/layout/prodContent_clrBox_left.gif);
	background-repeat:repeat-y;  
	background-position:0 0; 
	height:27px; 
	}/*內容區塊上方 1 style*/ 
	
#palSingerJoinGameList  .palContainerBox_top .showBox ,#manualContent  .palContainerBox_top .showBox ,#palSearchAdv  .palContainerBox_top .showBox ,#palSearchList  .palContainerBox_top .showBox ,#palRanking  .palContainerBox_top .showBox ,#palPromoEmbed  .palContainerBox_top .showBox ,#palYGIsteps  .palContainerBox_top .showBox ,#palAuthorInfo  .palContainerBox_top .showBox ,#palCdFile .palContainerBox_top .showBox ,#palYGintKnow .palContainerBox_top .showBox ,#palproductList .palContainerBox_top .showBox,#YGIok .palContainerBox_top .showBox ,#faqContent .palContainerBox_top .showBox,#contactUsContent .palContainerBox_top .showBox ,#palPromoEmail .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*/
	
#palSingerJoinGameList  .palContainerBox_mid ,#manualContent  .palContainerBox_mid ,#palSearchAdv  .palContainerBox_mid ,#palSearchList  .palContainerBox_mid ,#palRanking  .palContainerBox_mid ,#palPromoEmbed  .palContainerBox_mid ,#palYGIsteps  .palContainerBox_mid  ,#palCdFile .palContainerBox_mid ,#palYGintKnow .palContainerBox_mid  ,#YGIok .palContainerBox_mid  ,#palproductList .palContainerBox_mid ,#faqContent .palContainerBox_mid ,#contactUsContent .palContainerBox_mid ,#palAuthorInfo  .palContainerBox_mid ,#palPromoEmail  .palContainerBox_mid{ 
	background-image:url(/images/layout/prodContent_clrBox_leftMid.gif);
	}/*內容區塊中間 1 style*/
	
#palSingerJoinGameList  .palContainerBox_mid .showBox ,#manualContent  .palContainerBox_mid .showBox ,#palSearchAdv  .palContainerBox_mid .showBox ,#palSearchList  .palContainerBox_mid .showBox ,#palRanking  .palContainerBox_mid .showBox ,#palPromoEmbed  .palContainerBox_mid .showBox ,#palYGIsteps  .palContainerBox_mid .showBox ,#palCdFile .palContainerBox_mid .showBox ,#palYGintKnow .palContainerBox_mid .showBox ,#YGIok .palContainerBox_mid .showBox ,#palproductList .palContainerBox_mid .showBox ,#faqContent .palContainerBox_mid .showBox ,#contactUsContent .palContainerBox_mid .showBox  ,#palAuthorInfo  .palContainerBox_mid .showBox ,#palPromoEmail  .palContainerBox_mid .showBox{ 
	background-image:url(/images/layout/prodContent_clrBox_rightMid.gif);
	}/*內容區塊中間 2 style*/
	
#palSingerJoinGameList  .palContainerBox_btm ,#manualContent  .palContainerBox_btm ,#palSearchAdv  .palContainerBox_btm ,#palSearchList  .palContainerBox_btm ,#palRanking  .palContainerBox_btm ,#palPromoEmbed  .palContainerBox_btm ,#palYGIsteps  .palContainerBox_btm ,#palAuthorInfo  .palContainerBox_btm ,#palCdFile .palContainerBox_btm  ,#palYGintKnow .palContainerBox_btm ,#YGIok .palContainerBox_btm ,#palproductList .palContainerBox_btm ,#faqContent .palContainerBox_btm ,#contactUsContent .palContainerBox_btm ,#palPromoEmail .palContainerBox_btm{ 
	background-image:url(/images/layout/prodContent_clrBox_left.gif);
	background-repeat:repeat-y;  
	background-position:0 100%; 
	height:2px; 
	}
	
#palSingerJoinGameList  .palContainerBox_btm .showBox ,#manualContent  .palContainerBox_btm .showBox ,#palSearchAdv  .palContainerBox_btm .showBox ,#palSearchList  .palContainerBox_btm .showBox ,#palRanking  .palContainerBox_btm .showBox ,#palPromoEmbed  .palContainerBox_btm .showBox ,#palYGIsteps  .palContainerBox_btm .showBox ,#palAuthorInfo  .palContainerBox_btm .showBox ,#palCdFile .palContainerBox_btm .showBox ,#palYGintKnow .palContainerBox_btm .showBox ,#palproductList .palContainerBox_btm .showBox ,#YGIok .palContainerBox_btm .showBox ,#faqContent .palContainerBox_btm .showBox ,#contactUsContent .palContainerBox_btm .showBox,#palPromoEmail .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 設定------------------------------------*/
	#palAuthorInfo .title{ 
	height:27px;background-image:url(/images/layout/prodCont_Box_h3icon_Author_O.gif);
	background-repeat:no-repeat; 
	background-position:7px 3px;
	}/*作者*/
	
	#palSimilarAuthor .title{ 
	height:27px;background-image:url(/images/layout/prodCont_Box_h3icon_SimilarAuthor_G.gif); 
	background-repeat:no-repeat; 
	background-position:7px 3px;
	}/*相似作者*/

	#palCdFile .title{ 
	height:27px;background-image:url(/images/layout/prodCont_Box_h3icon_CdFile_O.gif); 
	background-repeat:no-repeat; 
	background-position:7px 3px;
	}/*音樂專輯*/	

	#palproductList .title{ 
	height:27px;background-image:url(/images/layout/prodCont_Box_h3icon_Finished_O.gif); 
	background-repeat:no-repeat; 
	background-position:7px 3px;
	}/*作品列表*/	

	
	#palSearchList	 .title{ 
	height:27px;background-image:url(/images/layout/prodCont_Box_h3icon_Finished_O.gif); 
	background-repeat:no-repeat; 
	background-position:7px 3px;
	}/*搜尋結果列表*/	
	
	#palQuickView .title{ 
	height:27px;background-image:url(/images/layout/prodCont_Box_h3icon_FastLoock_G.gif); 
	background-repeat:no-repeat; 
	background-position:7px 3px;
	}/*快速推薦瀏覽*/	

	#palFeelPush .title{ 
	height:27px;background-image:url(/images/layout/prodCont_Box_h3icon_FeelPush_G.gif); 
	background-repeat:no-repeat; 
	background-position:7px 3px;
	}/*隨選推薦*/	

	#palPromoEmbed .title{ 
	height:27px;background-image:url(/images/layout/prodCont_Box_h3icon_Propagate_O.gif); 
	background-repeat:no-repeat; 
	background-position:7px 3px;
	}/*宣傳專輯*/	


	#palYGIsteps .title{ 
	height:27px;background-image:url(/images/layout/prodCont_Box_h3icon_Yougoodit_O.gif); 
	background-repeat:no-repeat; 
	background-position:7px 3px;
	}/*YouGoodItx流程*/	

	#palRanking	 .title{ 
	height:27px;background-image:url(/images/layout/prodCont_Box_h3icon_Ranking_O.gif); 
	background-repeat:no-repeat; 
	background-position:7px 3px;
	}/*排行榜*/	

	#palSearchAdv	 .title{ 
	height:27px;background-image:url(/images/layout/prodCont_Box_h3icon_FurtherSearch_O.gif); 
	background-repeat:no-repeat; 
	background-position:7px 3px;
	}/*進階搜尋*/	
	
	#palSearchList	 .title{ 
	height:27px;background-image:url(/images/layout/prodCont_Box_h3icon_SearchOut_O.gif); 
	background-repeat:no-repeat; 
	background-position:7px 3px;
	}/*搜尋結果列表*/	
	
	#faqContent .title{
	height:27px;background-image:url(/images/layout/docCont_Box_h3icon_FAQ_O.gif); 
	background-repeat:no-repeat; 
	background-position:7px 6px;
	}/*FAQ*/	
	
	#contactUsContent .title{
	height:27px;background-image:url(/images/layout/docCont_Box_h3icon_contactUs_O.gif); 
	background-repeat:no-repeat; 
	background-position:4px 4px;
	}/*聯絡我們*/	

	#palPromoEmail .title{
	height:27px;background-image:url(/images/layout/prodCont_Box_h3icon_emailPromo_O.gif); 
	background-repeat:no-repeat; 
	background-position:4px 8px;
	}/*email轉寄宣傳*/	

	#palSingerJoinGameList .title{
	height:27px;background-image:url(/images/layout/prodCont_Box_h3icon_SingerJoinGame_O.gif); 
	background-repeat:no-repeat; 
	background-position:2px 6px;
	}/*該人參加的比賽傳*/	

/*========================================C.表格設定方式===============================================*/
/*PlayList*/


/*-----------PlayList(音樂專輯介紹內容中的歌曲清單)----------*/
#divPlayList .dataTable,#palRanking .dataTable{
	font-size:12px; 
	color:#545454; 
	margin-top:2px; 
}

#divPlayList .dataTable,#palRanking .dataTable,#palSearchList .dataTable{ 
border:1px solid #CCCCCC;
border-collapse:collapse;
}

#divPlayList .dataTable td ,#palRanking .dataTable td,#palSearchList .dataTable td  { 
	border:1px solid #CCCCCC;
	line-height:24px;
	padding:0px 3px;
}/*表格內容-行的效果*/

#divPlayList .dataTable img{ 
	margin-bottom:-2px; 
	margin-right:3px;
	}

#palRanking .dataTable th,#palSearchList .dataTable th{	
background-color:#E6E6E6; 	
padding:0px 3px;
border:1px solid #CCCCCC;
}

#divPlayList .dataTable  .liNum{ 
	color:#969696; 
	text-align:center;
	} 
	
#palRanking .dataTable .prodPic,#palSearchList .dataTable .prodPic{ width:32px; height:32px;}


.txt_by{ 
	font-size:9px; 
	color:#666666; 
	padding-top:-5px; 
	}
	
	
	
/*==========================================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;}

.AuthorSex{ font-size:12px; color:#666666; font-family:Georgia, "Times New Roman", Times, serif;} 
.miniTitleNote{margin-top:10px; font-size:14px; font-weight:bold;  color:#FF7800; border-left:#FFCC66 solid 5px; padding-left:5px; margin-bottom:20px;
}/*橘色框裡面*/
.suggest{
	float:inherit;clear:both; color:#006699; border-top:#999999 1px dashed; border-bottom:#999999 1px dashed; background:#FFFF99; padding:15px;
	}
.prodPiece{ 
	font-size:11px; 
	color:#666666;
	}/*作品中所含的數量*/

span.txtYgGoodNum{
	font-size:16px; 
	color:#FFA907 ; 
	font-weight:800;
	}/*獲得的you good總數字型*/
	
span.txtGoodPercentNum{
	color:#00B8FC; 
	font-size:16px; 
	font-weight:800;
	}/*you good成長比率字型*/
	
span.txtJoinYGdate{}/*發行日*/
	
	
/*********************************************************F.按鈕設定****************************************************/
.DIVbutton input{
	margin:20px 10px;
	cursor:pointer;
	}
	
	
	
	
	
	
/*==========================================F.其他功能=================================================================*/
#divPageControl{ 
	text-align:center; 	margin:20px 0 30px 0;	
	}/*頁次切換功能*/




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

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

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






/*******************************************************************[4]prodContent區域性 使用物件元素********************************************************/
/*=======================================================*/
/*			A.專輯介紹與網友回應的切換按鈕		*/
/*			B.灰色產品說明						*/
/*			C.產品內容區域 中間 為切左右的區塊		*/
/*			D.you good 數值資料					*/
/*			E.回應區							*/
/*			F.留言區							*/
/*			G.專輯介紹						*/
/*=======================================================*/



/*===========================A.專輯介紹與網友回應的切換按鈕========================*/
#labelNavBar {
	margin-top:20px;
	padding-left:20px;
	OVERFLOW: hidden; 
	HEIGHT: 31px;
	background-color:#CCCCCC;
	background-image:url(/images/prodMoreCont_Nav_bg.gif);
	}

#selContentNav {
	PADDING: 1px 2px 0 0;
	}
#selContentNav ul{ 
	margin:0; 
	padding-left:0px;
	}

#selContentNav li{ 
	PADDING: 0px; 
	DISPLAY: inline; 
	MARGIN: 0px; 
	LIST-STYLE-TYPE: none;
	}
#selContentNav A:link {
	FONT-SIZE: 11px; 
	BACKGROUND: url(/images/prodMoreCont_Nav_tabOff.gif) no-repeat center bottom; 
	FLOAT: left; 
	WIDTH: 111px; 
	COLOR: #70746D; 
	LINE-HEIGHT: 14px; 
	HEIGHT: 31px; 
	TEXT-ALIGN: center;
	TEXT-DECORATION: none;
	}

#selContentNav A:visited {
	FONT-SIZE: 11px; 
	BACKGROUND: url(/images/prodMoreCont_Nav_tabOff.gif) no-repeat center bottom; 
	FLOAT: left; 
	WIDTH: 111px; 
	COLOR: #70746D; 
	LINE-HEIGHT: 14px; 
	HEIGHT: 31px; 
	TEXT-ALIGN: center; 
	TEXT-DECORATION: none
	}
	
#selContentNav A:link DIV {
	PADDING-TOP: 10px
	}
	
#selContentNav A:visited DIV {
	PADDING-TOP: 10px
	}
	
#selContentNav A.active:link {
	MARGIN-top: 0px ; 
	BACKGROUND: url(/images/prodMoreCont_Nav_tabOn.gif) no-repeat center bottom; 
	PADDING-BOTTOM:0px;
	COLOR: #000; 
	TEXT-DECORATION: none;
	}
	
#selContentNav A.active:visited {
	MARGIN-top: 0px ; 
	BACKGROUND: url(/images/prodMoreCont_Nav_tabOn.gif) no-repeat center bottom; 
	PADDING-BOTTOM: 0px;
	COLOR: #000; 
	TEXT-DECORATION: none
	}
	
#selContentNav A:hover {
	MARGIN-top: 1px ; 
	BACKGROUND: url(/images/prodMoreCont_Nav_tabOn.gif) no-repeat center bottom; 
	PADDING-BOTTOM: 0px;
	COLOR: #000; 
	TEXT-DECORATION: none
	}
	

/*===========================B.灰色產品說明===========================*/

.productInfo1{
	width:96%;  
	background-color:#F2F2F2; 
	line-height:20px; 
	padding:8px;
	height:165px;
	*height:165px!important;
	*height:160px;
	}

.productInfo1Row{
	width:96%;  
 	padding:8px; 
	line-height:20px; 
	height:165px;
	*height:165px!important;
	*height:160px;
	}
	
#palCdFile .productInfo1Row ,#palproductList .productInfo1{	
	height:165px;
	*height:165px!important;
	*height:160px;
	/*min-height:160px;  */
	}
	
#palYGIsteps .productInfo1{	height:120px;}


/*灰色產品區*/
.productInfo1 .prodPic ,.productInfo1Row .prodPic {
	float:left; 
	padding:5px; 
	background-color:#FFFFFF; 
	border-top:1px #CDCDCD solid;
	border-left:1px #CDCDCD solid;
	border-right:3px #B2B2B2 solid;
	border-bottom:3px #B2B2B2 solid; 
	margin-right:8px;
	}/*產品圖區*/
.productInfo1 .prodPic img ,.productInfo1Row .prodPic img{ 
	width:150px; 
	height:150px;
	}/*產品圖*/

.productInfo1 .authorName, .productInfo1Row .authorName{ 
	font-size:14px; 
	font-weight:800;
	}

.productInfo1 .prodName ,.productInfo1Row .prodName {
	font-size:16px; 
	color:#FF6C00; 
	font-weight:800;
	}
.productInfo1 .prodName a,.productInfo1Row .prodName a {
	font-size:16px; 
	color:#FF6C00; 
	font-weight:800;
	}

.productInfo1 .prodName a:hover,.productInfo1Row .prodName  a:hover{
	color:#0090FF;/*#015ED1;*/
	text-decoration:none;
	}


/*===========================C.產品內容區域 中間 為切左右的區塊===========================*/
#divProductInfo2{ 
	width:100%;
	margin:10px 0 20px 0;
	 }
#divProductInfo2 .leftPanel {
	width:31%;
	overflow:hidden; 
	float:left;
/*	width:31%;
	height:100px; 
	float:left;*/
	}

#divProductInfo2 .rightPanel {
	width:65%;  
	overflow:hidden; 
	float:right;
	/*width:65%;  
	float:right;*/
	}

#divProductInfo2  span.txtYouGoodItCost ,#palYGIsteps  span.txtYouGoodItCost{
	font-size:18px
	}
	
	
/*===========================D.you good 數值資料===========================*/
#palproductList #divGetGoodData1 {background-image:url(/images/bg_YGdayNum.gif);border:1px solid #cecece; margin-left:160px; height:26px; padding-top:3px;}
#palproductList .divGetGoodData1{background-image:url(/images/bg_YGdayNum.gif); background-repeat:repeat-x;border:1px solid #cecece; margin-left:175px; padding:2px 2px 0px 2px; }
#palproductList .divGetGoodData1 img{width:23px; height:23px;}

#palCdFile #divGetGoodData1 {background-image:url(/images/bg_YGdayNum.gif);border:1px solid #cecece;}
#divGetGoodData1 .Box {padding:0px 5px; color:#898989;}
#divGetGoodData1 .Box img{ width:25px; height:25px;}

#divProductInfo2 .divGrowRatio{margin:10px;color:#898989;}
.divGrowRatio img{margin-right:10px;}

/*#divProductInfo2 #divProductPromo .divProductPromoBox{ padding:20px 0; }單件作品頁   作品簡介處*/
.divProductPromoBox{
 padding:10px 0 15px 0; 
 }/*單件作品頁   作品簡介處*/

#divProductInfo2 #divClickPlayTime {border-bottom:1px solid #DADADA; padding:3px; color:#A6A6A6; margin-bottom:20px;}

#divProductStatus{border:solid 1px  #DADADA ; padding:3px 10px;margin:0px 0 10px 0; text-align:right; clear:both;}
#divProdIndexSel{text-align:center; margin-bottom:20px;}

/*--誰推薦過這Product START--*/
#palCdFile #divWhoPushIt .title{
	border-bottom:1px #999999 dashed; 
	width:100%; 
	margin-bottom:2px;
	background-position:-100px;
	height:1.5em;
	} /*出現橘框白ICON背景的修正*/
#divWhoPushIt .Box img{ 
	width:25px; 
	height:25px;
	 margin:2px;
	 }
	 
	 
.PD_singerJoinGameList{ margin-top:15px; border-top:#898989 1px dashed; padding-top:10px}/*此專輯正參加以下比賽*/
.PD_singerJoinGameList img { margin-top:5px; margin-bottom:5px; border:#CCCCCC 1px solid}

.PD_singerGloryGameList{margin-top:15px; border-top:#898989 1px dashed; padding-top:10px;}/*此專輯的榮譽榜*/
.PD_singerGloryGameList ul{ margin-top:0px;}
.PD_singerGloryGameList li { margin-left:-15px; }

/*===========================E.回應區 start===========================*/
#divCommentList { 
	clear:both; 
	font-size:11px;
	color:#747474;
	}

#divCommentList .Box { 
	Padding:10px;
	border-bottom:1px #DADADA solid; 
	min-height:50px; 
	}
#divCommentList .row{ 
	background-color:#EEEEEE 
	}
#divCommentList .Box .leftPanel{
	margin-right:8px; 
	float:left; 
	}
#divCommentList .Box .leftPanel img{
	border:1px #BBBBBB solid; 
	width:50px; 
	height:50px;}
#divCommentList .Box .rightPanel{
	width:87%; margin-left:11% ;
	}
#divCommentList .authorName{ 
	font-weight:800;
	}
#divCommentList .authorName a{
	color:#595959;font-size:11px; 
	text-decoration:underline; 
	}
#divCommentList .info {
	line-height:20px; 
	font-size:10px;
	}/*留言內容*/
#divCommentList .time {
	color:#909090; 
	text-align:right;
	}/*留言時間*/
#palCdFile #nologin{ margin-top:10px; color:#FF6600;}/*YouGood 會員才享有回應的功能哦- 請從網頁上方進行登入- */

/*===========================F.留言區===========================*/
#divCommentInput .title {
	border-bottom:1px #DADADA solid; 
	border-top:1px #DADADA dashed; 
	font-size:16px; 
	font-weight:800; 
	padding:2px 0; 
	margin:2px 0; 
	color:#545454;
	}
#divCommentInput .Box{
	padding:10px 30px; 
	line-height:20px; 
	}
#divCommentInput .reportYGicon {
	margin-bottom:-2px;
	margin-left:5px;
	}
#divCommentInput .divButton{
	text-align:right;
		cursor:pointer;
	}

#divCommentBox{
	border-top:dashed 1px #CCCCCC; 
	padding:20px 40px;
	*padding:20px 50px!important;
	*padding:20px 50px;
	}/*留言大區*/
	
#divCommentBox .divButton{
	text-align:right; 
	}/*送出留言的按鈕位置*/

.commentBoxValidateCode{
	border:1px #CCCCCC solid; 
	padding:5px; width:120px; 
	float:left;
	}

/*===========================G.專輯介紹===========================*/
#divProductContentContainer{
	width:532px!important;
	overflow:hidden!important;
	padding:20px 0 0 0 ;
	/*word-wrap:break-word!important;
	word-break:break-all!important;
	text-overflow:ellipsis!important;
	*/
	}




/**********************************************[5]所有內容區塊(Panel)*******************************************************************/
/*==========================================*/
/*		palAuthorInfo作者					*/
/*		palCdFile音樂專輯產品					*/
/*		palproductList個人作品列表			*/
/*		palSimilarAuthor同類型作者			*/
/*		palQuickView快速推薦瀏覽				*/
/*		palFeelPush隨選推薦					*/
/*		palYGintKnow  YouGood相關權益需知		*/
/*		YGIok YouGood完成頁					*/
/*		you good it流程						*/
/*		palPromoEmbed宣傳轉貼					*/
/*		palPromoEmail宣傳email				*/
/*		palSingerJoinGameList該人參加的比賽*/
/*==========================================*/

/*============================palAuthorInfo作者 start=====================*/
#palAuthorInfo	{
	color:#898989;
	}
#palAuthorInfo .Box{
	width:155px;
	}
#palAuthorInfo .authorName{
	font-size:16px; 
	color:#FF6C00; 
	font-weight:800;
	}
#palAuthorInfo .authorPic{
	margin-left:20px; 
	margin-bottom:8px; 
	width:110px; 
	height:110px; 
	border:#E8E8E8 2px solid;
	}

#palAuthorInfo .linkOutKara{ 
	margin-top:5px; 
	padding-top:4px; 
	border-top: 1px dashed #dddddd;
	}/*連結回Kara24H區*/
#palAuthorInfo .gotoylogo a{
color:#035BC7 ;
	text-decoration:none;
	}/*連結回Kara24H區 連結文字*/
#palAuthorInfo .gotoylogo A:hover{ 
	text-decoration:underline;
	}/*連結回Kara24H區 連結文字*/



/*===================palCdFile音樂專輯產品===================================*/
/*#palCdFile .prodName ,#palproductList .prodName ,#palYGIsteps .prodName{
	font-size:16px; 
	color:#FF6C00; 
	font-weight:800;
	}/*個人CD商品細目,個人商品列表,yougood流程*/
	

#palCdFile .divButton input {
	margin:0 5px;
		cursor:pointer;
	}

#palCdFile #divProductInfo .divButton {
	text-align:right;
		cursor:pointer;
	}
	
/*===================palproductList個人作品列表==================================*/
#palproductList .Box{ clear:both;}


/*=========================palSimilarAuthor同類型作者=========================*/
#palSimilarAuthor .Box{
	width:96%; 
	min-height:40px;
	border-bottom:#CCCCCC 1px solid; 
	padding-bottom:8px; 
	margin-bottom:8px;
	}
#palSimilarAuthor  a{ 
	color:#666666;
	}
#palSimilarAuthor img{
	margin-right:8px; 
	margin-bottom:3px;
	width:40px; 
	height:40px; 
	float:left;
	}



/*=========================palQuickView快速推薦瀏覽=================================*/
ul#QVranking { 
	list-style:none; 
	margin:0px; 
	padding-left:0px;
	}
#QVranking li{ 
	border-bottom:#CCCCCC 1px dashed; 
	line-height:20px;
	}
#QVranking a{
	color:#666666;
	text-decoration:none; 
	}
#QVranking A:hover{
	text-decoration:underline;
	color:#0090FF;
	}




/*=============================palFeelPush隨選推薦==================================*/
#palFeelPush .Box{
	width:98%; 
	border-bottom:1px #DADADA solid;
	padding-bottom:5px;
	margin-bottom:8px; 
	min-height:7em;
	}
	
#palFeelPush .leftPanel{
	padding:3px; 
	background-color:#FFFFFF; 
	border:1px #CDCDCD solid;  
	width:76px;height:76px;
	float:left; 
	margin-right:5px; 
	}
#palFeelPush .rightPanel{ 
	min-width:100px;
	}
#palFeelPush .prodPic{ 
	width:76px; 
	height:76px;
	}
#palFeelPush .authorName{
	width:100px;
	}
#palFeelPush ul{
	margin:0; 
	padding-left:0px;
	}
#palFeelPush .prodName{
	font-size:14px; 
	font-weight:800; 
	min-width:100px;
	}
#palFeelPush .prodName { 
	font-size:14px; 
	font-weight:800;
	}
	
#palFeelPush .prodName a { 
	color:#666666;
	}
/*=========================you good it流程=========================*/
#palYGIsteps .prodPic{ width:100px; height:100px;}
#palYGIsteps .authorPic{ width:100px; height:100px;}
#palYGIsteps .miniTitleNote .title{ background-position:-100px;} /*出現橘框白ICON背景的修正*/
.setIntroducer { margin:10px 0; line-height:30px;}
.setIntroducer .suggest{ margin:10px 0}

/*=========================palPromoEmbed宣傳轉貼=========================*/
#palPromoEmbed .rightPanel{ 
	background-color:#F6F6F7; 
	margin-left:20px;
	width:300px;
	background-image:url(/content/images/promoProd_img03.gif);
	background-repeat:repeat-x;
	}/*FLASH setting style*/

#palPromoEmbed  .palContainerBox_mid .rightPanel .titleBar{background-image:url(/content/images/promoProd_img02BG.gif);
	width:260px; 
	height:39px; 
	padding:0px;
	background-repeat:no-repeat;
padding:13px 0 0 40px;
	}
#palPromoEmbed .palContainerBox_mid .rightPanel .titleBar span{color:#FF6600; font-size:16px; font-weight:800;}
#palPromoEmbed  .palContainerBox_mid .rightPanel .Box{ padding:0 0 20px 15px;}


/*=========================palPromoEmail宣傳email=========================*/
/*宣傳email*/
#palPromoEmail .prodPic{

	padding:5px; 
	background-color:#FFFFFF; 
	border-top:1px #CDCDCD solid;
	border-left:1px #CDCDCD solid;
	border-right:3px #B2B2B2 solid;
	border-bottom:3px #B2B2B2 solid; 
	
	}/*產品圖區*/
#palPromoEmail .prodPic img { 
	width:250px; 
	height:250px;
	}/*產品圖*/

#palPromoEmail .authorName{ 
	font-size:14px; 
	font-weight:800;
	}

#palPromoEmail .prodName  {
	font-size:16px; 
	color:#FF6C00; 
	font-weight:800;
	}
#palPromoEmail .prodName a {
	font-size:16px; 
	color:#FF6C00; 
	font-weight:800;
	}

#palPromoEmail .prodName a:hover{
	color:#0090FF;/*#015ED1;*/
	text-decoration:none;
	}

.titleCapsule { 
	font-size:12px; color: #999999; padding-bottom:10px;
	}/*emailToFriend頁面 跟朋友分享這件作品...文字設定*/
	
.contensTitle {
	font-size:15px; 
	color:#0090FF; 
	font-weight:800;
	margin-bottom:10px;
	}/*內容中的標題文字_藍*/
	
#palPromoEmail textarea {
	margin:3px 0px 0px 6px;
	padding:5px;
	line-height:15px;
	}/*我想說的話  文字捲軸框設定*/
	
#palPromoEmail .leftPanel { 
	width:300px; float:left;
	 }/*兩欄式float設定*/
	 
#palPromoEmail .leftPanel_01 { 
	width:300px; float:left;
	 }/*兩欄式float設定*/
	
.emailNameBox {
	background-repeat:no-repeat; 
	width:300px; 
	height:70px; 
	padding:0px 0px 0px 60px;
	}/*emailToFriend_Name頁面 請選擇收件者(自行輸入)外框架*/
	
.emailNameScroll {
	overflow:scroll; 
	overflow-x:hidden; 
	width:380px;
	height:500px; 
	border:1px #cccccc solid;
	 padding:10px 30px 10px 10px;
	background-color:#F7F7F7;
	}/*已加入名單的scroll*/
	
.MyKaraFriendScroll {
	overflow:scroll; 
	overflow-x:hidden;
	padding:10px;
	border:#CCCCCC 1px solid; 
	width:370px; 
	height:200px;
	}/*我的KARA24H好友名單的scroll*/
	
#MyEmailPushList  {
	width:385px;
	}
	/*已加入名單的表格 + 我的KARA24H好友名單的表格單*/	
	
#MyKaraFriendEmailList {
	line-height:20px; width:340px;
	}
	/*我的KARA24H好友名單的表格單*/	
	
	
#MyEmailPushList caption{
font-weight:800; text-align:left; line-height:30px;border-bottom:#999999 dashed 1px; color:#FF6600;
	}/*已加入名單表格說明*/
#MyEmailPushList tr  ,#MyKaraFriendEmailList  tr{
	line-height:22px; 	
	}
	/*已加入名單的表格高  + 我的KARA24H好友名單的表格單*/	
	
#MyEmailPushList  th ,#MyKaraFriendEmailList th{ 
	background-color:#eeeeee; 
	height:30px;
	}
	/*已加入名單的表頭  + 我的KARA24H好友名單的表格單*/	
	
#MyEmailPushList td ,#MyKaraFriendEmailList td {
	border-bottom:1px  #E6E6E6 solid;
	}
	/*已加入名單的表格 TD  + 我的KARA24H好友名單的表格單*/
		

	
.emailPushSendMail{
	 border-right:#ffffff 1px solid; 
	 border-bottom:#CCCCCC 1px solid; 
	 background-color:#FFFFFF; 
	 width:404px; 
	 height:200px; 
	 position:absolute; 
	 top:53px;
	}/*左方設定MAIL的內框*/
	
.emailPushSetMail{
	padding-top:50px;
		}/*左方設定MAIL的內框*/
.emailPushSetMail{
	padding-top:50px;
		}/*左方設定MAIL的內框*/

/*.emailTd {
	}已加入名單的TD*/

/*=========================palSingerJoinGameList該人參加的比賽=========================*/
#palSingerJoinGameList{ text-align:left; }/*該人參加的比賽*/
#palSingerJoinGameList .gameImg{ margin:0px -5px}





/***********************************************************[**]全區域性 使用物件元素	(需與webStyle.popupStylw同步)**************************************************/
/*================================================*/
/*			A.多頁次時，所使用的換頁文字Bar			*/
/*================================================*/

/*==============A.多頁次時，所使用的換頁文字Bar	======================*/
#pageChangeBar{ text-align:center;margin-top:30px;}
/*換頁工具*/
#pageChangeBar .txtTotalPage{ font-weight:800;}