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

body {
	/* font-size:16px; */
	line-height:1.5em;
	font-weight:normal;
	color:#545454;
	font-family:  'Roboto Condensed', 'Noto Sans HK', sans-serif;
	letter-spacing: .02em;
}

.h2, h2 {
    font-size: 1.8em;
}

/* Fonts Style */
.highlight {
	font-weight:bold;
}

.cs-nav {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #78655c;
}
.cs-title-box { width: 100%; }

.cs-live-status {
	color:#3f5147;
	display: block;
	background-color: #c8ff8e;
   	width: 100px;
	text-align: center;
	font-size: 1em;
	letter-spacing: .1em;
	line-height: 40px;
	border-radius: 5px 5px 0 0; 
}
.cs-live-title {
	font-size: 1.1em;
	color: #fff;
	display: block;
	/* width: calc(100% - 100px); */
	padding: .0 calc(.5em + 50px) 0 1.5em;
	text-align: left;
	letter-spacing: 0em;
	margin: 0.5em;
	/* float:left;
	font-size: 1em; */
}
.cs-sub-title {	
	color: #0a5d29;
	font-size: 1.1em;
	font-weight: normal;
	margin-top: .25em;
	line-height: 1.4em;
}

.blue-txt { color: #05879f; }

.cs-datetime {
	font-size: 1em;
}
.cs-label {
	line-height: 3em;
	font-size: .95em;
	white-space: nowrap;
}
.cs-inner-box {
	color:#818181;
}
.cs-caption {
	font-size:14px;
	font-weight:normal;
	color:#ae9d8f;
}
.cs-footer {
	color:#000;
}
.remarks { font-size: .9em; opacity: .8; }

@media (max-width: 767px)  {
	.forecast-intro { font-size: .9em; line-height: 1.5em; }
	.cs-sub-title {	font-size: 1.3em; }
	.cs-live-status, .cs-live-title { font-size: .9em; }
	.cs-label { line-height: 2em; }
}
/*
@media (max-width: 511px) {
	.cs-title2 { width: 350px;}
}
*/