body {
	font-family: 'Noto Sans HK', sans-serif;
	background-color: #f7f7f7;
}

.session-top {
	background: rgba(255,255,255,1);
}

.container-top {
	margin: 0 auto;
	max-width: 1500px;
}

.heading-top {
	opacity: 0.0;
	padding-top: 60px;
	padding-bottom: 60px;
	padding-left: 60px;
	padding-right: 60px;
}

@media screen and (max-width: 767px) {
	.heading-top {
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media screen and (max-width: 500px) {
	.heading-top {
		padding-top: 25px;
		padding-bottom: 25px;
		padding-left: 15px;
		padding-right: 15px;
	}
}

.session-break {
	margin: 0;
}

.container-content {
	margin: 0 auto;
	max-width: 1500px;
}

.content {
	padding-top: 60px;
	padding-bottom: 60px;
	padding-left: 60px;
	padding-right: 60px;
}

.content-text {
	font-size: 18px;
}

.input-group {
	display: none;
}

.list .list-group .list-group-item-action.active {
	background-color: white;
	border-color: #dcdcdc;
	color: #495057;
}

.list .list-group .list-group-item.active::after {
	background-color: white;
	border-bottom: 3px solid #ff3860;
	bottom: 0px;
	content: " ";
	left: 0;
	position: absolute;
	right: 0;
}

@media screen and (max-width: 767px) {
	.content {
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.input-group {
		display: inline-flex;
	}
	
	.list {
		display: none;
	}
}

@media screen and (max-width: 500px) {
	.content {
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.input-group {
		display: inline-flex;
	}
	
	.list {
		display: none;
	}
}

@media (max-width: 1250px) {
	.card-columns {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
}

@media (max-width: 600px) {
	.card-columns {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
}

.card-course {
	transition: transform .2s;
}

.card-course:hover {
	text-decoration: none;
	transform: scale(1.03);
}

.card-course .card-body {
	color: black;
}

.card-course .card-no-img {
	min-height: 140px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.card-img-mask {
	max-height: 140px;
	overflow: hidden;
}

.card-course .fa-arrow-right {
	float: right;
	color: #1F75FE;
}

.btn-popover {
    font-weight: 400;
    color: #007bff;
    text-decoration: none;
	white-space: nowrap;
}

.btn-popover:hover {
    color: #007bff;
	cursor: pointer;
}

.btn-speaker:hover {
	cursor: pointer;
}

.card-program {
	font-size: 1rem;
	background-color: #d5ded6;
	border: 3px solid rgb(153, 153, 153);
}

.c::before {
	content: "：";
	font-weight: bold;
}

.e::before {
	font-size: 0.75em;
	content: "E ";
	font-weight: bold;
}

.display::before {
	font-size: 0.4em;
	letter-spacing: 5px;
	content: "◢";
}

.arrow::before {
	font-size: 1em;
	content: "➜";
}

.then::before {
	font-size: 1em;
	content: "⇒";
	font-weight: bold;
}

.divide::before {
	font-size: 1em;
	content: "⌟";
	font-weight: bold;
	letter-spacing: 5px;
}

.LCD-Display {
	background-color: #d5ded6;
	border: 3px solid rgb(153, 153, 153);
	width: 230px;
}

.LCD-Display .top {
	min-height: 10px;
	margin-top: 5px;
	padding-left: 10px;
}

.LCD-Display .middle {
	min-height: 25px;
	padding-left: 10px;
	font-size: 1.3rem;
}

.LCD-Display .prompt {
	display: inline-block;
	min-width: 17px;
	vertical-align: top;
}

.LCD-Display .bottom {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
}

.badge-orange {
	background-color: #ff8c00;
	color: white;
}

.badge-purple {
	background-color: #9400D3;
	color: white;
}

.btn-cal-md {
	min-width: 25px;
}