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

@media (min-width:768px){
	#content {
		min-height: 75em; /* large font size filter column height */
	}
}

/* Filters (mobile) */

#filters_menu_m { padding: 0px; }

#filtersNav { padding: 0; }

#filters_menu_m div.navbar-header {
	float: right;
	position: absolute;
	top: -52px;
	right: 0px;
	z-index: 100;
	display: block;
}

#filters_menu_m div.navbar-header button {
	border: 1px solid #EEE; color: #999; width: 44px; font-size: 18px; padding: 6px 0 3px 0;
}

#filters_menu_m div.navbar-header button.collapsed { color: #73216D; }

#filters_menu_m div.rightnav_title { padding: 0px; }

#filters_menu_m .tool_block ul { padding: 0px; }

#filters_menu_m .tool_block ul li {
	list-style: none;
	display: inline-block;
	padding: 10px;
	border: 1px solid #EEE;
	border-radius: 5px;
	margin-right: 3px;
	margin-bottom: 3px;
	background-color: white;
	font-family: 'Roboto Condensed'
}

/* right hand filters (whats-on) desktop */

#filters { padding: 0; }

#filters > div.tool_block:first-child {
	border-top: 1px solid #E4E4E4;
}

#filters > div.tool_block:last-child {
	border-bottom: none;
}

#filters .tool_block { padding: 0px }

#filters .tool_block.selected {
	background-color: #F5EEF5;
}

#filters li a.selected, #filters li a.hover {
	text-decoration: none;
	color: #761073;
}

#filters #searchwrapper {
	padding-bottom: 20px;
	min-height: 0 !important;
}

#filters #searchwrapper .searchbox{
	width: 90%;	
}

#filters #tb_search div.rightnav_title { padding-bottom: 0px; margin-bottom: 5px; }


@media (min-width:768px){
	
	#filters { padding-top: 29px !important; }

	#filters > div.tool_block:last-child {
		border-bottom: 1px solid #E4E4E4;
	}

}

/* desktop styles */
/* #tb_search #whats_on_search_textbox { font-size: 12px; width: 80%; max-width:180; min-width: 150px; height: 21px; padding: 2px 0px 0px 5px; font-style: italic; border: 1px solid #CCC; margin: 0 0 0 0; } */
/* input.searchbox_submit { width: 21px; height: 21px; padding: 0px; margin: 0px; border: none; position: relative; top: 6px; } */

.tool_block {
	padding: 0px 10px;
	border-bottom: 1px solid #E4E4E4;
	overflow: auto;
}


/* main story */

.whats-on-story {
	border-bottom: 1px dashed #ccc; clear:both; overflow: hidden;
}

.whats-on-story a {
	padding: 20px 10px 20px 10px; overflow: auto; display: block; color: #666;
}

.whats-on-story a:hover, .whats-on-story a.selecteditem {
	background-color: #F5EEF5;
}

.whats-on-story figure {
	width: 33%; min-width: 100px; float: left; margin-right: 10px; margin-bottom: 10px; overflow: auto;
}

.whats-on-story figure img {
	width: 100%; height: auto; 
}

@media (min-width:768px){
	
	.whats-on-story a {
		padding: 10px;
	}	
	
	.whats-on-story figure {
		width: 312px; margin-right: 20px; margin-bottom: 0px; 
	}	
}

/*Icon for FAQ page*/
.icon-new-updates::before {
	content: "留意更新";
	background-color: #F00;
	border: solid 1px black;
    border-radius: 3px;
	margin: 3px;
	padding: 0px 2px;
	color: #fff;
	font-size: 80%;
	white-space:nowrap;
}