@charset "utf-8";
/* CSS Document */

/*===================================================================*/

/*BASIC SET*/

body{
	padding:0px;
	color:#424141;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#Container {

}

div,form,p,ul,li,h1,h2,h3,h4,h5,font,label,span{
	margin: 0px;
	padding: 0px;
	}

input,textarea{
	color:#424141;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}

ul,li,ol{ list-style:none; }
table{ border-collapse:collapse; }
td{ empty-cells:show; }
th{ font-weight:normal; }
em{ font-style:normal; }
img{ border:none; padding:0px; }
a:hover{ text-decoration:underline; }

/*===================================================================*/

/*OTHERS*/
.clear{ clear:both;}
.hide{ display:none; }
.tips{ color:#999999; }

/*清除連結虛線框*/
a{ blr:expression(this.onFocus=this.blur()); text-decoration:none;  }
a:focus { -moz-outline-style: none; }

/*===================================================================*/

/*頁面頂部黑邊*/
.main_top{
	width:1000px;
	height:15px;
	background-color:#5b5b5b;
	z-index:-10;
	margin-right: auto;
	margin-left: auto;
}

/*結構區塊*/
.main{
	width:1000px;
	margin-right: auto;
	margin-left: auto;
}
.main_lt{ float:left; width:180px; }
.main_rt{ float:right; width:820px; position:relative; top:-9px; }
.main_rt_lt{
	float:left;
	width:610px;
	margin-left:8px;
	*margin-left:5px;
	font-size:15px;
	line-height:22px;
}/*11.27 新增字體尺寸及行距*/
	.main_rt_rt{ float:right; width:190px; }

/*===================================================================*/

/*左區塊*/


/*LOGO*/
.lt_logo{ width:180px; height:110px; background:url(../images/logo.jpg) no-repeat; cursor:pointer; }


/*LOGIN (未登入)*/
.lt_login{
	width:300px;
	background-color: #F3F0E7;
	padding: 20px;
}
	.lt_login a{ line-height:16px; color:#6c5b01; padding-left:14px; background:url(../images/icon_arrow_1.jpg) no-repeat 0px 3px; }
	.login_1{
	border: 1px dotted #A29B6D;
}
	.login_2{
	width:160px;
	left:15px;
	margin: 10px;
}
	.login_lt{
	width:160px;
	float:left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
	.login_rt{
	width:46px;
	float:right;
	margin-top: 40px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}
	.login_txt{
	width:160px;
	margin-bottom:2px;
	margin-top: 10px;
}
	.login_nav_1{ width:75px; float:left; }
	.login_nav_2{ width:75px; float:right; }

/*LOGIN (已登入)*/
.login_3{ width:135px; position:relative; top:2px; margin-left:20px; }


/*左區塊各內容區*/
.lt_area_1, .lt_area_2, .lt_area_3, .lt_area_4{
	margin-bottom:10px;
}

/*左區塊各內容區標題圖案*/
.lt_tit_1, .lt_tit_2, .lt_tit_3, .lt_tit_4{
	width:180px;
	height:37px;
}
.lt_tit_1{ background:url(../images/tp_lt_tit_1.jpg) no-repeat; }
.lt_tit_2{ background:url(../images/tp_lt_tit_2.jpg) no-repeat; }
.lt_tit_3{ background:url(../images/tp_lt_tit_3.jpg) no-repeat; }
.lt_tit_4{ background:url(../images/tp_lt_tit_4.jpg) no-repeat; }


/*影音精選*/
.lt_cont_1{
	width:180px;
	border-bottom:1px solid #d7d7d7;
}
	.lt_cont_1_lt{ width:62px; float:left; margin:7px 0px 7px 4px; }
	.lt_cont_1_rt{ width:100px; float:right; margin:7px 5px 7px 0px; }
	.lt_cont_1_name{ font-weight:bold; }
	.lt_cont_1_play{ background:url(../images/icon_arrow_2.jpg) no-repeat right; text-align:right; }
	.lt_cont_1_play a{ line-height:16px; color:#424141; padding-right:6px; }


/*直播預告*/
.lt_cont_2{ padding:7px 5px; background:url(../images/tp_lt_shadow_2.jpg) repeat-y; border-bottom:1px solid #d7d7d7; }
	.lt_cont_2_name{ margin-left:6px; padding-right:10px; background:url(../images/icon_arrow_2.jpg) no-repeat 0px 3px; }
	.lt_cont_2_name a{ line-height:16px; color:#424141; position:relative; left:10px; }


/*月曆*/
.lt_calendar{ width:180px; height:165px; }/*假月曆背景*/


/*未來活動簿*/
.lt_cont_3{ padding:8px 5px; border-bottom:1px solid #d7d7d7; }
	.lt_cont_3_name{ margin-left:6px; padding-right:10px; background:url(../images/icon_arrow_2.jpg) no-repeat 0px 3px; }
	.lt_cont_3_name a{ line-height:16px; color:#424141; position:relative; left:10px; }


/*事件全記錄*/
.lt_cont_4{ padding:8px 5px; border-bottom:1px solid #d7d7d7; }
	.lt_cont_4_name{ margin-left:6px; padding-right:10px; background:url(../images/icon_arrow_2.jpg) no-repeat 0px 3px; }
	.lt_cont_4_name a{ line-height:16px; color:#424141; position:relative; left:10px; }


/*===================================================================*/

/*右區塊.上方*/

/*=====================================================================================================2010.04.02 fixed==*/
/*=====================================================================================================2010.04.02 fixed==*/
/*
	1.可以置換以下五個 class
	2.以下其中 main_rh_msg 為新增

*/
/*HEAD*/
.main_rt_head{
	width:820px;
	height:32px;
	background:url(../images/tp_rt_head_bg.jpg) repeat-x;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
	.main_rh_lt{ margin:0px 8px 0px 8px; font-size:12px}
	.main_rh_rt{ color:#FFFFFF; font-weight:bold; text-align:right;font-size:12px;margin-top:3px;  }
	#head_run div{ background:url(../images/tp_rt_head_bg.jpg) repeat-x; font-size:12px; margin-top:3px; line-height:22px }
	#head_run div , #head_run div a:link, #head_run div a:visited, #head_run div a:hover, #head_run div a:active{ color:#5b5b5b; font-weight:bold;font-size:12px; vertical-align:middle;  }
	.search_txt{ width:180px; }
/*=====================================================================================================2010.04.02 fixed==*/
/*=====================================================================================================2010.04.02 fixed==*/


/*MENU*/
.main_rt_menu span{ display:inline-block; height:19px; padding:3px 16px 0px 4px; background:url(../images/tp_rt_menu_bg.jpg) no-repeat right -2px; }
.main_rt_menu a{ color:#424141; }
.main_rt_menu label{ display:inline-block; vertical-align:middle; *vertical-align:baseline; }

/*MENU2*/
.main_rt_menu2 {
	background-color: #F4F1E8;
	height: 20px;
	line-height: 20px;
	padding-bottom: 5px;
}
.main_rt_menu2 span{
	display:inline-block;
	height:19px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 4px;
}
.main_rt_menu2 a{ color:#424141; }
.main_rt_menu2 label{ display:inline-block; vertical-align:middle; *vertical-align:baseline; }

/*MENU子項目*/
.main_rt_sub{ position:absolute; width:120px; z-index:100; display:none; }
.main_rt_sub_top{ display:inline-block; margin-top:0px; *margin-top:15px; width:120px; height:13px; background:url(../images/tp_rt_menu_dw_bg_1_new.png) no-repeat left bottom; }
.main_rt_sub_nav{
	display:inherit;
	padding:7px 0px;
	background-image: url(../images/tp_rt_menu_dw_bg_2.jpg);
	background-repeat: repeat-y;
}
.main_rt_sub_nav li{ line-height:18px; margin-left:10px; }
.main_rt_sub_nav a{ color:#2b6b00; }
.main_rt_sub_nav a:hover{ color:#ffffff; }


/*BANNER*/
.main_rt_banner{
	text-align:center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}


/*PATH*/
.main_rt_path{ float:inherit; margin-left:30px; padding-top:18px; padding-bottom:8px; }
.main_rt_path a{ color:#424141; }


/*CONTENT*/
.main_rt_mide{ background:url(../images/tp_rt_path_bg.jpg) no-repeat left top; }

/*===================================================================*/

/*右區塊.右欄*/


/*各區塊*/
.main_rt_rt_area{ margin-bottom:5px; }

/*區塊標題.綠*/
.main_rt_rt_tit_g{ padding-left:22px; height:22px; background:url(../images/icon_circle_green.jpg) no-repeat left; *background-position:left top; }
	.main_rt_rt_tit_g label{ display:inline-block; font-size:18px; color:#77b10f; }


/*區塊背景.綠*/
.main_rt_rt_bg_g_1{ height:15px; background:url(../images/tp_rt_bg_green_1.jpg) no-repeat bottom; }
.main_rt_rt_bg_g_2{ background:url(../images/tp_rt_bg_green_2.jpg) repeat-y; }
.main_rt_rt_bg_g_3{ height:14px; background:url(../images/tp_rt_bg_green_3.jpg) no-repeat; }


/*區塊內容*/
.main_rt_rt_cont{ width:155px; display:block; margin-left:18px; }
	.main_rt_rt_cont a{ color:#424141; }
	.main_rrc_lt{ width:55px; float:left; }
	.main_rrc_rt{ width:100px; float:right; }
	.rt_cont_name{ font-weight:bold; }



/*廣告*/
.main_rt_rt_ad{ margin:5px 0px 10px 0px; text-align:center; }


/*網文精選*/
.main_rt_rt_cont_list{ width:150px; margin-left:20px; line-height:18px; }
	.main_rt_rt_cont_list li{ padding-left:8px; background:url(../images/icon_point.gif) no-repeat left 4px; }
	.main_rt_rt_cont_list a{ color:#424141; }


/*區塊標題.橘*/
.main_rt_rt_tit_o{ padding-left:22px; height:22px; background:url(../images/icon_circle_orige.jpg) no-repeat left; *background-position:left top; }
	.main_rt_rt_tit_o label{ display:inline-block; font-size:18px; color:#f09700; }


/*區塊背景.橘*/
.main_rt_rt_bg_o_1{ height:15px; background:url(../images/tp_rt_bg_orige_1.jpg) no-repeat bottom; }
.main_rt_rt_bg_o_2{ background:url(../images/tp_rt_bg_orige_2.jpg) repeat-y; }
.main_rt_rt_bg_o_3{ height:14px; background:url(../images/tp_rt_bg_orige_3.jpg) no-repeat; }


/*===================================================================*/

/*FOOT*/
.main_rt_foot{
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
}
.main_rt_foot_top{ height:6px; background:url(../images/tp_rt_foot_bg_1.jpg) no-repeat left bottom; }
.main_rt_foot_con{ height:54px; text-align:center; background:url(../images/tp_rt_foot_bg_2.jpg) repeat-y; }
.main_rt_foot_nav
{ 
	/*margin-left:50px;*/
	padding:6px 0px;
}
.main_rt_foot_nav span{ display:inline-block; padding:0px 2px; }
.main_rt_foot_nav a{ color:#424141; }
.main_rt_foot_copyright
{
	/*margin-left:120px;*/
	letter-spacing:0.5pt;
}


/*2010/8 新增 友善聯結*/
.familyLink {
	font-size:13px;
	height:100px;
	line-height:30px;
	text-align:center;
}

.familyLink ul {
	list-style-image:none;
	list-style-type:none;
	margin:0 0 0 120px;
	padding:0;
}

.familyLink ul li {
	float:left;
	margin-right:10px;
}

.familyLink a:link, .familyLink a:visited, .familyLink a:active {
	text-decoration: none;
	color: #424141;
}
.familyLink a:hover {
	color: #694E39;
	text-decoration: underline;
}


/*2010/8 新增 左廣告區*/
.lt_area_5 {
	margin-bottom: 10px;
}


/*2010/08 新增FACEBOOK 粉絲團 */
.facebookFans {
	margin-top: 10px;
	margin-bottom: 10px;
}

/*2010/08 新增Focus跑馬燈*/
.runHorse {
	font-size: 13px;
	float: right;
	width: 420px;
	padding-left: 35px;
	background-image:url('../images/icon_01.png');
	background-repeat: no-repeat;
	z-index: -999;
}
.runHorse a:link, .runHorse a:visited, .runHorse a:active {
	color: #424141;
	text-decoration: none;
}
.runHorse a:hover {
	color: #FF9900;
}

/*2010/8 新增商品列表跳頁選單*/
.pageSelect {
	font-size: 15px;
	height: 30px;
	line-height: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	color: #FF6600;
}
.pageSelect a:link, .pageSelect a:visited, .pageSelect a:active {
	color: #74A122;
	border: 1px solid #CCCCCC;
	padding-right: 5px;
	padding-left: 5px;
}

.pageSelect .current {
	color: #FFFFFF;
	border: 1px solid #CCCCCC;
	background-color: #FF6600;
	padding-right: 5px;
	padding-left: 5px;
}

.pageSelect a:hover {
	color: #FFFFFF;
	background-color: #FF6600;
	text-decoration : none;
}

.talk_no_border_content
{
    height: 260px;
}

.video_list
{
	width: 600px;
	overflow:auto;
}
.video_list_item
{
	position: relative;
	float: left;
	width: 200px;
	height: 150px;
	font-size: 12px;
	color: #666;
	line-height: 18px;
	overflow: hidden;
}
.video_list_item_img {
	float: left;
	position: relative;
	margin-left: 40px;
	padding: 5px;
	border:1px solid #666;
	width: 120px;
	height: 90px;
	overflow: hidden;
	position: relative;
}
.video_list_item_img .video_list_item_bg {
	position: absolute;
	width: 120px;
	height: 90px;
	z-index:11;
	background-image: url(../images/video_play.png);
	background-repeat: no-repeat;
}
.video_list_item_img img
{
	position: absolute;
	width: 120px;
	height: 90px;
}
.video_list_item_img img a
{
	border:1px solid #666;
}
.video_list_title, .video_list_title a:link, .video_list_title a:visited, .video_list_title a:active
{
	position: absolute;
	top: 53px;
	color: #666;
	text-decoration: none;
	width: 160px;
	margin-left: 15px;
}
.video_list_title a:hover
{
	color: #C00;
}

.panel {
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	width: 120px;
	height: 90px;
	overflow: hidden;
	position: relative;
}
.panel img {
	position: absolute;
	border: 0;
}
.panel img a {
	border: 0;
}
.panel .caption {
	position: absolute;
	top: 90px;
	width: 120px;
	height: 32px;
	cursor: pointer;
	z-index:11;
	color: #fff;
	background: url(../images/1px_black.png) repeat;
	font-size: 12px;
	line-height: 16px;
	padding: 1px;
}
.panel .bgimg {
	position: absolute;
	top: 0px;
	width: 120px;
	height: 90px;
	cursor: pointer;
	z-index:10;
	background-image: url(../images/video_play.png);
	background-repeat: no-repeat;
}
#video_play
{
	background: url("../images/ind_news_area_bg_610.gif") repeat-y scroll 0 0 transparent;
	text-align: center;
	padding: 2px;
}
#video_menu
{
	background: url("../images/ind_news_area_bg_610.gif") repeat-y scroll 0 0 transparent;
	padding: 2px;
}

.video_menu_img
{
	width: 120px;
	height: 90px;
}
#video_menu .jCarouselLite li {
    height: 110px;
    margin: 10px;
    width: 122px;
}
.video_menu_link
{
	font-size: 12px;
	line-height: 16px;
	color: #666;
	text-align: center;
}
.video_menu_link a:link, .video_menu_link a:visited, .video_menu_link a:active
{
	color: #666;
	text-decoration: none;
}
.video_menu_link a:hover
{
	color: #C00;
}
.video_menu_left
{
    float: left;
    padding-top: 40px;
    text-align: center;
}
.video_menu_right
{
    float: right;
    padding-top: 40px;
    text-align: center;
}
