@charset "utf-8";
/* CSS Document */

/************************************************************************************
home
*************************************************************************************/
/* slider */
.home_sliderTxt{
	position:absolute;
	display:none;
	right:3%;
	bottom:10%;
}
.show{
	display:block;	
}

.home_sliderBtn{
	position:absolute;
	top:50%;
	display:block;
	width:52px;
	height:99px;
	margin-top:-50px !important;
}
#home_slider_prev{
	left:3%;
	margin-left:250px;
	background:url(../images/home/prev.png) no-repeat;
}
#home_slider_prev:hover{
	background:url(../images/home/prev_over.png) no-repeat;
}
#home_slider_next{
	right:3%;
	background:url(../images/home/next.png) no-repeat;
}
#home_slider_next:hover{
	background:url(../images/home/next_over.png) no-repeat;
}


/* ad */
#home_ad{
	position:absolute;
	top:3%;
	right:8%;
}
#home_ad h3{
	text-align:center;
	margin:0 0 12px;	
}
#home_ad ul{
	width:420px;
	height:230px;
}
#home_ad ul li{
	display:block;
	width:150px;
	height:225px;
	background:#000;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
}
#home_ad ul li.roundabout-in-focus {
	cursor: default;
}
#home_ad ul li img{
	width:150px;
	height:225px;	
}
#home_ad .more{
	position:relative;
	z-index:100;
	text-align:center;
	margin:15px 0 0;	
}


/************************************************************************************
about us
*************************************************************************************/
#aboutUs .list{
	margin:0 0 23px;
}


/************************************************************************************
Board of Directors
*************************************************************************************/
#board{
	
}
#board h2{
	color:#000;
	margin:0 0 12px;	
}
#board .cate{
	margin:25px 0 10px;	
}

#board .tab_content{
	padding:0px;
	margin:0 0 12px;
	padding:5px 0 0;
}
#board .tab_content ul{
	border-bottom:2px solid #b497ae;
}
#board .tab_content ul li{
	display:table;
	width:100%;
	margin:0 0 5px;
	padding:5px 0;
}
#board .tab_content ul li.bg1{
	background:url(../images/common/bg1.gif) repeat;	
}
#board .tab_content ul li .td{
	display:table-cell;
	padding:0 15px;
	word-wrap: break-word;
	word-break: normal;
}
#board .tab_content ul li .td.title{
	width:170px;
	margin:0 20px 0 0;
	background:url(../images/common/line1.png) repeat-y right center;	
}
#board .tab_content ul li .td a{
	color:#603526;
	text-decoration:underline;	
}


/************************************************************************************
Young Executive Committee
*************************************************************************************/
#young{
	
}
#young_title{
	position:relative;
	padding:9px 0 3px 15px;
	margin:20px 0 23px;
	background:url(../images/hkff/young/title_bg.gif) repeat;
	border-bottom:2px solid #b497ae;	
}
#young_title span{
	position:absolute;
	width:9px;
	height:7px;
	background:url(../images/hkff/young/title_arrow.png) no-repeat;
	left:50%;
	bottom:-9px;
	margin:0 0 0 -4.5px;
}
#young_table{
	font-size:13px;
	padding:0 0 260px;
}

#young_table table td{
	position:relative;
	vertical-align:top;
}
#young_table .titleTab{
	width:123px;
	padding:33px 0 10px;
	background:url(../images/hkff/young/arrow.png) no-repeat center 1px;
}
#young_table .titleTab .tab{
	color:#c3c3c3;
	background:#333;
	line-height:22px;
	text-align:center;
	width:100%;
	display:block;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#young_table .line{
	position:absolute;
	top:0px;
	display:block;
	height:1px;
	background:#333;
}
#young_table .line1{
	right:0px;
	width:50%;
	padding-left:1px;
}
#young_table .line2{
	width:100%;
}
#young_table .line3{
	left:0px;
	width:50%;
	padding-left:1px;
}

#young_table .name{
	position:relative;
	font-size:12px;
}
#young_table .name > ul{
	background:#f0f0f0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: inset 1px 1px 5px #c2c2c2;
	-webkit-box-shadow: inset 1px 1px 5px #c2c2c2;
	box-shadow: inset 1px 1px 3px #c2c2c2;
}
#young_table .name > ul > li{
	position:relative;
	cursor:pointer;
	text-align:center;
	line-height:30px;
	border-top:1px dashed #ddd;
}
#young_table .name > ul > li:first-child{
	border:none;
}
#young_table .name > ul > li .n{
	display:block;
	width:100%;
	height:100%;
	position:relative;
	z-index:1;
}

#young_table .tooltip{
	display:none;
	cursor:auto;
	position:absolute;
	z-index:200;
	padding:20px;
	width:490px;
	font-size:14px;
	text-align:left;
	border-top:3px solid #333;
	background:url(../images/hkff/young/tooltip_bg.gif) repeat;
}
#young_table .tooltip .arrow{
	position:absolute;
	display:block;
	width:9px;
	height:6px;
	top:-9px;
	margin:0 0 0 57px;
	background:url(../images/hkff/young/tooltip_arrow.png) no-repeat;
}

#young_table .tooltip ol li{
	display:table;
	width:100%;
	margin:3px 0 0;
}
#young_table .tooltip ol li:first-child{
	margin:0px;
}
#young_table .tooltip ol li span{
	display:table-cell;
	word-wrap: break-word;
	word-break: normal;
	padding:0 20px;
}
#young_table .tooltip ol li span.title{
	width:175px;
	padding:0px;
	background:url(../images/hkff/young/tooltip_line.png) no-repeat right 6px;
}
#young_table .tooltip ol li span a{
	color:#91533e;
	text-decoration:underline;	
}

.tooltip1{
	left:0px;
}
.tooltip1 span{
	left:0px;
}
.tooltip2{
	left:-135px;
}
.tooltip2 span{
	left:135px;
}
.tooltip3{
	left:-270px;
}
.tooltip3 span{
	left:270px;
}
.tooltip4{
	left:-405px;
}
.tooltip4 span{
	left:405px;
}


/************************************************************************************
Hyperlinks
*************************************************************************************/
#hyperlinks .logo{
	margin:0 0 20px;
}
#hyperlinks .logo ul{
	margin:0 0 0 -10px;
}
#hyperlinks .logo ul li{
	float:left;
	padding:10px;
	text-align:center;
	margin:0 0 10px 10px;
	background:#f8f8f8 url(../images/common/line_bg.png) repeat;
}

#hyperlinks .link_list{
	margin:0 0 20px;
}
#hyperlinks .link_list h3{
	font-weight:bold;
	line-height:32px;
	padding:0 0 0 16px;
	border-bottom:1px solid #b497ae;
	background:#f7f7f7 url(../images/common/line_bg.png) repeat;
}
.letter{
	padding:5px;
	background:#fff url(../images/common/line_bg2.png) repeat;
}
.letter ol li{
	float:left;
	margin:5px;
}
.letter ol li a{
	display:block;
	color:#fff;
	width:30px;
	height:30px;
	text-align:center;
	line-height:30px;
	background:#bebebe;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.letter ol li a:hover, .letter ol li a.current{
	background:#cab9c6;
}
#hyperlinks .link_box{
	padding:0 0 9px;
	background:#fafafa;
	border:1px solid #ebebeb;	
}
#hyperlinks .link_box ul li{
	margin:9px 0 0 0;
}
#letter_link ul li{
	display:none;	
}
#letter_link ul li.a{
	display:block;	
}
#hyperlinks .link_box ul li:frist-child{
	margin:0px;
}
#hyperlinks .link_box ul li a{
	position:relative;
	display:block;
	min-height:31px;
	line-height:31px;
	padding:0 45px 0 15px;
	background-color:#f8f8f8;
	background-image:url(../images/common/line_bg.png);
	background-repeat:repeat;
}
#hyperlinks .link_box ul li a:hover{
	background-color:#eee;
}
#hyperlinks .link_box ul li a span{
	position:absolute;
	display:block;
	right:0px;
	top:0px;
	width:38px;
	height:31px;
	background:url(../images/hkff/hyperlinks/link_tab.png) no-repeat;
}
#hyperlinks .link_box ul li a:hover span{
	background:url(../images/hkff/hyperlinks/link_tab_over.png) no-repeat;
}


/************************************************************************************
Publications
*************************************************************************************/
#publications{
	
}


/************************************************************************************
members
*************************************************************************************/
#members .letter{
	margin:0 0 20px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
#members .list_title{
	padding:10px 195px 10px 15px;
}


/************************************************************************************
fur fair
*************************************************************************************/
#yearBar{
	padding:5px 0;
	margin:0 0 15px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background:#fff url(../images/common/line_bg.png) repeat;
}
#yearBar ul li{
	float:left;
	margin:0 8px 0 0;
}
#yearBar ul li a{
	display:block;
	color:#fff;
	line-height:21px;
	background:#bebebe;
	padding:0 20px;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#yearBar ul li a:hover, #yearBar ul li a.current{
	background:#b497ae;
}

#furFair .intro{
	margin:0 0 20px;
}
#furFair .intro .photo{
	float:left;	
}
#furFair .intro .txt{
	float:right;
	width:310px;	
}

#furFair .exhibitors{
	padding:20px 0;	
}
.exhibitors_table{
	text-align:left;
	background:#fff;
	border-bottom:1px solid #cab9c6;
}
.exhibitors_table th{
	color:#fff;
	font-weight:bold;
	padding:5px 15px;
	background:#bebebe;
    border-left: 1px solid #adadad;
}
.exhibitors_table td{
	padding:5px 15px;
    border-left: 1px solid #e6e6e6;
}
.exhibitors_table tr:nth-child(2n){
	background:#f0f0f0;	
    border-left: 1px solid #d9d9d9;
}
.exhibitors_table th:first-child, .exhibitors_table td:first-child{
	border:none;	
}

#furFair .gallery{
	margin:0 0 10px;	
}
#furFair .gallery, #furFair .flexslider{
	/*height:352px;	*/
}


/************************************************************************************
fur gala
*************************************************************************************/
#furGala{
	
}
#furGala .intro{
	margin:0 0 20px;
}
#furGala .intro .photo{
	float:left;	
}
#furGala .intro .txt{
	float:right;
	width:360px;	
}

#furGala .video_list{
	padding:20px 15px;
}
#furGala .video_list > ul > li{
	margin:13px 0 0;
}
#furGala .video_list > ul > li:first-child{
	margin:0px;	
}
#furGala .video_list > ul > li .line{
	padding:0 0 7px;
	border-bottom:2px solid #cab9c6;
}
#furGala .video_list > ul > li .showDetail a{
	font-size:12px;
	padding:0 16px 0 0;
	background:url(../images/focusEvents/furGala/box.gif) no-repeat right center;
}
#furGala .video_list > ul > li .left{
	float:left;	
}
#furGala .video_list > ul > li .right{
	float:right;	
}
#furGala .video_list > ul > li .left span{
	margin:3px 0 0;
	display:block;
	font-size:12px;
}
#furGala .video_list > ul > li .box{
	display:none;
	padding:20px;
	text-align:justify;
	text-justify:inter-ideograph;
	background:#fafafa url(../images/common/line_bg.png) repeat;
}
#furGala .video_list > ul > li .box .name{
	display:block;
	text-align:right;
	font-style:italic;	
}

/*#furGala .gallery{
	margin:20px 15px;
	padding:20px 30px;
	background:#fafafa url(../images/common/line_bg.png) repeat;
}*/
#furGala .gallery, #furGala .flexslider{
	/*height:305px;	*/
}
#furGala .gallery .name{
	/*position:absolute;*/
	left:-20px;
	bottom:-50px;
	width:100%;
	line-height:30px;
	text-align:center;
	padding:0 20px;
	background:#bebebe url(../images/common/line_bg.png) repeat;
}
/*/////////////////////////*/
#furGala .activities_list{
	padding:20px 15px;
}
#furGala .activities_list > ul > li{
	margin:13px 0 0;
}
#furGala .activities_list > ul > li:first-child{
	margin:0px;	
}
#furGala .activities_list > ul > li .line{
	padding:0 0 7px;
	border-bottom:2px solid #cab9c6;
}
#furGala .activities_list > ul > li .showDetail a{
	font-size:12px;
	padding:0 16px 0 0;
	background:url(../images/focusEvents/furGala/box.gif) no-repeat right center;
}
#furGala .activities_list ul li .left{
	float:left;
	line-height:25px;
}
#furGala .activities_list ul li .showBtn{
	float:right;
	display:block;
	width:25px;
	height:25px;
}
#furGala .activities_list ul li .showMore{
	background:url(../images/focusEvents/furDesign/showMore.gif) no-repeat;	
}
#furGala .activities_list ul li .showLess{
	background:url(../images/focusEvents/furDesign/showLess.gif) no-repeat;	
}
#furGala .activities_list .gallery{
	display:none;
	padding:20px;
	text-align:justify;
	text-justify:inter-ideograph;
	background:#fafafa url(../images/common/line_bg.png) repeat;
}


/************************************************************************************
Fur Design Competition
*************************************************************************************/
#furDesign .intro{
	margin:0 0 20px;
}
#furDesign .intro .photo{
	float:left;	
}
#furDesign .intro .txt{
	float:right;
	width:360px;	
}
#furDesign .btnBar{
	background:#333;
	height:42px;
	padding:1px 20px;	
}
#furDesign .press_photo1{
	float:left;
	width:245px;
	text-align:center;	
}
#furDesign .press_photo2{
	float:right;
	width:245px;
	text-align:center;	
}

#furDesign .activities_list{
	padding:20px 15px;
}
#furDesign .activities_list > ul > li{
	margin:13px 0 0;
}
#furDesign .activities_list > ul > li:first-child{
	margin:0px;	
}
#furDesign .activities_list > ul > li .line{
	padding:0 0 7px;
	border-bottom:2px solid #cab9c6;
}
#furDesign .activities_list > ul > li .showDetail a{
	font-size:12px;
	padding:0 16px 0 0;
	background:url(../images/focusEvents/furGala/box.gif) no-repeat right center;
}
#furDesign .activities_list ul li .left{
	float:left;
	line-height:25px;
}
#furDesign .activities_list ul li .showBtn{
	float:right;
	display:block;
	width:25px;
	height:25px;
}
#furDesign .activities_list ul li .showMore{
	background:url(../images/focusEvents/furDesign/showMore.gif) no-repeat;	
}
#furDesign .activities_list ul li .showLess{
	background:url(../images/focusEvents/furDesign/showLess.gif) no-repeat;	
}
#furDesign .activities_list .gallery{
	display:none;
	padding:20px;
	text-align:justify;
	text-justify:inter-ideograph;
	background:#fafafa url(../images/common/line_bg.png) repeat;
}
#furDesign .activities_list .gallery, #furDesign .activities_list .flexslider{
	/*height:305px;	*/
}

#furDesign .acknowledgments{
	margin:20px 15px;
	padding:20px;
	background:#fafafa url(../images/common/line_bg.png) repeat;
}
#furDesign .acknowledgments, #furDesign .acknowledgments .flexslider{
	/*height:272px;	*/
}

#furDesign .winning{
	margin:20px 15px;
	padding:20px;
	background:#fafafa url(../images/common/line_bg.png) repeat;
}
#furDesign .winning .photo{
	float:left;
	width:250px;
	text-align:center;
}
#furDesign .winning .info{
	float:right;
	width:195px;	
}
#furDesign .winning .info .txt{
	margin:35px 0 0;	
}
#furDesign .winning .info .txt:first-child{
	margin:0;	
}
#furDesign .winning .info .title{
	font-weight:bold;
	padding:0 0 6px 3px;
	margin:0 0 6px;
	border-bottom:1px solid #333;	
}

/************************************************************************************/
#furDesign .gallery .photo{
	float:left;
	width:250px;
	text-align:center;
}
#furDesign .gallery .info{
	float:right;
	width:195px;	
}
#furDesign .gallery .info .txt{
	margin:35px 0 0;	
}
#furDesign .gallery .info .txt:first-child{
	margin:0;	
}
#furDesign .gallery .info .title{
	font-weight:bold;
	padding:0 0 6px 3px;
	margin:0 0 6px;
	border-bottom:1px solid #333;	
}


/************************************************************************************
activities
*************************************************************************************/
#activities .date{
	display:block;
	font-weight:normal;
	margin:2px 0 0;
}
#activities .gallery{
	padding:20px;
	background:#fafafa url(../images/common/line_bg.png) repeat;
}
#activities .gallery, #activities .gallery .flexslider{
	/*height:345px;	*/
}



/************************************************************************************
List of Retailers
*************************************************************************************/
.cate_box{
	margin:0 0 20px;	
}
.cate_tab{
	border-bottom:3px solid #bebebe;
	background:#eee url(../images/common/line_bg.png) repeat;
}
.cate_tab ul li{
	position:relative;
	float:left;
	border-right:1px solid #dfdfdf;
}
.cate_tab ul li a{
	display:block;
	font-size:12px;
	color:#222;
	font-weight:bold;
	line-height:37px;
	padding:0 9px;
}
.cate_tab ul li a:hover, .cate_tab ul li a.current{
	color:#b497ae;
	background:#dfdfdf url(../images/common/line_bg.png) repeat;
}
.cate_tab ul li a span{
	position:absolute;
	display:none;
	left:6px;
	bottom:-11px;
	margin:0 0 0 -6px;
	width:100%;
	height:9px;
	border-top:3px solid #333;
	background:url(../images/common/arrow.png) no-repeat center bottom;
}
.cate_tab ul li a:hover span, .cate_tab ul li a.current span{
	display:block;
}
.cate_letter{
	padding:10px 5px;
	border-bottom:1px solid #dedede;	
}
#listOfRetailers .otherServices{
	margin:30px 0;
}
#listOfRetailers .otherServices ul li{
	margin:2px 0;	
}


/************************************************************************************
Fur Care
*************************************************************************************/
#furCare .txt{
	display:block;
	margin:0 0 5px;
}
#furCare .part{
	margin:0 0 40px;	
}


/************************************************************************************
Fur Trend
*************************************************************************************/
.cate_content{
	display:none;	
}
.cate_content.current{
	display:block;	
}
#furTrend .list{
	margin:10px 0 20px;
}
#furTrend .decimal_list{
	margin:10px 0 0 20px;
}


/************************************************************************************
Advertising Magazine
*************************************************************************************/
/* list */
#advertising{
	
}
#advertising .logo ul{
	margin:0 0 0 -20px;	
}
#advertising .logo ul li{
	float:left;
	padding:10px;
	width:235px;
	height:235px;
	text-align:center;
	margin:0 0 20px 20px;
	background:#fff url(../images/common/line_bg2.png) repeat;
}
#advertising .logo ul li img{
	max-width:235px;
	max-height:235px;	
}
#advertising .logo ul li a{
	position:relative;
	display:block;
}
#advertising .logo ul li a span{
	position:absolute;
	display:none;
	left:0px;
	bottom:0px;
	color:#fff;
	line-height:31px;
	text-align:center;
	width:100%;
	background: #333; 
	background: rgba(0, 0, 0, 0.8); 
}
#advertising .logo ul li a:hover span{
	display:block;
}

/* detail */
#advertisingDetail{
	
}
#advertisingDetail .name{
	font-size:18px;
	color:#fff;
	font-weight:bold;
	line-height:40px;
	padding:0 0 0 17px;
	background:#505050 url(../images/common/line_bg3.png) repeat;
}
#advertisingDetail .photo{
	display:block;	
}
#advertisingDetail .infoTxt{
	border-top: 2px solid #b497ae;
}
#advertisingDetail .infoTxt ul li{
	display:table;
	width:100%;
	background:#fff url(../images/common/line_bg2.png) repeat;
}
#advertisingDetail .infoTxt ul li.bg2{
	background:#e8e8e8 url(../images/common/line_bg2.png) repeat;
}
#advertisingDetail .infoTxt ul li .td{
	display:table-cell;
	word-wrap: break-word;
	word-break: normal;
	padding:9px 15px 8px;
	border-left:1px solid #c3c3c3;
}
#advertisingDetail .infoTxt ul li .td.title{
	width:160px;
	border:none;
}
#advertisingDetail .infoTxt ul li .td a{
	color:#603526;
	text-decoration:underline;	
}
#advertisingDetail .backBtn{
	text-align:right;
	margin:20px 0;	
}


/************************************************************************************
Fur Facts
*************************************************************************************/
#source{
	margin:20px 0;	
}
#source a{
	color:#603526;
	text-decoration:underline;	
}

#furFacts4 .map{
	margin:30px 0;
}
#furFacts4 .mapTxt{
	padding:10px 20px;
	background:#fff url(../images/common/line_bg2.png) repeat;
}
#furFacts4 .mapTxt h3{
	line-height:27px;
	padding:0 0 0 37px;
	background:url(../images/furFacts/social/world_box.gif) no-repeat left center;	
}
#furFacts4 .mapTxt h3 img{
	vertical-align:middle;
}
#furFacts4 .detail{
	padding:5px 20px 10px;
	margin:0 0 20px;	
}
#furFacts4 .detail a{
	color:#603526;
	text-decoration:underline;	
}

#furFacts5 .letter{
	border-top:1px solid #ddd;	
}
#furFacts5 .txtBox{
	display:none;
	padding:20px 0;
	border:1px solid #ddd;	
}
#furFacts5 .txtBox.current{
	display:block;
}
#furFacts5 .txtBox table{
	border-bottom:1px solid #cab9c6;	
}
#furFacts5 .txtBox table th{
	color:#fff;
	font-weight:bold;
	background:#bebebe;
	text-align:left;
}
#furFacts5 .txtBox table th, #furFacts5 .txtBox table td{
	padding:5px 15px;
	vertical-align:top;
}
#furFacts5 .txtBox .bg1{
	background:#f0f0f0;	
}


/************************************************************************************
contact us
*************************************************************************************/
#contact_info{
	margin:0 0 35px;
}
#contact_info ul li{
	margin:0 0 8px;
	padding:5px 0;
	background:#fff url(../images/common/line_bg.png) repeat;
	border-bottom:2px solid #b497ae;
}
#contact_info ul li a{
	color:#603526;
	text-decoration:underline;	
}
#contact_info ul li .address{
	padding:0 30px 0 75px;
	line-height:150%;
	background:url(../images/contactUs/address_icon.png) no-repeat 30px center;
}
#contact_info ul li .tel{
	float:left;
	width:155px;
	line-height:30px;
	padding:0 30px 0 75px;
	border-right:1px solid #e1e1e1;
	background:url(../images/contactUs/tel_icon.png) no-repeat 30px center;
}
#contact_info ul li .fax{
	float:left;
	line-height:30px;
	padding:0 30px 0 75px;
	background:url(../images/contactUs/fax_icon.png) no-repeat 30px center;
}
#contact_info ul li .email{
	float:left;
	width:155px;
	line-height:30px;
	padding:0 30px 0 75px;
	border-right:1px solid #e1e1e1;
	background:url(../images/contactUs/email_icon.png) no-repeat 30px center;
}
#contact_info ul li .website{
	float:left;
	line-height:30px;
	padding:0 30px 0 75px;
	background:url(../images/contactUs/website_icon.png) no-repeat 30px center;
}

#contact_form{
	padding:20px 15px;
	background:#f7f7f7 url(../images/common/line_bg2.png) repeat;
}
#contact_form input[type=text]{
	width:100%;
	line-height:26px;
	border:1px solid #c6c6c6;	
}
#contact_form textarea{
	width:100%;
	height:100px;
	padding:0px;
	border:1px solid #c6c6c6;	
}
.required{
	color:#b497ae;	
}


/************************************************************************************
sitemap
*************************************************************************************/
#sitemap h3{
	font-weight:bold;
	padding:0 0 10px;
	margin:0 0 10px;
	border-bottom:1px solid #b497ae;	
}
#sitemap .list{
	font-size:13px;
	color:#a4a4a4;
	margin:0 0 35px;
}
#sitemap .list a{
	color:#a4a4a4;
	text-decoration:none;	
}
#sitemap .list a:hover{
	color:#603526;
}
#sitemap .list ol > li{
	margin:15px 0 0;
}