/*@charset "utf-8";*/
/* CSS Document */
/* Basic Set 
-------------------------------------------------------------*/
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	margin:0px;
	padding: 0px;
	/*background-image:url('/bfp/images/default/main/bfp_heineken_bg.jpg');*/
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#c0c0c0;
	/*捲軸設定Scrollbar----------------------------------------------*/
	SCROLLBAR-FACE-COLOR: #dfdccb;                     /*設定軸面顏色*/
	SCROLLBAR-HIGHLIGHT-COLOR:#aca899;             /*設定軸面三角左邊顏色*/
	SCROLLBAR-SHADOW-COLOR: #aca899;               /*設定軸面三角右邊顏色*/
	SCROLLBAR-3DLIGHT-COLOR:  #fff;     /*設定左立體邊顏色*/
	SCROLLBAR-DARKSHADOW-COLOR: #fff;      /*設定右立體面顏色*/  
	SCROLLBAR-ARROW-COLOR: #999;                 /*設定箭頭的顏色*/
	SCROLLBAR-TRACK-COLOR: #fff;                   /*設定軸軌的顏色*/
	}
h1, h2, h3, h4, h5, h6, ul, li, p{
	margin:0px;
	padding:0px;
	}
img{
	border:0px;
	}


/* Top 
------------------------------------------------------------------*/
#top{
	width:100%;
	height:54px;
	background-image:url('/bfp/images/bfp_top_bg.gif');
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#333333;
	border-bottom:1px solid #999;
	}

#top a:link,#top a:visited{
	color:#ffffff;
	text-decoration:none;
}
/*------------------------------------------logo裡的下拉選單--------------------------------------------*/
/* 整體設置*/ 
#menu {
	margin:0; 
	padding:0;
	list-style-type:none; 
	font:12px; 
	height:54px;
	}

#menu li {
	position:absolute;
	float:left; 
    padding:0; 
	margin:0 1px 0 0; 
	width:120px;
	}

/* 設置功能表項目*/
#menu li dl { 
	width:120px;/*ie6*/
    margin: 0px; 
	padding: 0 0 10px 0; 
	}


#menu li dt a,#menu li dd a{ display:block;}


/* 設置功能表項目的dt */
/* 設置功能表項目的dt */
#menu li dt { 
	margin:0; 
    padding: 5px; 
  	text-align:center;
	}

#menu li dt.logo { background:url(/bfp/images/bfp_top_logo.gif) no-repeat top left;width:200px;height:44px;}
#menu li dt.logo a{font-size:0;*text-indent:-9999px;}


#menu li dt a ,#menu li dt a:visited {
	display:block; 
    color:#333;
    text-decoration:none;
	}

	
/* 設置功能表項目的dd */
#menu li dd { 
	width:125px;
	margin-left:58px; 
    padding:0; 
	color: #fff; 
	}

#menu li dd.last {

	}

#menu li dd a, #menu li dd a:visited {
	height:1em;
	display:block; 
	color:#fff; 
    text-decoration:none; 
	padding:4px 5px 4px 20px;
    background:#000000  no-repeat 10px 10px; 
    }	
    
/*關閉子功能表*/
#menu li dd { display:none;}

/* 設置滑鼠回應 */
#menu li:hover dd  { display:block;}

#menu li dd a:hover {
	background: #000000; 
    color:#ffffff;
	text-decoration:underline;
	}
	
/*---------------------------------------------------------------------------------------------------*/

/*topnav*/
#topnav { 
	margin:-36px 10px 0 0;
}
#topnav ul { 
	float:right;
	padding: 0;
	margin: 0;
	list-style:none;
	line-height: 1;
}

#topnav a {
	display: block;
	width: auto;
	padding:0 5px 0 13px;
	text-decoration:none;
}
#topnav a:hover {
	text-decoration:underline;
	color:#ffffff;
}

#topnav li { 
	background:url('/bfp/images/bfp_att.gif') no-repeat left center;
	padding:3px;
	float: left;
	width: auto; 
}
#topnav li.red{ 
	background:url('/bfp/images/bfp_att_red.gif') no-repeat left center;
	padding:3px;
	float: left;
	width: auto; 
}
#topnav li.blue{ 
	background:url('/bfp/images/bfp_att_blue.gif') no-repeat left center;
	padding:3px;
	float: left;
	width: auto; 
}
#topnav li ul { 
	position: absolute;
	background: #131514;
	width: 6em;
	left: -999em; 
}

#topnav ul ul li{
	background:url('/bfp/images/default/main/bfp_spacer.gif') no-repeat left center;
	margin-top:7px;
	margin-left:-3px;
}

#topnav li:hover ul { 
	left: auto;
}

#topnav li span{
	font-weight:bold;
	color:#ffffff;
}

/* Page 
------------------------------------------------------------------*/
#container{
	width:970px;
	margin:5px auto 0 auto;
	clear:both;
	overflow:hidden;
	}
	
	
/* Content 
------------------------------------------------------------------*/
#content{
	width:969px;
	margin:10px auto;
	overflow:hidden;
	}
	
	
/* Content_Leftside 
------------------------------------------------------------------*/
#content_leftside{
	width:764px;
	float:left;
	}
	
		
/* C_Left_leftside 
------------------------------------------------------------------*/
#c_left_leftside{
	width:244px;
	float:left;
	margin-top:9px;
	}
	
	
/* Bulletin
---------------------------------*/	
#bulletin{
	width:508px;
	height:38px;
	padding-top:10px;
	background-image:url("/bfp/images/default/main/bfp_bulletin_bg.png");
	background-position:1px 0px;
	background-repeat:no-repeat;
	}

#bulletin .noticebar{
    height:20px;
    line-height:1.5em;
    overflow:hidden;
	width:485px;
	color:#333333;
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
	text-decoration: none;
	padding-left:18px;
}
#bulletin .noticebar a{
    height:8px;
    line-height:1.5em;
    overflow:hidden;
	width:500px;
	padding:12px 10px 2px 20px;
	color:#333333;
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
	text-decoration: none;
}
#bulletin .noticeblock{
	height:20px;
}
#bulletin .noticebar ul{
	list-style: none;
}
#bulletin .noticebar a:hover{
    color:#0099cc;
    text-decoration:none;
}
		
	
/*Video contral
----------------------------------------------------------*/
#video{
	width:244px;
	display:block;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	} 
.videolink{
	color:#999999;
	}
.videolink a{
	color:#3399CC;
	text-decoration:underline;
	}
.videolink a:hover{
	color:#FF9900;
	text-decoration:none;
	}
.videotitle{
	height:32px;
	text-align:center;
	background-image:url("/bfp/images/default/main/bfp_accordion_title_bk.png");
	background-position:left top;
	background-repeat:repeat-x;
	}
.videotitle h2{
	font-size:13px;
	color:#fff;
	font-weight:normal;
	letter-spacing:0.3em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:8px;
	}

.videoplayer{
	width:244px;
	text-align:left;
	margin:0 auto auto 1px;
	background-image:url("/bfp/images/default/main/bfp_video_bg.png");
	}
.videobottom{
	height:13px;
	background:url("/bfp/images/default/main/bfp_videobottom_bg.png") no-repeat;
}

/*Accordion menu
---------------------------------*/
#accordion_basic{
	width:244px;
	margin-left:-2px;
	margin-top:0px;
	z-index:5;
	}
.accordion_top{

	}
.accordion_contentouter{
	width:240px;
	margin:0 auto;
	}
#slider1-header{
	height:32px;
	background-image:url("/bfp/images/default/main/bfp_accordion_title_bk.png");
}
#slider1-content{

}
.accordion_content{
	width:244px;
	margin:0 auto;
	}
.accordion_headings{
	height:32px;
	color:#555;
	font-size:12px;
	text-align:center;
	background-image:url("/bfp/images/default/main/bfp_accordion_title_bk.png");
	background-position:0 -32px;
	background-repeat:repeat-x;
	cursor:pointer;
	}
.accordion_headings{
	height:32px;
	color:#555;
	font-size:12px;
	text-align:center;
	background-image:url("/bfp/images/default/main/bfp_accordion_title2_bk.png");
	background-position:0 -32px;
	background-repeat:repeat-x;
	cursor:pointer;
	}
.accordion_headings h2{
	font-size:13px;
	font-weight:normal;
	letter-spacing:0.3em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0 10px;
	padding-left:10px;
	/*background-image:url("/bfp/images/default/main/accordian_h2.gif");*/
	background-position:0 70%;
	background-repeat:no-repeat;
	padding-top:8px;
	}

.accordion_child{
	background-image:url("/bfp/images/default/main/bfp_accordion_bk.gif");
	overflow:hidden;
	padding-top:5px;
	padding-bottom:5px;
	}
.accordion_child_title{
	margin: 0 10px 3px;
	}
.accordion_child_title h3{
	color:#3399CC;
	margin:0px;
	font: 15px Arial, Helvetica, sans-serif;
	line-height:1.2em;
	}
.accordion_child_title a{
	color:#3399CC;
	text-decoration:none;
	}
.accordion_child_title a:hover{
	color:#3399CC;
	text-decoration:underline;
	}
.accordion_nickname{
	display:block;
	font-size:11px;
	margin-top:2px;
	font-family:Arial, Helvetica, sans-serif;
	}
.accordion_nickname a{
	color:#999999;
	text-decoration:none;
	}
.accordion_nickname a:hover{
	color:#333333;
	text-decoration:none;
	}
.accordion_child_pic{
	float:left;
	width:auto;
	}
.accordion_child_pic img{
	width:100px;
	padding:3px;
	margin:5px;
	border:1px solid #ddd;
	background-color:#FFF;
	}
.accordion_child_textouter{
	margin:5px 10px;
	}
.accordion_child_text{
	font-size:12px;
	color:#555;
	line-height:1.5em;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	}
.accordion_child_text p{
	margin:0px;
	padding:0px;
	}
.accordion_child_textbutton{
	padding-top:3px;
	margin-top:10px;
	font-size:12px;
	text-align:right;
	}
.accordion_child_textbutton a{
	color:#999999;
	text-decoration:underline;
	}
.accordion_child_textbutton a:hover{
	color:#555555;
	text-decoration:none;
	}
.accordion_bottom{
	width:244px;
	height:11px;
	background-image:url("/bfp/images/default/main/bfp_accordion_bottom_bk.png");
	background-position:left top;
	background-repeat:no-repeat;
	}
.header_highlight{
	height:32px;
	color:#fff;
	background-position:0 0px;
	background-repeat:repeat-x;
	}

/*--interview 名人專訪----------------------------------------*/
#interview{
	width:244px;
	margin-top:0px;
	margin-bottom:-3px;
	}
.interview_top{
	height:32px;
	text-align:center;
	background-image:url("/bfp/images/default/main/bfp_accordion_title_bk.png");
	background-position:left top;
	background-repeat:repeat-x;
	}
.interview_top h2{
	font-size:13px;
	color:#fff;
	font-weight:normal;
	letter-spacing:0.3em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:8px;
}
.interview_bottom{
	height:11px;
	background-image:url("/bfp/images/default/main/bfp_accordion_bottom_bk.png");
	}
.interview_center{
	background-image:url("/bfp/images/default/main/bfp_accordion_bk.gif");
	overflow:hidden;
	padding-top:5px;
	padding-bottom:5px;
	}
.interview_content{
	margin:0px auto 0px auto;
	width:220px;
	top:5px;
	left:14px;
	}
.interview_text{
	color:#666666;
}
.interview_text_sub h4{
	color:#404143;
}
.interview_topic{
	margin:3px 0 3px 0;
}
.interview_topic h3{
	font-size:15px;
	color:#404143;
}
.interview_unit{
	float:left;
	border:1px dotted #fff;
	}
.interview_unitpic{
	float:left;
	width:100px;
	margin:2px 8px 8px 0px;
	}
.interview_unitpic a img{
	opacity: 1;
	filter: alpha(opacity=100);
	border:0px;
	}
.interview_unitpic a:hover img{
	opacity: .8;
	filter: alpha(opacity=80);
	border:0px;
	}	
.interview_more{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:right;
	padding:5px 10px 0px;
	}
.interview_more a{
	color:#999999;
	text-decoration:none;
	}
.interview_more a:hover{
	padding-left:8px;
	color:#333333;
	text-decoration:underline;
	background-image:url("/bfp/images/default/main/liststyle_tab_more.gif");
	background-position:0 60%;
	background-repeat:no-repeat;
	}
	
	
	
.interview_group{
	padding:5px 0;
	}
.interview_group_sub{
	overflow:hidden;
	zoom:1;
	margin:10px 0 0 0;
	padding-top:10px;
	border-top:1px solid #cccccc;
}
.interview_group_sub img{
	float:left;
	margin:2px 5px 5px 0;
	border:0px;
	opacity: 1;
	filter: alpha(opacity=100);
}
.interview_group_sub img:hover{
	opacity: .8;
	filter: alpha(opacity=80);
}
.interview_group_sub a{
	color:#666666;
	text-decoration:none;
	}
.interview_group_sub a:hover{
	color:#333;
	text-decoration:none;
	}
		
	
/* group
---------------------------------------------------*/
#group{
	width:244px;
	margin-top:12px;
	margin-bottom:-3px;
	}
.group_top{
	height:32px;
	text-align:center;
	background-image:url("/bfp/images/default/main/bfp_accordion_title_bk.png");
	background-position:left top;
	background-repeat:repeat-x;
	}
.group_top h2{
	font-size:13px;
	color:#fff;
	font-weight:normal;
	letter-spacing:0.3em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:8px;
}
.group_bottom{
	height:11px;
	background-image:url("/bfp/images/default/main/bfp_accordion_bottom_bk.png");
	}
.group_center{
	background-image:url("/bfp/images/default/main/bfp_accordion_bk.gif");
	overflow:hidden;
	padding-top:5px;
	padding-bottom:5px;
	}
.group_content{
	position:relative;
	width:220px;
	top:5px;
	left:14px;
	overflow:hidden;
	}
.group_content a img{
	float:left;
	height:50px;
	margin-right:5px;
	margin-bottom:5px;
	border:0px;
	opacity: 1;
	filter: alpha(opacity=100);

	}
.group_content a:hover img{
	opacity: .8;
	filter: alpha(opacity=80);
	}
.group_button{
	position:relative;
	padding-top:15px;
	margin-left:83px;
	clear:both;
	}
.group_button a{
	color:#ffffff;
	width:81px;
	height:23px;	
	background-image:url("/bfp/images/default/main/bfp_button.png");
	background-position:center;
	background-repeat:no-repeat;
	font-size:0;
	display:block;
	*text-indext:-9999px;
	}
.group_button a:hover{
	color:#ffffff;
	width:81px;
	height:23px;
	background-image:url("/bfp/images/default/main/bfp_button_x.png");
	background-position:center;
	background-repeat:no-repeat;
	font-size:0;
	display:block;
	*text-indext:-9999px;
	}
	
	
/* C_Left_rightside 
------------------------------------------------------------------*/
#c_left_rightside{
	width:510px;
	float:right;

	}
	
/*c_container_01
-------------------------*/	
#c_container{
	width:510px;
	overflow:hidden;
	margin-top:5px;
	clear:both;
	}
/*middlebar---------------------------------------------------*/
#middlebar{
	margin-top:14px;
	width:764px;
	background:url(/bfp/images/default/main/bfp_middlebar_bg.png) no-repeat;
	overflow:hidden;
	zoom:1;
}	
/*middlenav---------------------------------------------------*/
#middlenav ul{
	padding:3px 0 0px 18px;
	margin-left:15px;

	list-style:none;
	height:25px;
}
#middlenav ul li{
	float:left;
}
#middlenav ul li a{
	display:block;
	line-height:25px;
	color:#FFFFFF;
	text-decoration:none;
	padding:0 0 0 18px;
	background:url(/bfp/images/default/main/bfp_whitedot.gif) no-repeat 10px 12px;
}
#middlenav ul li a:hover{
	color:#ffffff;
	text-decoration:underline;
}
/*ad_txt--------------------------------------------------------*/
#ad_txt{
	background:url(/bfp/images/default/main/bfp_hot.gif) 0px 4px no-repeat;
	padding-left:28px;
	margin:-20px 0 0 258px;
	float:left;
}
#ad_txt a{
	color:#ffffff;
	text-decoration:none;
}
#ad_txt a:hover{
	color:#ffffff;
	text-decoration:underline;
}
/*c_search
----------------------------------------------------------------*/
#c_search{
	width:413px;
	height:40px;
	margin-top:-31px;
	margin-bottom:0px;
	float:right;
}
#c_search select{
	margin:8px auto auto 20px;
}
#c_search input.c_text{
	margin:8px auto auto 18px;
	width:210px;
	border:0px;
	background:transparent;
}
#c_search input.c_submit{
	margin:8px auto auto 23px;
}

/*Party
----------------------------------------------------------------*/
#party{
	margin-top:1px;
	margin-left:2px;
	width:507px;
	height:578px;
	background-image:url("/bfp/images/default/main/bfp_party_bg.png");
	background-position:left top;
	background-repeat:no-repeat;
	}
.party_top{
	display:none;
	height:25px;
	background-color:#000000;
	border-top:1px solid #333;
	border-left:1px solid #333;
	border-right:1px solid #333;
}
.party_top h1{
	color:#FF3399;
	font-size:12px;
	margin:5px 10px;
	font-family:華康中黑體,Arial, Helvetica, sans-serif;
	}

.party_bottom{
	display:none;
	height:10px;
	background-color:#000000;
	border-left:1px solid #333;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	}
.party_center{
	padding:10px 10px 10px 13px;
	}
.party_content{
	position:relative;
	margin-left:6px;
	top:35px;
	/*overflow:auto;*/
	width:479px;
	height:478px;
	font-family:Arial, Helvetica, sans-serif;
	}
.party_unit{
	float:left;
	height:150px;
	padding:2px;
	margin-top:0px;
	margin-bottom:5px;
	}
.party_unitpic{
	width:100px;
	margin-right:10px;
	}
.party_unitpic a img{
	opacity: 1;
	filter: alpha(opacity=100);
	border:0px;
	}
.party_unitpic a:hover img{
	opacity: .8;
	filter: alpha(opacity=80);
	border:0px;
	}
.party_unittopic{
	width:100px;
	}
.party_unitdate{
	color:#FF9900;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.party_unittopic h2{
	margin:2px 0;
	font-size:12px;
	color:#333333;
	}
.party_unittopic p{
	margin:5px 0px;
	color:#666666;
	font-size:12px;
	text-align:justify;
	}
.party_more{
	position:relative;
	top:35px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:right;
	padding:5px 10px 0px;
	}
.party_more a{
	color:#aaa;
	text-decoration:none;
	}
.party_more a:hover{
	color:#666666;
	text-decoration:underline;
	}

/*Event
----------------------------------------------------------------*/
#event{
	margin-top:-3px;
	margin-left:2px;
	width:517px;
	height:700px;
	background-image:url("/bfp/images/default/main/bfp_events_bg.png");
	background-position:left top;
	background-repeat:no-repeat;
	}
.event_top{
	display:none;
	height:25px;
	background-color:#000000;
	border-top:1px solid #333;
	border-left:1px solid #333;
	border-right:1px solid #333;
}
.event_top h1{
	color:#FF3399;
	font-size:12px;
	margin:5px 10px;
	font-family:華康中黑體,Arial, Helvetica, sans-serif;
	}

.event_bottom{
	display:none;
	height:10px;
	background-color:#000000;
	border-left:1px solid #333;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	}
.event_center{
	padding:10px;
	}
.event_content{
	position:relative;
	margin-left:6px;
	top:35px;
	/*overflow:auto;*/
	width:489px;
	/*height:475px;*/
	font-family:Arial, Helvetica, sans-serif;
	}
.event_unit{
	float:left;
	height:200px;
	padding:2px;
	margin-top:0px;
	margin-bottom:5px;
	}
.event_unitpic{
	width:150px;
	margin-right:2px;
	}
.event_unitpic a img{
	opacity: 1;
	filter: alpha(opacity=100);
	border:0px;
	}
.event_unitpic a:hover img{
	opacity: .8;
	filter: alpha(opacity=80);
	border:0px;
	}
.event_unittopic{
	width:150px;
	}
.event_unitdate{
	color:#FF9900;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.event_unittopic h2{
	margin:2px 0;
	font-size:12px;
	color:#333333;
	}
.event_unittopic p{
font-size:10px;color:#0088cc;font-weight:bold;margin-top:0px;
	}
.event_more{
	position:relative;
	top:10px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:right;
	clear: both;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	}
.event_more a{
	color:#aaa;
	text-decoration:none;
	}
.event_more a:hover{
	color:#666666;
	text-decoration:underline;
	}
	
	
/*people
----------------------------------------------------------------*/
#people{
	width:244px;
	height:1px;
	}

		
		
/* Tab--Basic
-----------------------------------------------------------------*/
/*---依據Tab的數量需訂定數目編號並且制定於子tab樣式前*/
#tab1,#tab2/*,#tab3*/{
	width:513px;
	margin-top:18px;
	background-position:left top;
	background-repeat:repeat-y;
	height: 100%;
	}

/* tab_set----------------------------------*/
.tab_nav{
	width:513px;
	background-position:left top;
	background-repeat:repeat-y;
	}
.tab_nav li{
	width:126px;
        height:26px;
	position:relative;
	left:3px;
        float:left;
	text-align:center;
        list-style: none;
        _display:inline;
	}
.tab_nav li a{
	position:relative;
	top:4px;
	display:block;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	}

*:first-child+html .tab_nav li a{
	padding-top:3px;
	padding-bottom:3px;
	}
/* Onclick------------------------*/


/* Tab One 指定樣式-------------------------------*/
#tab1 .tab_nav li,#tab2 .tab_nav li {
	color:#fff;
	font-size:13px;
        background-image:url("/bfp/images/default/main/bfp_tab_button.png"); 
	background-position:0 0;
        background-repeat:no-repeat;
	margin-bottom:-9px;
}
#tab1 .tab_nav li a,#tab2 .tab_nav li a{
	color:#fff;
        text-decoration:none;
}
#tab1 .tab_nav li a:hover,#tab2 .tab_nav li a:hover{
	color:#fff;
	text-decoration:none;
}
/* Tab One select指定樣式-------------------------------*/

/* Tab_Contentoutline------------------------------------*/
#tab1 .tab_content,#tab2 .tab_content{
	clear:both;
	width:513px;
	background-image:url("/bfp/images/default/main/bfp_tab_inside_bg.png");
	background-position:2px bottom;
	background-repeat:no-repeat;
	}
#tab1 .tab_content_bottom,#tab2 .tab_content_bottom{
	height:10px;
	background-image:url("/bfp/images/default/main/bfp_basic_510bk_bottom.png");
	background-position:left top;
	background-repeat:no-repeat;
	}
	

/* Album
-------------------------------------------------------------------*/
#tab_album{
	width:500px;
	overflow:hidden;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	}
/*Level 01*/
.album_content{
	margin:15px 5px 5px 8px;
	}


.bigpic{
	float:left;
	margin-top:4px;
	margin-left:11px;
	width:110px;
	}
.bigpic a img{
	border:1px solid #b2b5bb;
	padding:3px;
	opacity: 1;
	filter:alpha(opacity=100);
	}
.bigpic a:hover img{
	padding:3px;
	opacity: .8;
	filter:alpha(opacity=80);
	}
.piclist{
	margin-right:7px;
	width:355px;
	float:right;
	}

.smallpiclist{
	margin-left:2px;
	}
.smallpiclist img{
	width:50px;
	height:50px;
	float:left;
	padding:4px;
	}
.smallpiclist a img{
	opacity: 1;
	filter: alpha(opacity=100);
	}
.smallpiclist a:hover img{
	opacity: .8;
	filter: alpha(opacity=80);
	}
/*Level 02*/
.more{
	clear:both;
	text-align:right;
	padding: 0px 10px;
	margin:0 5px 5px;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	}
.more img{
	border:0px;
	}
.more a{
	color:#999;
	text-decoration:none;
	}
.more a:hover{
	padding-left:8px;
	color:#777;
	text-decoration:underline;
	background-image:url("/bfp/images/default/main/liststyle_tab_more.gif");
	background-position:0 60%;
	background-repeat:no-repeat;
	}


/* article
-------------------------------------------------------------------*/
#tab_article{
	width:500px;
	overflow:hidden;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	}
/*Level 01*/
.article_content{
	overflow:hidden;
	margin:5px 10px 5px;
	}
.article_unit{
	width:450px;
	float:left;
	padding:5px 10px 10px;
	margin:5px;
	}
.article_topic{
	padding-top:8px;
	padding-left:6px;
	padding-bottom:6px;
	}
.article_topic h2{
	font-weight:bold;
	margin:0px;
	padding:0px;
	color:#404143;
	font-size:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.article_group{
	padding:0px;
	}
.article_pic{
	width:80px;
	float:left;	
	margin-right:10px;
	margin-left:6px;
	}
.article_pic img{
	border:0px;
	}
.article_text{
	width:320px;
	float:right;
	padding:0px;
	margin:0px;
	color:#555;
	font-size:12px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.5em;
	}
.article_text a{
	color:#555;
	text-decoration:none;
	}
/*Level 02*/
.more{
	clear:both;
	text-align:right;
	padding: 0px 10px;
	margin:0 10px 5px;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	}
.more img{
	border:0px;
	}
.more a{
	color:#999999;
	text-decoration:none;
	}
.more a:hover{
	padding-left:8px;
	color:#777;
	text-decoration:underline;
	background-image:url("/bfp/images/default/main/liststyle_tab_more.gif");
	background-position:0 60%;
	background-repeat:no-repeat;
	}


/* Content_Rightside
------------------------------------------------------------------*/
#content_rightside{
margin-right:-2px;
	width:195px;
	float:right;
	}
/*北中南------------------------------------------------------------*/
#ncs{
	width:194px;
	}
.ncstop{
	width:194px;
	height:33px;
	display:table-cell;
	text-align:center;
	/*vertical-align:middle;*/
	background-image:url("/bfp/images/default/main/bfp_right_top.png");
	background-position:center top;
	background-repeat:no-repeat;
	}

.ncstop h2{
	font-size:13px;
	color:#fff;
	font-weight:normal;
	letter-spacing:0.3em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:8px;
	}

.ncsbottom{
	height:11px;
	background-image:url("/bfp/images/default/main/bfp_right_btm.png");
	background-position:center top;
	background-repeat:no-repeat;
	}
.ncslist{
	background:url("/bfp/images/default/main/bfp_right_list.png");
	}
.ncslist ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}
.ncslist li{
	font-size:15px;
	font-weight:bold;
	letter-spacing:40px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:1px;
	background-image:url("/bfp/images/default/main/bfp_coupon_liststyle.gif");
	background-repeat:no-repeat;
	background-position: 95% 50%;
	padding-left:0px;
	padding-top:4px;
	padding-bottom:4px;
	border-bottom:1px solid #e6e6e6;
	width:190px;
	}
.ncslist a{
	margin-left:54px;
	color:#b2b2b2;
	text-decoration:none;
	}
.ncslist a:hover{
	margin-left:54px;
	color:#000000;
	text-decoration:none;
	}
/*flashcontent---------------------------------------------------*/
#flashcontent{
	margin-top:12px;
}	
/*Coupon----------------------------------------------------------------------*/
#coupon{
	margin-top:11px;
	width:194px;
	}
.coupontop{
	width:194px;
	height:33px;
	display:table-cell;
	text-align:center;
	/*vertical-align:middle;*/
	background-image:url("/bfp/images/default/main/bfp_right_top.png");
	background-position:center top;
	background-repeat:no-repeat;
	}

.coupontop h2{
	color:#ffffff;
	font-size:13px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0.3em;
	margin-top:7pt;
	}

.couponbottom{
	height:11px;
	background-image:url("/bfp/images/default/main/bfp_right_btm.png");
	background-position:center top;
	background-repeat:no-repeat;
	}
.couponlist{
	padding:10px;
	background-image:url("/bfp/images/default/main/bfp_right_list.png");
	}
.couponlist ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}
.couponlist li{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:5px;
	margin-bottom:5px;
	background-image:url("/bfp/images/default/main/bfp_coupon_liststyle.gif");
	background-repeat:no-repeat;
	background-position: 0 50%;
	padding-left:17px;
	}
.couponlist a{
	color:#666666;
	text-decoration:none;
	}
.couponlist a:hover{
	color:#333;
	text-decoration:none;
	}

/*sp content
----------------------------------------------------------------------*/
#sp{
	width:194px;
	margin-top:7px;
	background-position:left top;
	background-repeat:repeat-y;
	}
.sptop{
	width:194px;
	height:33px;
	margin:0 auto;
	text-align:center;
	background-image:url("/bfp/images/default/main/bfp_right_top.png");
	background-position:left top;
	background-repeat:repeat-x;
	}
.sptop h2{
	color:#ffffff;
	font-size:13px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0.3em;
	padding-top:8px;
	}
*:first-child+html .sptop h2{
	padding-top:10px;
	}
.spbottom{
	clear:both;
	height:11px;
	background-image:url("/bfp/images/default/main/bfp_right_btm.png");
	background-position:center top;
	background-repeat:no-repeat;
	}
.spcontent{
	overflow:hidden;
	zoom:1;
	background-image:url("/bfp/images/default/main/bfp_right_list.png");
	}

.sp_unit{
	width:170px;
	margin:0px auto;
	padding:5px 0;
	}
.sp_topic{
	}
.sp_topic h3{
	margin:0px;
	padding:0px;
	text-align:center;
	color:#404143;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
.sp_group{
	padding:5px 0;
	}
.sp_group_sub{
	overflow:hidden;
	zoom:1;
	margin:10px 0 0 0;
	padding-top:10px;
	border-top:1px solid #cccccc;
}
.sp_group_sub h4{
color:#404143;
font-size:13px;
}
.sp_group_sub img{
	float:left;
	margin:2px 5px 5px 0;
	border:0px;
	opacity: 1;
	filter: alpha(opacity=100);
}
.sp_group_sub img:hover{
	opacity: .8;
	filter: alpha(opacity=80);
}
.sp_group_sub a{
	color:#666666;
	text-decoration:none;
	}
.sp_group_sub a:hover{
	color:#333;
	text-decoration:none;
	}
.clear{
	clear:both;
}	
.sp_pic{ 
	text-align:center;
	margin:5px 0 7px 0;
	}
.sp_pic a img{	
	opacity: 1;
	filter: alpha(opacity=100);
	border:0px;	
}	
.sp_pic a:hover img{	
	opacity: .8;
	filter: alpha(opacity=80);
	border:0px;
}
.sp_text{
	width:170px;
	padding:0px 0px 5px 0px;
	margin-bottom:5px;
	color:#333;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.5em;

	}

.sp_text ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}
.sp_more{
	clear:both;
	margin:0 5px 0 5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	font-weight:bold;
	}
.sp_more a{
	color:#999999;
	text-decoration:none;
	}
.sp_more a:hover{
	padding-left:8px;
	color:#333333;
	text-decoration:underline;
	background-image:url("/bfp/images/default/main/liststyle_tab_more.gif");
	background-position:0 60%;
	background-repeat:no-repeat;
	}

.sp_winestar{
	clear:both;
	}
.sp_winestar table{
	width:170px;
}

.sp_tb_star{
	font-size:9px;
	padding:5px 8px;
	background-color:#dae3ec;
	border-bottom:1px solid #ccc;
	}
.sp_tb_star_x{
	padding:5px 8px;
	background-color:#aaa;
	}
.sp_tb_name{
	color:#222;
	padding:5px 10px;
	letter-spacing:0.03em;
	background-color:#f0f1ea;
	border-bottom:1px solid #ccc;
	}
.sp_tb_name_x{
	color:#222;
	padding:5px 10px;
	letter-spacing:0.03em;
	background-color:#777;
	}


/* Footer 
------------------------------------------------------------------*/
#footer{
	width:100%;
	height:50px;
	text-align:center;
	clear:both;
	background-repeat:repeat-x;
	font-size: 12px;
	}
.footer_body{
	margin-left:auto;
	margin-right:auto;
	display:block;
	width:960px;
	height:28px;
	text-align:center;
}
.footer_nav{
	clear:both;
	padding-top:5px;
	}
.footer_nav a
{
    padding:0 5px;
	margin:0px;
	color: #333333;
	text-decoration:none;
	}
.footer_nav a:hover{
	color:#ffffff;
	text-decoration: underline;
	}

/* Advertisement
---------------------------------------------------------------------*/
.ad_760px{
	margin-top:1px;
	margin-left:1px;
	margin-right:3px;
	margin-bottom:3px;
}
.ad_810px{
	display:block;
	width:810px;
	height:250px;
	}
.ad_240px{
	display:block;
	width:240px;
	margin-top:3px;
	margin-left:1px;
        margin-bottom:3px;
	}
.ad_120px{
	display:block;
	width:110px;
	margin-left:1px;
	margin-top:7px;
	}
.ad_190px{
	display:block;
	margin-top:5px;
	margin-left:1px;
	}
.ad_190x50px{
	display:block;
	margin-top:5px;
	margin-left:1px;
	}
.ad_504x80px{
	display:block;
	margin-left:3px;
	margin-top:9px;
}

/* JQUERY TAB CSS */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}





.ui-tabs-nav li {

}
.ui-tabs-nav p, .ui-tabs-nav a span {

}
.ui-tabs-nav p {
    margin: 0px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    background-position: 100% 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #fff;
}



#tab1 .tab_nav .ui-tabs-selected,#tab2 .tab_nav .ui-tabs-selected {
	width:126px;
	font-size:13px;
	background-image:url("/bfp/images/default/main/bfp_tab_button.png");
	background-position:0 -52px;
	}
#tab1 .tab_nav .ui-tabs-selected a,#tab2 .tab_nav .ui-tabs-selected a{
	color:#555;
	text-decoration:none;
	}
#tab1 .tab_nav .ui-tabs-selected a:hover,#tab2 .tab_nav .ui-tabs-selected a:hover{
	color:#555;
	text-decoration:none;
	}


#tab1 .ui-tabs-nav .ui-tabs-selected,#tab2 .ui-tabs-nav .ui-tabs-selected{
	position:relative;
	height:30px;
	top:-4px;
}
.ui-tabs-nav .ui-tabs-selected a {
    z-index: 2;
	position:relative;
	display:block;
	top:10px;
	cursor:pointer;    
}
*:first-child+html .ui-tabs-nav .ui-tabs-selected a{
	padding-top:2px;
	padding-bottom:3px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
/* .ui-tabs-panel : declare background color for container to avoid distorted fonts in IE while fading */
.ui-tabs-panel {

}
/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}





/*Canboo add*/
#tab3{
	width:513px;
	margin-top:13px;
	height:270px;
	overflow:hidden;
	zoom:1;
	background:url("/bfp/images/default/main/bfp_tab3_bg.png") 2px 0px no-repeat;
	}
#tab3 .tab_nav ul{
	width:126px;
	float:left;
	}


#tab3 .tab_nav li{
	background:url("/bfp/images/default/main/bfp_tab3_button_none.png") left bottom no-repeat;
color:#fff;	
width:126px;
        height:40px;
	position:relative;
	left:3px;
	float:none;
	text-align:center;
        list-style: none;
        display:block;
	}


#tab3 .tab_nav li a{
        color:#fff;
	width:120px;
	height:25px;
	position:relative;
	top:10px;
	display:block;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-size:13px;
        text-decoration:none;
	}



/*--為了美觀，只有item01加上margin-top:3px, 這樣所有雜誌區的tag看起來就會一樣高了--*/
#tab3 .tab_nav li.item01{
	margin-top:10px;
	width:126px;
        height:40px;
	position:relative;
	left:3px;
	float:none;
	text-align:center;
        list-style: none;
        display:block;
	}
/*--為了美觀，只有item01加上margin-top:3px, 這樣所有雜誌區的tag看起來就會一樣高了 說明END--*/







#tab3 .tab_content{
	clear:none;
	width:380px;
	float:right;

	}
#tab3 .tab_content_bottom{
	float:right;
	width:380px;
	height:10px;

	}
#tab3 #tab_album{
	width:350px;
	overflow:hidden;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	}
#tab3 #tab_article{
	width:350px;
	overflow:hidden;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	}
#tab3 .tab_nav .ui-tabs-selected{
	width:126px;
	font-size:13px;
	background-image:url("/bfp/images/default/main/bfp_tab3_first_button_hover.png");
	background-position:center bottom;
	}
#tab3 .ui-tabs-nav .ui-tabs-selected{
	position:relative;
	height:40px;
}

/*--tab3 雜誌區內，外部連結的網頁的css--*/
#tab3 #tab3_inside .tab_content{
	clear:none;
	width:382px;
	float:right;
	background-position:2px bottom;
	background-repeat:no-repeat;
	}
#tab3 #tab3_inside .tab_content_bottom{
	float:right;
	width:380px;
	height:10px;
	background-position:left top;
	background-repeat:no-repeat;
	}
#tab3 #tab3_inside #tab_album{
	width:350px;
	overflow:hidden;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	}
#tab3 #tab3_inside #tab_article{
	width:370px;
	overflow:hidden;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	}
#tab3 #tab3_inside .article_content{
	margin:0px;
}
#tab3 #tab3_inside .article_unit{
	width:325px;
	}

#tab3 #tab3_inside .article_group{
}
#tab3 #tab3_inside .article_pic{
	width:100px;
	float:right;
	margin-right:0px;
	margin-left:0px;
	}
#tab3 #tab3_inside .article_topic{
	margin-left:-2px;
	}
#tab3 #tab3_inside .article_pic img{
	border:0px;
	}
#tab3 #tab3_inside .article_text{
	width:200px;
	float:left;
	padding:0px;
	margin-left:5px;
	color:#555;
	font-size:12px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.5em;
	}
#tab3 #tab3_inside .more{
	margin-top:0px;
	margin-buttom:0px;
}
/*--tab3 雜誌區內，外部連結的網頁的css 說明end--*/

	fieldset{
	width:250px;
	border: 1px solid black; 
	padding: 8px; 
	margin: 8px 0;
	}
	:focus {
		outline: 0;
	}
	
	#tooltip {
		position: absolute;
		z-index: 3000;
		border: 1px solid #111;
		background-color: white;
		padding: 5px;
		opacity: 0.85;
		filter:alpha(opacity=85);
	}
	#tooltip h3, #tooltip div { 
	margin: 0;
	}
	#tooltip h3{
	font-size: 12px;
	}