/* 

===============================================================
站名: JVR Music / 周杰倫-方文山-楊俊榮 的公司
版本: 2007 - V1.0
ART Design : 714 & Mini / 桑河數位科技
CSS Coding : joooooohs / 桑河數位科技
===============================================================

*/


/****** General Styles ******/
body {
	font-size: 12px;font-family: Arial;	color:#5c5c5c;text-align:left;
	background-color: white;background-image: url("images/body_bg.gif"); background-repeat:repeat;
	margin: 0px;padding: 0px;
	SCROLLBAR-FACE-COLOR: #CCCCCC; SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; SCROLLBAR-SHADOW-COLOR: #626262; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR:  #FFFFFF; SCROLLBAR-TRACK-COLOR: #FFFFFF; SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
}

div { border:0px #336699 solid; padding:0px}

table {font-size: 12px;}
/*td {word-break: break-all; font-size: 12px;}*/

a:link, a:visited {	color: #555555;}
a:hover {text-decoration: underline;color:#c40055;
}

img{
	border: 0px;
}

hr {
	height: 1px;
	border-top: 1px solid #CCCCCC;
}

/****** Main Layout Styles ******/

#wrapper { width:100%; text-align:center;}
#innerWrapper {
	width: 987px; text-align:left; padding:0px; border:#CC0000 0px solid;
	margin-left:auto; margin-right:auto;
}

#header { float:left; height:498px; margin-bottom:-193px; text-align:center; clear:both}
#innerHeader {width:987px; border:#CC00ff 0px solid;}


#footer {/*包含底區不延伸的背景圖*/
	background-image:url(images/footer_bg.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	background-position:center;
	width:100%; height:141px;
	clear: both;
	float:left;
	margin-top:-10px;
	margin-bottom:20px;
}

#innerFooter {
	padding-top:48px;padding-left:200px; font-size:11px; text-align:left; color:#ffffff;
}

#innerFooter3 {
	padding-top:20px;padding-left:200px; font-size:11px; text-align:left; color:#ffffff;
}

/****** Content Layout ******/

#mainWrapper {/*包含內容區延伸Y的背景圖*/
	background-image: url(images/content_bg.gif);
	background-repeat: repeat-y; 
	padding:0px;float:left; 
	border:0px solid #CC3300; 
	width:987px;
	float:left; clear:both;
}

.flowerL{ float:left; width:70px; height:713px}

.flowerR{ float:left; width:70px; height:713px}

.mainContentOutside {/*內容--包含內容區上方背景花邊圖*/
	background-image:url(images/contentTop_bg.gif);
	background-repeat:no-repeat;
	width:846px; float:left;
}

.mainContent {/*中間全部內容, 不影響邊框花紋*/
	width:100%;
	vertical-align:top;
}

/*super用於破格CrazyAD或topTitle主視覺*/
#super {margin-left:auto; margin-right:auto; width:100%; text-align:center; border:0px #CC0099 solid; position: absolute; top:0px; left:0px;/*display:none*/}
.superContent{width:986px; height:441px; text-align:left; border:0px #00CC00 solid; overflow:hidden}
.superContentTop{}

/*super2用於藝人特區主視覺*/
#super2 {width:320; border:0px #CC0099 solid; position: absolute; top:260px; left:50%/*display:none*/}
.superContent2{width:320px; height:500px; text-align:right; border:0px #00CC00 solid; margin-left:173px}
.superContentTop2{width:320px; height:500px; border:0px #00CCcc solid; float:right; /*display:none*/}

/* contentLeft */
.contentLeft{ width:294px; float:left;}

/* contentRight */
.contentRight{ width:552px; float:right}

/* indexSearch- 和super一樣是破格寫法*/
.indexSearch{ width:100%; height:36px; text-align:center; border:0px #00CC00 solid; position:absolute; z-index:1; top:322px; left:0px}
.indexSearch .searchContent{width:846px; text-align:right; border:0px #0099FF solid; padding-right:10px}
.indexSearch .searchBox {
	width:169px; height:22px; 
	border:0px #CC9900 solid; 
	background-image:url(images/index_search_box.gif); 
	padding-top:4px; padding-bottom:2px; padding-left:8px; padding-right:8px;
}
.indexSearch .searchBtn{}

/*index 右邊*/
.indexNews{ width:100%; background-image:url(images/index_news_bg.gif); background-repeat:no-repeat; height:136px; float:left; margin-top:57px; text-align:center}
.indexVideo{width:100%; background-image:url(images/index_video_bg.gif); background-repeat:no-repeat; height:243px; float:left; text-align:center}
.indexAlbum{width:100%; background-image:url(images/index_album_bg.gif); background-repeat:no-repeat; height:202px; float:left; text-align:center}
.indexBanner{width:100%; float:left; padding-top:2px; padding-left:6px;}
.indexBanner .banner{ padding-right:4px; float:left; height:70px}

.indexContent{ width:540px; margin-top:25px; border:0px solid #00CCFF; padding-left:3px; padding-right:9px}
.indexContent ul { margin-top:5px; margin-bottom:0px}
.indexContent li { margin-left:-20px}
.indexContent li a:link,.indexContent li a:visited{ font-weight:bold; text-decoration:none; color:#454545;}
.indexContent li a:hover{ color:#FF3366}
.myContent {margin-left:3px; margin-top:3px;padding-left:15px; padding-top:3px; border-top:1px solid #c9c9c9; overflow:hidden}
.myContent a:link,.myContent a:hover, .myContent a:visited{ color:#00a8eb ; text-decoration:underline}

/****** 表單及按鈕等 ******/
form {
	display: inline; margin:0px; padding:0px;
}

input {

}

input.text {

}
input.button {

}
input.button-save, input.button-cancel{
	padding:8px;
}
input.button-reset{
	display:none;
}
textarea { 
	font-size: 15px;
	color: #000000;
	border: 1px solid #CCCCCC;
	background-color: #F9F9F9;
}
select { 
	font-size: 12px;  
	color: #000000; 
	background-color: #FFFFFF;
}

/* 內頁用 artist */

#mainWrapper2 {/*包含內容區延伸Y的背景圖*/
	background-image: url(images/artist_bg.gif);
	background-repeat: repeat-y; 
	padding:0px;float:left; 
	border:0px solid #CC3300; 
	width:987px;
	float:left; clear:both;
}

#footer2 {/*包含底區不延伸的背景圖*/
	background-image:url(images/footer_bg2.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	background-position:center;
	width:100%; height:141px;
	clear: both;
	float:left;
	margin-top:-10px;
}

/* ArtistTop */
.ArtistTop{ width:846px; float:left; height:419px; background-image:url(images/artist_top_bg.jpg); background-repeat:no-repeat; border:0px solid #009900; padding:0px }

/*ArtistMenu */
.ArtistMenu{
	width:620px;
	float:left;
}

/*內文格式*/
.ArtistContentT1{
    font-size:12px;
	color:#000000;
	font-weight: bold;
	line-height: 16px;
	text-decoration: none;
}
.ArtistContentT1 a:link, .ArtistContentT1 a:visited{ color:#000000 ; text-decoration: none}
.ArtistContentT1 a:hover{ color:#FF3366 }

.ArtistTXT{
	font-size:12px;
	font-family:Arial;
	color:#666666;
	line-height: 20px;
}
.ArtistTXT img{ padding-right:5px; padding-bottom:5px}
.ArtistTXT a:link,.ArtistTXT a:visited{ color:#00a8eb ; text-decoration:underline}
.ArtistTXT a:hover{color:#00a8eb;text-decoration: none;}


/* ArtistLeft */
.ArtistLeft{ width:620px; float:left;margin-top:-330px; border:0px solid #CCFF66; padding:0px;}
.ArtistBlock{width:542px; margin-top:10px; margin-left:17px;}



/* ArtistRight */
.ArtistRight{ width:226px; float:left; border:0px solid #CCFF66; }

.ArtistNews{ width:100%; background-image:url(images/artist_news_bg.gif); background-repeat:no-repeat; height:301px; float:left; text-align:center}

.ArtistSchedu{ width:100%; background-image:url(images/news_schedu_bg.gif); background-repeat:no-repeat; height:279px; float:left; text-align:center}

.ArtistBanner{ width:100%; float:left; text-align:center ;/*display:none*/}

/*ArtistContent*/
.ArtistContent{ width:96%; float:left; margin-top:35px; border:0px solid #00CCFF; padding-left:8px; padding-right:5px;}
.ArtistContent img{ padding-right:5px; padding-bottom:5px}

.downline{border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #CCCCCC;}

.block{
    border-bottom-width: 1px;
    border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.T16{
    font-size:16px;
	color:#000000;
	font-weight: bold;
	line-height: 24px;
	text-decoration: none;
}
.T13{
    font-size:13px;color:#333333;font-weight: bold;line-height:22px;text-decoration: none;
}

/*討論區撐開TABLE問題---forum/readTopic.asp line 157, line202*/
.fitTable{word-break: break-all;word-wrap:break-word; width:400px; overflow:hidden}


/* 相簿 */
.ArtistGallery{ width:554px; background-image:url(images/gallery_bg.gif); background-repeat:no-repeat; height:524px; text-align:center ;padding-top:13px}
.GalleryPhoto{ width:123px; background-image:url(images/photo_bg.gif); background-repeat:no-repeat; height:123px; text-align:center ;padding-right:5px;padding-top:5px;word-break: break-all;word-wrap:break-word;}


/*強打星*/
.focusStar{width:574px; background-image:url(images/focus_1.jpg); background-repeat:no-repeat; height:167px; text-align:left; padding-left:240px; padding-top:65px; padding-right:20px;}


/*每個單元內頁設定*/
.PageTop{ width:846px; float:left; height:77px; border:0px solid #009900; padding:0px }
.PageLeft{ width:620px; float:left;margin-top:50px; border:0px solid #CCFF66; padding:0px;}
.PageRight{ width:226px; float:right; border:0px solid #CCFF66;margin-top:-20px /*display:none*/ }

/*公佈欄*/
.bulletin{ width:585px; background-image:url(images/forum_bulletin.jpg); background-repeat:no-repeat; height:268px; text-align:center ;padding-left:0px;padding-top:60px;}

/*最新活動*/
.Events{width:226px; background-image:url(images/forums_events_bg.gif); background-repeat:no-repeat; height:303px; float:left; text-align:center;margin-top:0px}
/*中獎名單*/
.winner{width:226px; background-image:url(images/forum_winner_bg.gif); background-repeat:no-repeat; height:160px; float:left; text-align:center;margin-top:0px}

/*hotnews最新消息*/
.hotnews{
	width:548px;
	background-image:url(images/news_hot_bg.gif);
	background-repeat:no-repeat;
	height:149px;
	float:left;
	margin-left:10px;
	text-align:center;
	padding-top:12px;
	padding-left:12px;
}
.newsSchedu{width:226px; background-image:url(images/news_schedu_bg.gif); background-repeat:no-repeat; height:279px; float:left; text-align:center;margin-top:0px}


/*會員電子報訂閱*/
.epaper{width:226px; background-image:url(images/epaper_order_bg.gif); background-repeat:no-repeat; height:123px; float:left; text-align:center;margin-top:0px}

/*購物中心熱賣商品*/
.hotshop{ width:100%; background-image:url(images/shop_hot_bg.gif); background-repeat:no-repeat; height:301px; float:left; text-align:center}

/*問卷*/
.survey{ width:100%; background-image:url(images/suvey_qustion000.gif); background-repeat:no-repeat; height:118px; float:left; text-align:center}

/*問卷*/
.survey2{ width:100%; background-image:url(images/suvey_qustion001.gif); background-repeat:no-repeat; height:300px; float:left; text-align:center}