@charset "utf-8";
/* CSS Document */
/*
 * reset
 ***********************************/	
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td,img{
	margin:0;
	padding:0;
	border:0;
	font-family: "Trebuchet MS",georgia,Verdana,Sans-serif;
	color: #000000;
	background: none;
	text-decoration: none;
	font-size: 12px;	
	color: #7f7f7f;
	text-align: left;
	word-wrap: break-word;	
} 	
a{
	color:#777;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
	background::#00FFCC;
}
body{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;		
}
.clear{	clear:both;}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
.hr1{
	width:530px;
	height:1px;
	border-bottom:1px #aaa solid;
	margin-left:10px;
	display:block;
}

a.cBlue:hover{color:#0D7AA5;font:bold;}
.cDRed,a.cDRed:link,a.cDRed:visited{ color:#bc2931;}
.fB {font-weight: bold;}
.f12px{ font-size:12px;}
.f14px{ font-size:14px;}
.f16px{ font-size:16px;}
.clear{ clear: both; font-size:1px; width:1px; visibility: hidden; }
.fleft{ float: left;}
.fright{ float: right;}
h1{
	font-size:18px;
	color:#555;
	font-weight:bolder;
	margin-bottom:2px;
}
h3{
	font-size:13px;
	line-height:1.4em;	
}
h4{
	font-weight:bolder;
}
.mar5px{
	margin-top:5px;
}
.fB {font-weight: bold;}
.fI {font-style: italic;}
.cborder{border:1px #3f3f19 solid;}
.dash{/*虛線*/
	height:1px;
	background:url(../../images/dash.gif) repeat-x;
	margin:10px 0 !important;
	margin:10px 0 0;	
}	
/*
 * wrapper and three block
 ***********************************/	
#wrapper{
	width:900px;
	text-align:center;
	margin:auto;
	
	clear:both;	
}
#left,#mid,#right{
	float:left;
}
#left,#right img{
	margin-top:400px;
}
/*
 * top Block
 ***********************************/
#top{
	background:url(../../images/top_bg.jpg);
	text-align:left;
	width:838px;
	height:230px;
}
#top .logo{
	margin-top:80px;
	margin-left:50px;	
	cursor:hand;
}
/*
 * menu Block
 ***********************************/	
#menu{
	width:838px;
	height:70px;
	background:url(../../images/menu_shadow2.jpg) bottom no-repeat;		
}
/*
 * find Block
 ***********************************/	

#find{
	background:#f2f3f3;
	width:818px;
	height:32px;
	padding:10px 0 0 20px;
}
#find span{
	font-weight:bolder;
	padding:0 5px;
}
#find span a:link{
	font-weight:bolder;
	font-style:oblique;
}
#find form input{
	width:130px;
	padding:0 5px;
}

/*
 * linkto Block
 ***********************************/
 #linkto{
 	background:#f2f3f3;
	padding:0 0 10px 20px;
 }
 #linkto{
 	font-weight:bold;
 }
/*
 * mybody Block
 ***********************************/
#mybody{
	width:838px;
}		
#mybody .content{
	background:url(../../images/body_mid_bg.jpg);
	height:940px;
	padding:6px 12px 12px 12px;
	text-align:left;
}
/*
 * mybody >> banner1
 ***********************************/	
#mybody .content .banner1{
	width:510px;
	height:240px;
	border:1px solid #ededed;
	float:left;		
}
#mybody .content .banner1 object{
/*embed是IE用*/
/*
	border:1px solid #ededed;
*/
	margin:5px 0px 0px 4px;	
}	
#mybody .content .banner1 embed{
/*embed是FF用*/
/*
	border:1px solid #ededed;
*/
	margin:5px 0px 0px 5px;	
}		
/*
 * mybody .content >> intro
 ***********************************/
#mybody .content .intro{
	width:239px !important;
	width:230px;
	height:240px;			
	margin-left:525px;
	margin-top:9px !important;
	margin-top:16px;	

}
#mybody .content .intro .more{
	margin-left:47px;
	margin-bottom:4px;			
}
/*
 * mybody .content >> left
 ***********************************/
#mybody .content .left{
	width:240px;
	height:500px;
	float:left;	
	margin-top:5px;		
}
#mybody .content .left .tvwall{
	border:2px solid #333;
	width:234px;
	height:174px;
	margin:5px 0px 0px 5px;	
}
#mybody .content .left .tvwall object,.tvwall embed{
	margin:7px 0px 0px 7px;
} 
#mybody .content .left img{
	margin:7px 0px 0px 5px;	
}	


/*
 * mybody .content >> right
 ***********************************/
#mybody .content .right{			
	width:555px;
	height:500px;
	background:#fff;		
	float:right;
	margin-top:10px;
	margin-right:7px !important;
	margin-right:2px;		
}		
#mybody .content .right .title1,.right .title2{
	background:url(../../images/news_bg.gif) repeat-x;
	width:555px;
	margin:0px 0px 0px 0px;	
}	
#mybody .content .right .title2{
	margin-top:12px;
}
#mybody .content .right .title1 img,.right .title2 img{
	margin:10px 0px 7px 5px;	
}	
#mybody .content .right .title1 p,.right .title2 p{
	width:555px;
	margin:5px 0px 0px 7px;
	font-size: 13px;
	font-family: Arial, Verdana , Helvetica, sans-serif, "微軟正黑體", "新細明體";	
}	
#mybody .content .right .dash{
	width:555px;
	height:1px;
	background:url(../../images/dash.gif) repeat-x;
	margin:10px 0px 10px 0px !important;
	margin:10px 0px 0px 0px;		
}		
#mybody .content .right .vedio,#mybody .content .right .forums{
	width:555px;
	height:163px !important;
	height:150px;
	background:url(../../images/vedio_bg.gif);
}		
#mybody .content .right .vedio .title,#mybody .content .right .forums .title{
	margin:20px 0px 0px 10px;
}			
#mybody .content .right .vedio .content1{
	width:538px;
	height:95px;
	margin:20px 0px 10px 8px;	
	background:#fff;
}	
#mybody .content .right .forums	{
	height:200px !important;
}
#mybody .content .right .forums .content1{
	width:538px;
	height:135px;
	margin:15px 0px 10px 8px !important;	
	margin:15px 0px 10px 8px;	
	background:#fff;
}		
#mybody .content .right .forums .content1 p{
	margin:9px 0px 0px 8px !important;
	margin:9px 0px 0px 5px;
}
#mybody .content .right .vedio .content1 img{
	margin:7px 0px 0px 6px !important;	
	margin:6px 0px 0px 6px;	
}								 
/*
 * footer Block
 ***********************************/
#footer{
	margin-top:5px;
}

#footer .content{
	background:url(../../images/footer_mid.jpg);
	width:838px;
/*
	height:150px;
*/
	text-align:left;
}
#footer .content img{
	margin:10px 90px 0px 90px;
	float:left;		
}
#footer .content span{	
	margin:0px 0px 0px 300px;
	width:500px;
	display:block;
}
#footer .content span img{		
	margin:4px 5px 0px 0px;	
}
#footer .content .pow1{
	margin-top:20px;
	float:left;
}

/*
news
---------------------------------*/
/*
 * mybody >> =content_box
 ***********************************/	
 	#mybody .content_box {	
		width:838px;
		text-align:center;
		background: url(../../images/mybody_bottom_left2.gif) no-repeat left bottom;
		margin-bottom:10px;
/*
		background:#ddd;
*/
		clear:both;
	}	
	.content_box .box-outer {
		background: url(../../images/mybody_bottom_right2.gif) no-repeat right bottom;
		padding-bottom: 20px;
	}	
	.content_box .box-inner {
		background: url(../../images/mybody_top_left.gif) no-repeat left top;
	}	
	.content_box h2 {
		background: url(../../images/mybody_top_right.gif) no-repeat right top;
		padding:14px 10px 2px 13px;
	}
	.content_box h2, .content .box p {
		text-align:left;
		padding-left: 10px;
	}
	.content_box .box p{
		padding:6px 0 5px 0;
		margin-left:15px;
		border-bottom:1px #ccc solid;
		width:205px;
	}
	#mybody .content_box .left{
		width:238px;
		float:left;
		margin:0px 0px 0px 14px !important;
		margin:0px 0px 100px 7px;
/*
		height:500px;
		background:#5ff;
*/
	}
	#mybody .content_box .right{
		width:575px;
		float:left;
/*
		background:#33f;
*/
	}

/*
 * mybody >> content_news >> right >> =box2
 ***********************************/		
	.content_box .right .box2 {
		width:575px;
		text-align:center;
		background: url(../../images/content_bottom_left2.gif) no-repeat left bottom;
	}	
	.right .box2 .box-outer {
		background: url(../../images/content_bottom_right2.gif) no-repeat right bottom;
		padding-bottom: 20px;
	}	
	.right .box2 .box-inner {
		background: url(../../images/content_top_left.gif) no-repeat left top;
	}	
	.right .box2 h2, .left .box p {
		text-align:left;
		padding-left: 10px;
	}
	.right .box2 h2 {
		background: url(../../images/content_top_right.gif) no-repeat right top;
		padding:12px 10px 2px 10px;
	}		
	.box2 .top_news{
		width:528px;
		height:219px;
		padding:0px 14px;
		background:url(../../images/news_box_bg.gif) bottom no-repeat;
		margin:8px 10px 0px;	
	}
	.top_news li,.post li{
		list-style:url(../../images/square.jpg);
	}
	.top_news img{		
		width:190px;
		height:190px;
		margin-right:22px;
		float:left;
	}	
	.box2 .post{
		width:528px;
		background:#d9ecf0;
		padding:14px;
		margin:10px 10px 0px;	
	}
	.box2 .post h3,.box2 .pos h3{
		margin-top:7px;
		font-weight:normal;
	}
	.post img{
		float:left;
		margin-right:23px;		
	}	
	.box2 p{
		margin:10px 10px 10px;
		text-align:center;
	}
	.box2 p a{
		padding:0px 2px;
	}	

/*
 * mybody >> content_news >> =left box
 ***********************************/		
	.content_box .left .box {	
		width: 235px;
		margin-bottom:5px;
		text-align:center;
		background: url(../../images/bottom-left.gif) no-repeat left bottom;
	}	
	.left .box .box-outer {
		background: url(../../images/bottom-right.gif) no-repeat right bottom;
		padding-bottom: 20px;
	}	
	.left .box .box-inner {
		background: url(../../images/top-left.gif) no-repeat left top;
	}	
	.left .box h2, .left .box p {
	
		text-align:left;
		padding-left: 10px;
	}
	.left .box h2 {
		background: url(../../images/top-right.gif) no-repeat right top;
		padding:14px 10px 2px 13px;
	}
	.left .box p{
		padding:6px 0 5px 0;
		margin-left:15px;
/*
		border-bottom:1px #333 dotted;
*/
		width:205px;
	}	

/*
news_page	
---------------------------------*/
/*
 * mybody >> content_news >> right =box3
 ***********************************/		
	.content_box .right .box3 {
		width:556px;
		text-align:center;
		background: url(../../images/news_bottom_left2.gif) no-repeat left bottom;
		margin-left:10px;
		margin-top:6px;
	}	
	.right .box3 .box-outer {
		background: url(../../images/news_bottom_right2.gif) no-repeat right bottom;
		padding-bottom: 20px;
	}	
	.right .box3 .box-inner {
		background: url(../../images/news_top_left.gif) no-repeat left top;
	}	

	.right .box3 h2 {
		background: url(../../images/news_top_right.gif) no-repeat right top;
		margin:0;
	}		
	.box3 h2, .box3 img, .box3 h3{
		padding:0 10px 10px;
		font-weight:normal;
	}
	.box3 h2.tit{		
		padding:10px 10px;
		color:#666;
		font-size:16px;
		font-weight:bolder;		
	}
	.box3 img{
		padding:3px;
		background:#ffffff;
		border:1px #999 solid;
		margin-left:10px;
		margin-bottom:10px;
	}
	.box3 p.des{		
		text-align:left;
		color:#666;
		font-weight:bolder;		
	}
	.box3 p.des p{
		table-layout:left;	
	}
	/*.box3 h3 p{text-align:left;}*/
/*
 * schedule box3 >> sched
 ***********************************/	
 	ul.sched{
 		background:#eef;
		width:540px;
		margin:4px 4px 4px 8px;
		margin-left:8px;
		
		list-style:none;
		clear:both;
 	}
	ul.sched li{
		padding:1px;
		text-align:center;		
		float:left;		
	}
	ul.sched a li{
		cursor:hand;
	}
	ul.tit1{
		background:#ccc;
	}
	.tit1 li{
		color:#666;
		padding:5px 0px;		
		font-size:14px;
		font-weight:bolder;
	}
	
	.sched .date{width:85px;}
	.sched .time{width:50px;}
	.sched .artist{width:80px;}
	.sched .active{width:160px; text-align:left;}
	.sched .add{width:80px;}
	.sched .ps{width:70px;text-align:left;}
/*
 * schedule 
 ***********************************/		
 	.sched .notice_tit{width:405px; text-align:left;}
	
	
/*
 * index >> banner , intro
 ***********************************/	
#banner{
	padding:4px;
	margin:5px 2px 10px 15px !important;
	margin:5px 2px 10px 10px;
	background:#eee;
	float:left;
}
#intro{
	width:280px;
	float:left;
	padding:3px 0 0;
	margin:2px 0 12px 8px !important;
	margin:2px 0 10px 8px;
}
#intro p img{
	float:left;
}
#intro img.more{
	margin:8px 0 10px 10px;
}
/*
 * index >> #side,#main_cont 定位 
 ***********************************/
#side{
	width:240px;
	float:left;
	margin:0 0 1px 10px !important;
	margin:0 0 1px 9px;
	padding-left:7px !important;;
	padding-left:0;
	text-align:center;
}
#main_cont{
	width:550px;
	float:left;
	margin:0 0px 1px 1px;
	padding:5px;

}
/*
 * index >> #tvwall 電視牆
 ***********************************/	 		
#tvwall{
	width:220px;
	padding:5px;
	margin:0 0 8px;
	background:#ddd;
	text-align:center;
}	 
/*
 * index >> #ad 廣告
 ***********************************/
#ad p{
	margin-bottom:8px;
}	 		

/*
 * index >> #news_b 最新消息,樂評,公告
 ***********************************/
#news_b{
	margin-bottom:8px;
}
ul#newspage li.on,ul#newspage li.off{
	cursor:hand;
    width: 82px;
	height: 31px;
    float: left;	
    display: block;
    text-align: center;
}
ul#newspage li.on{
	background:url(../../images/news_sub_on.gif) left top no-repeat;	
}
ul#newspage li.off{
    background:url(../../images/news_sub_off.gif) left top no-repeat;
}
ul#newspage li p{
	text-align:center;
    margin: 12px 0 0;
    display: block;
    font-size: 12px;
}
/*
#newsub 頁籤切換
*/
#newsub li {
	background: #fff;
    border: 1px #eee solid;
    width: 540px;
    text-align: left;
    padding: 8px;
}
#newsub span a{
	padding-left:5px;
}
#newsub p{
	margin-bottom:5px;
}
#npage1 li,#npage1 ul{
	background:#3f3;
}
.disnone {
    display: none;
}
.disblock {
    display: block;
}	 		
/*
 * index >> #schedule_b 活動行程
 ***********************************/
#schedule_b{
	margin-bottom:18px;
}
/*
 * news >> #box_page 上下則最新消息
 ***********************************/
#box_page{
	width:556px;
	clear:both;
	margin:15px 10px 1px;
}	 		
#box_page #box_bot{
	background:#e1ebf2 url(../../images/page_box_bottom.jpg) left bottom no-repeat;
}
#box_page #box_con{
	/*內容頁*/
	background:url(../../images/page_box_top.jpg) left top no-repeat;
	padding:8px;
}
#box_page #box_con p{
	text-align:left;
	padding:0;margin:0;
}
#box_page #box_con hr{
	height:1px;
	color:#cdd;
}

/*
 * schedule >> .pageNum 留言板區塊深
 ***********************************/
.pageNum{
	width:100%;
	margin-left:5px;
	margin-top:8px;
	text-align:center;
}
/*
 * forums >> #forums_box1 留言板區塊深
 ***********************************/
#forums_box1{
	width:819px;
	clear:both;
	margin:5px 10px 1px;
}	 		
#forums_box1 #box_bot{
	background:#e1ebf2 url(../../images/forums_box1_bottom.gif) left bottom no-repeat;
}
#forums_box1 #box_con{
	/*內容頁*/
	background:url(../../images/forums_box1_top.gif) left top no-repeat;
	padding:8px;
}
#forums_box1 #box_con{
	padding:20px;
}
#forums_box1 #box_con p{
	text-align:left;
	padding:0;margin:0;
}
#forums_box1 #box_con hr{
	height:1px;
	color:#cdd;
	border:0.01em #cdd solid !important;	
}
#forums_box1 li{
	margin:0 0 0 30px;
	padding:5px 0 0 0;
	line-height:1.7em;
}
/*
 * forums >> #forums_box2 留言板區塊淺
 ***********************************/
#forums_box2{
	width:819px;
	clear:both;
	margin:5px 10px 1px;	
}	 		
#forums_box2 #box_bot{
	background:#ecf3f7 url(../../images/forums_box2_bottom.gif) left bottom no-repeat;
}
#forums_box2 #box_con{
	/*內容頁*/
	background:url(../../images/forums_box2_top.gif) left top no-repeat;
	padding:8px;
}
#forums_box2 #box_con p{
	text-align:left;
	padding:0;margin:0;
}
#forums_box2 #box_con hr{
	height:1px;
	color:#cdd;
	border:0.01em #cdd solid !important;	
}

/*
 * forums >> #forums_box3 留言板回覆區塊
 ***********************************/
#forums_box3{
	width:819px;
	clear:both;
	margin:5px 10px 1px;
	overflow:hidden;
	vertical-align:top;
}	 		
#forums_box3 #box_bot{
	background:#CEDCE8 url(../../images/forums_box3_bottom.gif) left bottom no-repeat;
}
#forums_box3 #box_con{
	/*內容頁*/
	background:url(../../images/forums_box3_top.gif) left top no-repeat;
	padding:10px;
}
#forums_box3 #box_con p{
	text-align:left;
	padding:0;margin:0;
}
#forums_box3 #box_con hr{
	height:1px;
	color:#E1EBF2;
	border:0.01em #E1EBF2 solid !important;
}
#forums_box3 #box_con form{
	margin:0;
	padding:0;
	width:500px;
}
#forums_box3 #box_con .mb_caption{
	width:60px;
}
#forums_box3 #box_con .button{
	 height:25px; background:#ecf3f7;
	 color: #999; padding: 0; cursor: pointer ; margin-top:5px;
}
#forums_box3 #box_con .mb_textarea{
	width:70%;
}
/*
 * aitist >> content_box -> .artist_bann
 ***********************************/
.artist_bann {
	width:800px;
	height:300px;
	background:#ddd;
	margin-left:19px;
}
.artist_menu{
	width:800px;
	height:42px;
	background:url(../../images/artist_menu_bg.gif); 
	margin-top:1px;
	margin-left:19px;
}
.artist_menu li{
	list-style:none;
	padding:12px;
	float:left;
}
.artist_menu li a:hover{
	text-decoration:none;
	color:#006699;
}
.artist_content{
	width:780px;
	background:#e1ebf2;
	padding:10px;
	margin-top:3px;	
	margin-left:19px;
}
.artist_content .art_title{
	font-size:13px;
	font-weight:bolder;
	margin-top:5px;
}
.artist_content li{
	margin-left:40px;
	list-style:none;
}
/*
 * register
 ***********************************/	
 .forums_box1.reg_tb{
 	padding:51px;
 }
 .head_td{
 	padding:10px 8px 0 15px;
	text-align:right;
 }
.con_td{
 	padding:8px 0 0 3px;
	text-align:left;
 }
.titA{
	padding:10px 0 0 0;
	font-style: italic;
}
.btn{
	text-align:center;
	margin:auto;
}
.submit{
	margin:3px;
	padding:3px 5px;
}
.ps{
	padding:5px 0 5px 50px;
}