@charset "utf-8";

/*//================================================================================================
// 各單元變色部分：列表icon變色/生活資訊頁籤底色
//================================================================================================ */
.item_list li a  {
background-image: url(../images/icon_dot_blue.gif);
}
.headline_list li a {
background-image: url(../images/icon_dot_blue.gif);
}
#TopBar #right li a{
background-image: url(../images/icon_dot_blue.gif);
}
#path{
	background-image: url(../images/icon_dot_blue.gif);
}
#life_content_label ul li:hover {
	background-image: url(../images/lable_life_on_blue.gif);
}
/*頁碼*/
.page_control { /* Sunny add */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
.page_control a:hover {
	color: #00abe3;
}
.page_control .hold{
	color: #00abe3;
}

/*//================================================================================================
// HD主頁面共用-天 
//================================================================================================ */
#TopBar {
	width:960px;
	height:25px;
	float:left;
}
/*---------------上方連結---------------*/
#TopBar #left {
	width:520px;
	height:25px;
	float:left;
	padding-left:0x;
}
#TopBar #left #home {
	width:120px;
	height:20px;
	float:left;
	padding:5px 0 0 0;
}
/*---------------選單---------------*/
#header #menu {
	width:810px;
	height:70px;
	float:left;
}
/*---------------上方搜尋區塊---------------*/
#header #topsearch {
	width:150px;
	height:70px;
	float:left;
	background-image: url(../images/blackbar_bg_hd.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#header #topsearch .inputframe {
	float:left;
	margin:25px 5px 0 5px;
	background-color: #333333;
	border: 1px solid #222222;
}
#header #topsearch .inputbar {
	background-color: #333333;
	border: 1px solid #333333;
	float:left;
	width: 80px;
	height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00abe3;
	text-decoration: none;
	padding:2px 5px 0 5px;
}
#header #topsearch .btn {
	float: left;
	height: 21px;
	width: 26px;
}
/*//================================================================================================
// 主頁播放框
//================================================================================================ */
/*090707 修改高度*/
#video{
	width: 960px;
	height: 270px;
	background-image: url(../images/video_bg.jpg);
	float:left;
	margin-bottom:5px;
	display:inline;
}
/*090707 修改高度及內距*/
#video_player{
	width: 400px;
	height: 250px;
	background-image: url(../images/player_frame.gif);
	float:left;
	padding:10px 10px 0 10px;
	margin:5px;
	display:inline;
}
#video_player #pv{
	width: 400px;
	height: 225px;
}
/*090707 新增控制列*/
#video_player #ctrl{
	width: 400px;
	height: 25px;
}
#video_player #ctrl ul li {
	display:block;
	list-style-image: none;
	width: 16px;
	padding: 3px 2px 0 0;
	float:left
}
#video_player #ctrl .last{
	float:right;
}
#video #list{
	width: 450px;
	height: 120px;
	float:right;
	margin:110px 30px 0 0px;
	display:inline;
}
#video #list li a {
	padding:0px;
}
#video #list ul li {
	display:block;
	list-style-image: none;
	width: 100px;
	padding: 5px 5px 8px 5px;
	float:left;
}

/*//================================================================================================
// 右邊區塊
//================================================================================================ */
/*---------------現正播映---------------*/
#right_title_show {
	background-image:url(../images/right_title_show.gif);
}
/*---------------節目搜尋---------------*/
#right_title_SearchProgram {
	height:30px;
	background-image:url(../images/right_title_SearchProgram.gif);
}
#SearchProgram_select_block{
	width: 230px;
	height: 50px;
	float:left;
}
.SearchProgram_select{
	width: 230px;
	height: 22px;
	margin-bottom:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
#SearchProgram_btn{
	width: 50px;
	height: 50px;
	float:right;
	}
#right_title_tag {
	height:30px;
	background-image:url(../images/right_title_tag.gif);
}
#right_title_news {
	height:30px;
	background-image:url(../images/right_title_news.gif);
}
#right_title_life {
	height:30px;
	background-image:url(../images/right_title_life.gif);
}
.main_banner_txt {
	width:103px;
	height:38px;
	float:left;
	padding:5px;
}
/*//================================================================================================
// 左邊區塊
//================================================================================================ */
#left_title_ProgramNews {
	height:30px;
	background-image:url(../images/left_title_ProgramNews.gif);
}
#left_title_activities {
	height:30px;
	background-image:url(../images/left_title_activities.gif);
}
#left_title_discussion {
	height:30px;
	background-image:url(../images/left_title_discussion.gif);
}

/*//================================================================================================
// 主頁中間區塊
//================================================================================================ */
/*---------------精選推薦---------------*/
#center_title_select {
	height:30px;
	background-image:url(../images/center_title_select.gif);
}
/*---------------精選推薦---------------*/
#center_title_NewProgram {
	height:30px;
	background-image:url(../images/center_title_NewProgram.gif);
}
/*---------------預告搶先看---------------*/
#center_title_trailer {
	height:30px;
	background-image:url(../images/center_title_trailer.gif);
}

/*//================================================================================================
// 頻道頁播放框
//================================================================================================ */
/*090707 修改高度*/
#video_sports{
	width: 635px;
	height: 270px;
	background-image: url(../images/video_sports_bg.jpg);
	float:left;
	margin-bottom:5px;
}
#video_drama{
	width: 635px;
	height: 270px;
	background-image: url(../images/video_drama_bg.jpg);
	float:left;
	margin-bottom:5px;
}
#video_world{
	width: 635px;
	height: 270px;
	background-image: url(../images/video_world_bg.jpg);
	float:left;
	margin-bottom:5px;
}
/*090707 修改上方外距*/
#ch_list{
	width: 200px;
	height: 154px;
	float:right;
	margin:110px 5px 0px 0px;
	display:inline;
}
#ch_list li a {
	padding:0px;
}
#ch_list ul li {
	display:block;
	list-style-image: none;
	width: 170px;
	height: 16px;
	padding: 3px 5px 3px 25px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #779BC4;
	text-decoration: none;
}
#ch_list ul li.on {
	color: #FFFFFF;
	background-color: #00567f;
	background-image: url(../images/icon_arrow2_left.gif);
	background-repeat: no-repeat;
	background-position: left;
	cursor:pointer;
}

/*//================================================================================================
// 頻道頁中間區塊
//================================================================================================ */

/*---------------現正播映---------------*/
#center_title_show {
	height: 30px;
	background-image:url(../images/center_title_show.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
/*---------------現正播映-左方播放框---------------*/
#show_photo{
	float: left;
	height: 155px;
	width: 200px;
	padding:3px;
	background-image: url(../images/show_photo_bg.gif);
	background-repeat: repeat-x;
}
#show_content{
	padding:5px;
}
#showch_goch_btn {
	width: 250px;
	padding:18px 2px 0px 0;
	text-align:right;
	float:right;
	background-image: url(../images/show_list_bg.gif);
}
/*---------------節目分類---------------*/
#center_title_ClassProgram {
	height: 35px;
	background-image:url(../images/center_title_ClassProgram.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
/*分類頁籤*/
#ClassProgram_labels{
	height: 35px;
	width: 360px;
	float:right;
	margin-right:5px;
}
#ClassProgram_labels ul {
	margin:0px;
	padding:0px;

}
#ClassProgram_labels ul li {
	height: 23px;
	width: 60px;
	display:block;
	float:left;
	margin:0px;
	padding:12px 0px 0px 0px;
	background-image: url(../images/title_lable_bg.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}
/*
#ClassProgram_labels ul li:hover {
	height: 25px;
	padding:10px 0 0 0;
	background-image: url(../images/title_lable_bg_on.gif);
	color: #333333;
	font-weight: bold;
}
*/

#ClassProgram_labels ul li.on{
	height: 25px;
	padding:10px 0 0 0;
	background-image: url(../images/title_lable_bg_on.gif);
	color: #333333;
	font-weight: bold;
	cursor:pointer;
}
#ClassProgram_block{
	width:460px;
	margin-bottom:5px;
	background-color: #FFFFFF;
}

.program_block{
 	margin:auto;
}
.program_frame{
	width: 200px;
	height: 140px;
	background-image: url(../images/program_frame.gif);
	background-repeat: no-repeat;
	padding:15px 9px 5px 6px;
	float:left;
	margin:4px;
	display:inline;
}
/*//================================================================================================
// 頻道頁右邊區塊
//================================================================================================ */
#right_title_video {
	height:30px;
	background-image:url(../images/right_title_video.gif);
}


/*//================================================================================================
// 節目表中間區塊
//================================================================================================ */
#center_title_program {
	height:35px;
	background-image:url(../images/center_title_program.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#program_lable {
	width:360px;
	height:35px;
    /*解決IE6的bug*/
	position:relative;
	float:right;
}
#program_lable ul {
	margin:0px;
	padding:0px;
	/*解決IE6的bug*/
	position:absolute;
}
#program_lable ul li {
	float:left;
}
#program_date{
	height: 25px;
	padding:10px;
}
#program_date ul{
	padding:0px;
	margin:0px;
}
#program_date li{
	height: 20px;
	float:left;
	padding-right:3px;
}
#program_date #today{
	width: 110px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #00abe3;
	letter-spacing: 0.2em;
}
#program_list{
	padding:10px;
}
#program_list ul{
	padding:0px;
	margin:0px;
}
#program_list ul li{
	height: 125px;
}
#program_list .line  .time{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	background-color: #FFFFFF;
	width: 40px;
	letter-spacing: 0.1em;
}
#program_list .line{
	height: 16px;	
	background-image: url(../../images/line_dot_h.gif);
	background-repeat: repeat-x;
	background-position: center;
}
#program_list .info{
	height: 96px;	
	margin: 0px 0px 0px 50px;
}
#program_list .photo{
	height: 96px;
	width: 126px;
	margin-right:5px;
	float:left;
}
#program_list .txt{
	height: 96px;
	width: 245px;
	float:left;
}
/*//================================================================================================
// content page
//================================================================================================ */
/*0900713修改高度*/
#ContentPage_video{
	width: 960px;
	height: 435px;
	background-image: url(../images/cp_topbg.jpg);
	float:left;
}
/*090626修改*/
/*090713 修改名稱以及寬度*/
#ContentPage_video_top{
	width: 940px;
	height: 20px;
	float:left;
	padding:15px 10px 10px 10px;
	margin:0px;
}
#ContentPage_video_top ul li {
	display:block;
	list-style-image: none;
	padding: 0px 50px 0 0;
	float:left
}
#ContentPage_video_top .last{
	float:right;
	padding:0px;
}
#ContentPage_video_top .icon_tv{
	background-image: url(../images/icon_tv.gif);
	background-repeat: no-repeat;
	padding:0 20px 0 20px;
}

#ContentPage_video_player{
	width: 640px;
	height: 380px;
	float:left;
	margin:0 0 5px 5px;
	display:inline;
}
#ContentPage_video_player #pv{
	width: 640px;
	height: 360px;
	background-color: #000000;
	
}
/*090713 新增控制列*/
#ContentPage_video_player #ctrl{
	width: 640px;
	height: 20px;
}
#ContentPage_video_player #ctrl ul li {
	display:block;
	list-style-image: none;
	width: 16px;
	padding: 3px 2px 0 0;
	float:left
}
#ContentPage_video_player #ctrl .last{
	float:right;
}
/*090626新增*/
/*090713 修改*/
.ContentPage_video_event{
	width: 57px;
	height: 18px;
	*height: 16px;
	background-image: url(../images/event_btn.gif);
	background-repeat: no-repeat;
	float:right;
	margin-left:5px;
	padding:2px 0 0 9px;
	*padding:4px 0 0 9px;
}
/*右邊影音列表*/
/*090713修改*/
#ContentPage_video #list{
	width: 300px;
	height: 295px;
	float:left;
	margin:0px 0px 0px 5px;
	overflow: auto;
}
#ContentPage_video #list ul li {
	width: 270px;
	height: 55px;
	display:block;
	list-style-image: none;
	float:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom:3px;
}
#ContentPage_video #list .txt {
	width: 175px;
	height: 51px;
	padding-left:5px;
	float:left;
}
/*付費影音*/
#ContentPage_pay{
	width: 280px;
	height: 35px;
	float:left;
	padding:15px 0 0 20px;
	margin-left:5px;
}
/*按鈕*/
#ContentPage_btn{
	width: 300px;
	height: 35px;
	float:left;
	margin-left:5px;
}
#ContentPage_btn ul li{
	float:left;
	padding-right:2px;
}
/*節目介紹*/
#ContentPage_info{
	width: 605px;
	height: 155px;
	background-image: url(../images/cp_infobg.jpg);
	float:left;
	padding:10px 20px 10px 20px;
	background-repeat: no-repeat;
	background-position: left top;
}
/*090613修改圖檔名*/
#ContentPage_info #title{
	width: 575px;
	height: 25px;
	padding:5px 0 0 30px;
	background-image: url(../images/play_icon.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#ContentPage_info #ct{
	width: 300px;
	height: 125px;
	float:left;
}
#ContentPage_info #ct li{
}
#ContentPage_info #intro{
	width: 305px;
	height: 125px;
	float:left;
	overflow: auto;
}
/*090703 修改寬度*/
#ContentPage_content{
	width:580px;
	float:left;
	margin:20px 0 0 10px;
}
/*節目標籤*/
#ContentPage_lables{
	width: 600px;
	height: 35px;
	background-image: url(../images/content_page_lable_bg.gif);
	background-repeat: no-repeat;
	padding:0 10px 0 10px;;
}
#ContentPage_lables  ul {
	margin:0px;
	padding:0px;

}
#ContentPage_lables li{
	width: 75px;
	height: 20px;
	float:left;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	padding:15px 0 0 0;
	text-align:center;
	background-image:url(../images/breakline.gif);
	background-repeat: no-repeat;
	background-position: right 10px;
}
/*
#ContentPage_lables li:hover{
	height: 25px;
	color: #333333;
	text-decoration: none;
	padding:10px 0 0 0;
	font-weight: bold;
	background-image: url(../images/content_page_lable_on.gif);
	background-position: right 0px;
}*/
#ContentPage_lables li.on {
	height: 25px;
	color: #333333;
	text-decoration: none;
	padding:10px 0 0 0;
	font-weight: bold;
	background-image: url(../images/content_page_lable_on.gif);
	background-position: right 0px;
}
/*精選影片*/
#ContentPage_content #videos{
	padding:20px 0 0 0;
}
#ContentPage_content #videos .txt{
	width:166px;
	height: 20px;
	padding-top:5px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
#ContentPage_content #videos .txt a{
	color: #333333;
	text-decoration: none;
}
#ContentPage_content #videos .txt a:hover{
	color: #00abe3;
	text-decoration: underline;
}
/*090626修改*/
#ContentPage_content #videos li{
	width: 170px;
	height: 120px;
	float:left;
	margin:0px 5px 20px 5px;;
}
/*劇照*/
#ContentPage_content #gallery{
	padding:20px 0 0 0;
}
#ContentPage_content #gallery .photo{
	width:180px;
	height: 150px;
	text-align: center;
}
#ContentPage_content #gallery .photo_notext{
	width:180px;
	height: 180px;
	text-align: center;
}
#ContentPage_content #gallery .txt{
	width:180px;
	height: 22px;
	padding-top:8px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
#ContentPage_content #gallery .txt a{
	color: #333333;
	text-decoration: none;
}
#ContentPage_content #gallery .txt a:hover{
	text-decoration: underline;
}
/*090702 修改外距*/
#ContentPage_content #gallery li{
	width: 180px;
	height: 180px;
	float:left;
	padding:3px;
	margin:0px 2px 20px 2px;
	border: 1px solid #CCCCCC;
	background-color: #e5e5e5;
}
/*純文字*/
#ContentPage_content #main{
	padding:20px 0 0 0;
}
/*人物卡司*/
#ContentPage_content #cast{
	padding:20px 0 0 0;
}
/*090702 修改寬度*/
#ContentPage_content #cast li{
	width: 580px;
	float:left;	
	margin-bottom:30px;
}
#ContentPage_content #cast .info{
	width: 370px;
	float:left;	
	margin-left:10px;
}
#ContentPage_content #cast .info_nophoto{
	width: 580px;
	float:left;	
}
/*//================================================================================================
// content page右邊區塊
//================================================================================================ */
#right_title_SelectVideo {
	height:30px;
	background-image:url(../images/right_title_SelectVideo.gif);
}
/*右邊影音列表 090702修改*/
#SelectVideo_list{
	width: 290px;
	height: 255px;
	float:left;
	margin:0px 0px 0px 0px;
	overflow: auto;
}
#SelectVideo_list ul li {
	width: 270px;
	height: 75px;
	display:block;
	list-style-image: none;
	float:left;
	margin-bottom:3px;
}
#SelectVideo_list .txt {
	width: 140px;
	height: 75px;
	padding-left:5px;
	float:left;
}

/*//================================================================================================
// 轉播團隊  左欄
//================================================================================================ */
#team_box {
	width:635px;
	float:left;
}
/*---------------轉播團隊title---------------*/

/*各單元小區塊外框*/
.main_block {
	margin-bottom:8px;
	background-color: #FFFFFF;
}

#title_team {
	height: 30px;
	background-image:url(../images/left_title_team.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.container2{
	float:left;
	width:635px;
}
/*---------------現正播映-左方播放框---------------*/

.left_box{
	float: left;
	height: 188px;
	width: 313px;
	margin-top:8px;
	background-image:url(../images/team_trbg.gif);
	background-repeat:no-repeat;

}
.right_box{
	float: right;
	height: 188px;
	width: 313px;
	margin-top:8px;
	background-image:url(../images/team_trbg.gif);
	background-repeat:no-repeat;
}

.intro_photo{

	width:142px;
	hight:158px;
	margin:12px 0 0 14px;
		}
.intro_data{
	float:right;
	width:130px;
	margin:12px 10px 0 8px;

		}
.intro_end{
		clear:both;
}

.intro_data0{
	height:12px;
	width:100px;
	margin-bottom:0px;
	padding:0px;
		}
.intro_data1{
	width:100%
	line-height:16px;
	font-size:12px;
	color:#7388b3;
	margin:6px 10px 0px 4px;
		}
.intro_data2{
	width:100%
	line-height:16px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin:0px 10px 0px 4px;
	color:#636363;

		}
.intro_data3{
	padding-left:10px;
	background-image:url(../images/list_point.gif);
	background-repeat:no-repeat;
	line-height:18px;
	font-size:12px;
	color:#7388b3;
	margin:4px 5px 0px 0px;
		}
.intro_data4{
	padding-left:10px;
	line-height:18px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin:0px 5px 0px 0px;
	color:#636363;

		}


.intro_more_btn{
	float:right;
	width:65px;
	height:21px;
	margin:10px 12px 0px 8px;

			}
.intro_photo img{
	border:1px solid #cccccc;
		}

/*---------------popout訊息---------------*/
#contain_pop {
	background-image: url(../images/intro_pop_bg.gif);
	background-repeat: no-repeat;
	margin: auto;
	height:454px;
	width:498px;
	}
#news_inof {
	margin:33px 4px 0 7px;
	width: 142px;
	float: left;
	height: 158px;
	}
.news_inof1_1 {
	font-size: 13px;
	color:#7388b3;
	margin-bottom:-4px;
	}
#news_inof2 {
	padding:37px 6px 10px 0px;
	width: 330px;
	height: 410px;
	float: right;
	}

#show_content{
	padding:5px;
}
#showch_goch_btn {
	width: 250px;
	padding:18px 2px 0px 0;
	text-align:right;
	float:right;
	background-image: url(../images/show_list_bg.gif);
}