/*****************************************************Panel設定-----START*****************************************************/

#containerIndex{
	width:970px; 
	height:715px;
	/**argin-left:8%;*/
	text-align:left;
	position:relative; 
	background-image:url(/images/layoutMain_BG.gif); 
	background-position:0px 7px; 
	background-repeat:no-repeat;

}/*呈放內容大panel區塊*/

#topPanel{
	width:970px; 
	height:70px; 
	position:absolute;
	}/*Logo放大置區*/
	
#reviewTopYG{
	width:425px; 
	height:350px;
	position:absolute; 
	top:0px;
	}/*橘色L大區*/
	
#Product2ListPanel{
	width:520px; 
	height:250px;
	display:inherit;
	position:absolute; 
	top:439px; 
	left:190px; 
	background-image:url(/images/layoutYGList_BG_1.gif);
	}/*-----優果列表大panel---*/
	
#infoYG{
	width:226px;
	height:400px;
	position:absolute;
	top:27px;
	left:725px
	}/*--YouGood推薦- 大Panel定位--*/
	
#newProduct{
	width:180px; 
	height:360px;  
	position:absolute; 
	top:353px; 
	background-image:url(/images/layoutCD_BG.gif);
	 background-repeat:no-repeat;
	 }/*--------最新完成專輯   panel定位&設定--------*/
	 
#adPanel{
	 width:250px; 
	 height:255px;  
	 position:absolute; 
	 top:439px; 
	 left:720px;
	 }/*------左下廣告 panel設定-----*/
	
/*------------------Panel設定----END-------------------------*/



/*----------------------------捷徑--------------------------*/
#DIVcutNav{
	margin:15px 10px 0 700px; 
	}/*-------首頁捷徑--想要優果樹  想要優果-----*/
#DIVcutNav img{
	margin-right:20px; 
	}


/*****************************************************icon_indMore****************************************************/
#newProduct .icon_indMore{
margin:18px 0 0 138px;
}/*--最新專輯  more按鈕設定--*/

#hitoYGProduct .icon_indMore{
	margin:16px 0 0 227px;
	}/*------成長最快  More icon----------*/

#newYGProduct .icon_indMore{
	margin:16px 0 0 208px;
	}/*------最新優果  More icon----------*/

#DIVpromoEvent .icon_indMore{
	 margin:2px 0 0 200px;
	 }

/*****************************************************左上  圓圈專輯表現區塊(class->Box，ID分別命名達成不同塊與定位
)****************************************************-------*/

#GOmorePD{
	position:absolute; 
	top:230px; 
	left:5px;
	}

#selTopPD1{
	position:absolute; 
	top:210px; 
	left:296px;
	}
#selTopPD2{ 
	position:absolute; 
	top:245px; 
	left:296px;
	}

#reviewTopYG .Box{
	width:165px;
	height:145px; 
	position:absolute;
	}/*圓圈專輯表現區塊所有內容*/
#reviewTopYG .Box .top{ 
	width:165px; 
	height:100px; 
	}/*內容上半段*/
#reviewTopYG .Box .bottom{
	width:135px; 
	height:40px; 
	margin-top:3px; 
	margin-left:17px;
	}/*內容下半段*/
#reviewTopYG .Box .arrow{
	width:15px; 
	height:20px; 
	margin-top:58px; 
	float:left;
	}
#reviewTopYG .Box .albumName{
	font-size:12px; 
	color:#FFFFFF;  
	}
#reviewTopYG .Box .Member{
	font-size:10px; 
	color:#333333; 
	}
#reviewTopYG #DIVtopYG_L3 .Member{ 
	padding-left:5px;
	}
#reviewTopYG #DIVtopYG_L1 .Member{
	color:#333333; 
	}
	
#reviewTopYG .albumPic img{ 
	width:96px; 
	height:96px;
	border:1px #ffffff solid;
	}
#reviewTopYG .albumPic{ 
	width:110px; 
	height:98px;
	float:left;
	}
#reviewTopYG #DIVtopYG_L1{ 
	left:42px;
	top:18px; 
	}/*  圓圈專輯區---紫果定位*/
#reviewTopYG #DIVtopYG_L3{  
	left:237px;
	top:34px; 
	} /*  圓圈專輯區---綠果定位*/
#reviewTopYG #DIVtopYG_L2{  
	left:125px; 
	top:176px; 
	} /*  圓圈專輯區---橘果定位*/


/**************************************************YouGood推薦*********************************************************/
#DIVpushYG {
	width:242px;
	height:230px;
	position:absolute; 
	top:81px; 
	left:458px;
	font-size:10px;
	*font-size:12px!important;
	*font-size:12px;
	}/*---YouGood推薦 區------定位-------*/
#DIVpushYG .albumPic img{ 
	width:96px; 
	height:96px;
	border:1px #ffffff solid;
	} 
#DIVpushYG .Box {
	width:100%; 
	height:102px; 
	margin:10px 0 8px 0; 
	}/*---YouGood推薦-單承接--*/
#DIVpushYG .albumPic{ 
	float:left;
	} 
#DIVpushYG .albumName{
	font-size:11px; 
	color:#FFFFFF; 
	font-weight:800; 
	background-color:#FCA645; 
	margin-left:102px; 
	height:16px; 
	padding-top:3px;
	}/*--YouGood推薦-專輯名稱--*/
#DIVpushYG .Member{
	font-size:11px; 
	color:#333333; 
	margin-bottom:5px; 
	margin-left:102px;
	}/*--YouGood推薦-專輯作者--*/
#DIVpushYG .type{
	font-size:9px; 
	color:#E27500; 
	margin-top:3px;  
	margin-left:102px;
	}/*--YouGood推薦-專輯類型--*/
#DIVpushYG .info{
	font-size:11px; 
	color:#666666;  
	margin-left:102px;
	}/*--YouGood推薦-專輯簡介--*/

/*******************************************************You Good 右方主說明  大Panel******************************************************************/


#totleYG {
	width:210px; 
	height:140px;
	margin-left:5px; 
	font-size:10px; 
	color:#333333; 	
	margin-top:30px;

	}
#allYGproduct {	
	border-bottom: dashed 1px #CCCCCC;
	} 
#allYGproduct Span.title , a#llYGsupport Span.title{
padding-top:20px;
	}
#allYGproduct Span.number{
	color:#FF0000; 
	text-align:right; 
	font-weight:800;
	line-height:40px;

	}
#TXTallYGproduct .number{

	}

#allYGsupport .Box{
	width:200px; 
	height:65px; 
	background-image:url(/images/YG_totle_BG.gif); 
	background-repeat:no-repeat;
	margin-top:-2px;
	padding-top:5px; 
	padding-right:8px; 
	text-align:right; 
	font-size:20px; 
	font-weight:800; 
	line-height:22px; 
	color:#545454;
	}

#DIVnoteYG{
	width:210px; 
	padding:0 8px　0 12px;
	color:#666666;
	font-size:11px;
	line-height:12px;
	clip: rect(0px,230px,80px,5px);
	position: relative; 
	overflow:hidden;
	
	margin-top:42px; 
	height:90px;
	*margin-top:40px!important;
	*height:102px!important;
	*margin-top:40px;
	*height:102px;
	}	/*--YouGood快報*/
	
#DIVnoteYG #realtime{position: absolute; width: 220px;height: 80px; line-height: 15px; top: 0px; left:12px;}
/*跑馬位置*/
#DIVnoteYG #realtime a{ color:#666666;}/*跑馬連結文字*/

	
#DIVnoteYG UL{ 
	PADDING-LEFT: 0px; 
	MARGIN: 0px;
	list-style-type:none;
	}
#DIVnoteYG LI{
	PADDING: 0px; 
	MARGIN: 5px 0px 0 0; 
	}
#DIVnoteYG .time{ 
	color:#0099CC;
	}


/**********************************************最新完成專輯   panel********************************************************/

#newProduct  .Box{
	width:145px; 
	height:293px; 
	margin:10px 0 0 28px;
	}/*--------最新完成專輯 --Box---一堆專輯呈放區-------*/
#newProduct .Box img{
	width:34px; 
	height:34px; 
	border:1px #CCCCCC solid; 
	float:left ; 
	margin:0px 10px 8px 0;
	}/*--------最新完成專輯 專輯圖------*/

#DIVnewProduct{	
	width:145px; 
	height:293px; 
	margin:10px 0 0 28px;
	}/*--------最新完成專輯 --Box---一堆專輯呈放區-------*/

	
/**********************************************HITO 文字新聞***************************************************/
#DIVnewsBar{
	width:570px; 
	height:16px;  
	position:absolute; 
	top:12px; 
	left:408px;
	}/*----HITO 文字新聞---*/

/**********************************************3頭標***************************************************/
#DIVtxtAd{
	width:510px; 
	height:16px;  
	position:absolute; 
	top:350px; 
	left:190px;
	}/*----HITO 文字新聞---*/
#DIVtxtAd .Box{
	width:170px; 
	text-align:center;
		}
/*#DIVtxtAd{ 
	margin:0px; 
	padding:0px;
	}
#DIVtxtAd UL{ 
	margin:0px; 
	padding:0px;width:510px;
	}
#DIVtxtAd LI{ 
	list-style-type:none;	
	DISPLAY: inline; 
	padding:0 30px 0 0; text-align:center;
	}
#DIVtxtAd  h1{ 
	display:none;
	}*/


/****************************************************Tabnner*************************************************************/
#Tabnner{
	 width:520px; 
	 height:82px;  
	 position:absolute; 
	 top:348px; 
	 left:190px; 
	 background-color:#6699CC;
	}/*-----------正中間BANNER位置-----------*/


/*****************************************************中間下方優果列表大panel區塊**************************************************************/
#Product2ListPanel A:hover{
text-decoration:none;
color:#0090FF;
}
#Product2ListPanel A{
text-decoration:none;
color:#666666;
}

#Product2ListPanel .Box{
	width:520px; 
	height:250px;  
	position:relative;
	}/*-----成長最快.最新優果--呈放BOX----(完成左右兩塊正常定位用)*/

#hitoYGProduct {
	 width:265px; 
	 height:200px; 
	 float:left;
	}/*-------成長最快-的優果樹區塊------*/

#hitoYGProduct .dataTable {
	width:250px; 
	margin:6px 0 0 8px;
}/*------成長最快 TABLE大小----------*/

#newYGProduct{
	width:240px; 
	height:200px; 
	float:left;
	}/*------最新優果 -的優果樹區塊----------*/


#newYGProduct .dataTable {
	width:235px; 
	margin:6px 0 0 8px;
}/*------最新優果 TABLE大小----------*/

#hitoYGProduct .dataTable .albumPic img, #newYGProduct .dataTable .albumPic img { 
	width:24px; 
	height:24px; 
	border:1px #999999 solid;
	}/*----成長最快.最新優果  PIC設定------*/

#hitoYGProduct .dataTable ,#newYGProduct .dataTable {
	font-size:12px; 
	color:#333333; 
	border:0px #FFFFff none;	
	}/*----成長最快.最新優果 基本設定------*/
	
#hitoYGProduct .dataTable tr , #newYGProduct .dataTable tr{	
	line-height:25px;
	padding:0px;
	font-size:10px; 
	height:31px;
	font-size:12px;
	*height:31px;
	*font-size:12px;
	*height:31px!important;
	*font-size:12px!important;
	*height:31px;
	*font-size:12px;
	}/*----修正FIREFOX的錯誤----*/

#hitoYGProduct  .dataTable .row, #newYGProduct .dataTable .row  { 
	background-image:url(/images/tabTr_bg_indYGList.gif);

}/*表格內容-行的效果*/

#hitoYGProduct  .dataTable .rank {
	margin-top:-15px; 
	color:#006666; 
	font-weight:800; 
	font-size:0.8em;
	line-height:5px;
	*font-size:0.5em;
	*font-size:9px!important;
	*line-height:9px!important;
	*font-size:9px; 
	*line-height:9px; 
	}/*------成長最快優果樹--排名數字---*/
	

/*********************************************************adPanel****************************************************/
/*---------------------------熱門預告區--------------------------------*/
 
#DIVpromoEvent{
	 width:250px; 
	 height:163px; 
	 padding-top:23px;
	 padding-left:8px;
	 background-image:url(/images/layoutYGAdEvent_BG.gif); 
	 background-repeat:no-repeat;
}
#DIVpromoEvent .banner img{ 
	margin:5px 0 2px 0 ;
	}


/*---------------------------右下廣告BANNER區--------------------------------*/
#DIVadBanner{
	width:250px; 
	height:60px; 
	margin-top:13px; 
	text-align:center;
	}/*-----右下廣告BANNER區-------*/