.header {
	min-height: 100px;
	height:auto;
}

.header > div.container {
	background: url(/20210324225948oe_/https://www.iso.cuhk.edu.hk/english/images/CUHKUPDates/new/Logo_CU_updates.png) no-repeat; background-size: 400px; margin-bottom:17px; 
}

.header .header-links .icon-links {
	top: 20px;
}

.header .header-links .languages {
	top: 30px;
}

#category-page .header .logo, #category-page.headlines .header .logo, #category-page.pursuits .header .logo , #category-page.alum .header .logo , #category-page.deeds .header .logo , #category-page.brand .header .logo , #category-page.art .header .logo , #category-page.draftcraft .header .logo, #category-page.remarkables .header .logo, #category-page.financially .header .logo , #category-page.techtalks .header .logo , #category-page.nosecret .header .logo , #category-page.sixobjects .header .logo , #category-page.tweets .header .logo , #category-page.announcements .header .logo , #category-page.VV .header .logo,  #category-page.artspirin .header .logo,  #category-page.doctor .header .logo,  #category-page.socialent .header .logo, #category-page.health .header .logo, #category-index .header .logo {
    width: 429px;
    height: 60px;
    background: none;
}

#topic-list-wrapper {
	text-align:center;
	padding: 0;
}

#topic-list-wrapper > div:first-child {
	margin:0 auto; max-width:1400px;
}


header.floating {
	position: fixed;
	top:0;
	left: 14px;
	width: calc(100vw - 44px);
	min-width: 451px;
	background-color: #fff;
	z-index: 500;	
	box-shadow: 0 5px 5px #ccc;	
	
}

header.floating > div.container {
	max-width: 1400px;
	margin: 0 auto;
}

/*header.floating .mobile-menu.languages.active {
	box-shadow: 0 5px 5px #ccc;	
}*/


#float-menu .logo {
	display: block;
	width: 429px;
	height: 94px;
	outline: none;
	text-indent: -9999px;
	background: url(/20210324225948oe_/https://www.iso.cuhk.edu.hk/english/images/CUHKUPDates/new/Logo_CU_updates.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	float: left;
}
#float-menu .header-links {
	display: inline-block;
	float: right;
	padding-top: 0px;
}
#float-menu .header-links .date {
	display: inline-block;
	float: left;
	font-size: 12px;
	color: #73216D;
	margin-left: 26px;
	position: relative;
	top: 3px;
	font-weight: 500;
}

#float-menu .header-links .languages {
	position: relative;
	display: inline-block;
	float: left;
	margin-left: 19.5px;
	top: 5px;
}
#float-menu .header-links .languages a {
	margin-left: 8px;
	display: inline-block;
}
#float-menu .header-links .languages a:first-child {
	margin-left: 0;
}
#float-menu .header-links .icon-links {
	display: inline-block;
	float: left;
	position: relative;
	top: 5px;
}
#float-menu .header-links .icon-links a {
	display: inline-block;
	float: left;
	outline: none;
	text-indent: -9999px;
	height: 24px;
	margin-left: 10px;
	margin-top: 5px;
}
#float-menu .header-links .icon-links a.home-link {
	display:none;
	width: 22.5px;
	background: url(/20210324225948oe_/https://www.iso.cuhk.edu.hk/english/images/CUHKUPDates/new/icon-1.png) no-repeat;
	background-size: contain;
	margin-left: 0;
}
#float-menu .header-links .icon-links a.cat_index-link {
	width: 21.75px;
	background: url(/20210324225948oe_/https://www.iso.cuhk.edu.hk/english/images/CUHKUPDates/new/icon-1b.png) no-repeat;
	background-size: contain;
}
#float-menu .header-links .icon-links a.signup-link {
	width: 19.5px;
	background: url(/20210324225948oe_/https://www.iso.cuhk.edu.hk/english/images/CUHKUPDates/new/icon-2.png) no-repeat;
	background-size: contain;
}
#float-menu .header-links .icon-links a.signin-link {
	width: 17.25px;
	background: url(/20210324225948oe_/https://www.iso.cuhk.edu.hk/english/images/CUHKUPDates/new/icon-3.png) no-repeat;
	background-size: contain;
}
#float-menu .header-links .icon-links a.search-link {
	width: 22.5px;
	background: url(/20210324225948oe_/https://www.iso.cuhk.edu.hk/english/images/CUHKUPDates/new/icon-4.png) no-repeat;
	background-size: contain;
}
#float-menu .header-links .iso-top {
	position: relative;
	display: inline-block;
	margin-left: 19.5px;
	margin-top: 0;
	top: 0px;
}
#float-menu .header-links .iso-top a {
	display: inline-block;
	width: 66.6px;
	height: 60px;
	outline: none;
	text-indent: -9999px;
	background: url(/20210324225948oe_/https://www.iso.cuhk.edu.hk/english/images/CUHKUPDates/new/ISO_id.png) no-repeat;
	background-size: contain;
	margin-top: 0;
}

.row-2 {
  padding: 30px 0 0 0;
}

.row-2:before {
  background: none;
	background-size: cover;
}

.row-2 .box .text {
    padding: 15px 12px;
}

#container.wide {
	/*max-width: 1300px;*/
	max-width: 1400px;
}

.content_article,  .content_category {
    width: 77%;
	border-right: none;
}

.content_category {
    min-height: 1000px;
	padding-bottom: 30px;
}

.content_article {
	margin-bottom: 0;
}

.content_article .featured-post,  .content_category .featured-post {
	padding-left: 0;
}

.content_article .featured-post {
	margin-bottom: 0;
}

.content_category .posts .post .image {
	max-width: 220px;
}

.content_article .featured-post h1 {
	font-size: 45px;
	padding-top: 10px;
} 	

.content_article .featured-post h1 + h2 {
	padding-top: 0;
}

.content_article .featured-post h2 {
	font-size: 26px;
}

.content_article .featured-post h1 + figure, .content_article .featured-post h2 + figure{
	margin-top: 30px;
}

.content_article .featured-post div.content_article_inner {
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
}

.content_article .featured-post p {
	font-size: 18px;
	line-height: 180%;
	font-family: -apple-system, BlinkMacSystemFont, 'PT Sans', Arial, Helvetica, 'Heiti TC', 'Microsoft Jhenghei', sans-serif;
}

.content_article .featured-post p:lang(zh), .content_article .featured-post *:lang(zh) {
	letter-spacing: 0.05em; /*0.0833333em;*/
}

.content_article .featured-post p:lang(zh) strong, .content_article .featured-post *:lang(zh) strong {
	font-weight: 500;
}


.content_article .featured-post p:lang(zh), .content_article .featured-post p:lang(zh-hant),  .content_article .featured-post p:lang(zh-Hant), 
.content_article .featured-post *:lang(zh-hant),  .content_article .featured-post *:lang(zh-Hant)
{
	font-family: -apple-system, BlinkMacSystemFont, "Noto Sans TC", "Segoe UI", 'PT Sans', Arial, Helvetica, 'Heiti TC', 'Microsoft Jhenghei', sans-serif;;
}

.content_article .featured-post p:lang(zh-hans), .content_article .featured-post p:lang(zh-Hans), 
.content_article .featured-post *:lang(zh-hans), .content_article .featured-post *:lang(zh-Hans)
{
	font-family: -apple-system, BlinkMacSystemFont, "Noto Sans SC", "Segoe UI", 'PT Sans', Arial, Helvetica, 'Heiti TC', 'Microsoft Jhenghei', sans-serif;;
}

.content_article .featured-post p.originatefrom {
    padding-top: 20px;
}



.sidebar {
	width: 23%;
	transition: top 0.5s ease;
}

.sidebar .sidebox:first-child {
	padding-top: 20px;
}

.sidebar .sidebox:last-child {
	border-bottom: none;
}

.sidebar .sidebox.latest-story .box img {
    border-radius: 0;
	margin-bottom: 0;
	/*height: 120px;*/
	height: 60%;
}

.sidebar .sidebox .box, .sidebar .sidebox .recently-viewed .box, .sidebar .sidebox .box, .sidebar .sidebox .other-topics .box {
    width: 100%;
    float: none;
	padding-left: 0;
	padding-right: 0;
}

.sidebar .sidebox .box:nth-child(odd) {
     padding-left: 0;
}

.sidebar .sidebox .box img {
    /*height: 120px;*/
	height: 60%;
}

.sidebar .sidebox .box .text,  .sidebar .sidebox.latest-story .box .text{
    padding: 10px;
}

.sidebar .sidebox.latest-story .box .text .title {
	font-size: 16px;
	margin-bottom: 5px;
}

.sidebar .sidebox.latest-story .box .text p {
	font-size: 12px;
}


a#link_ReadNow.read-now {
	display:none;
}

.header .header-links .iso-top a {
    display: inline-block;
    width: 89px;
    height: 60px;
    outline: none;
    text-indent: -9999px;
    background: url(/20210324225948oe_/https://www.iso.cuhk.edu.hk/english/images/CUHKUPDates/new/ISO_id.png) no-repeat;
	background-size: contain;
}


#category-index span.bar.title-bar, #category-page span.bar.title-bar {
	color: #fff;
	text-shadow: 2px 2px rgba(0, 0, 0, 0.6);
	font-size: 28px;
	text-align:left;
	padding: 15px;
	font-style: italic;
}

			#top-row2 {
				height: auto;
			}
			#top-row2 a, #float-menu a {
				font-family: -apple-system, BlinkMacSystemFont, 'Fira Sans', 'Heiti TC', 'Microsoft Jhenghei', sans-serif;
				padding: 0 5px;
				margin: 13px 10px 0 10px;
				border-bottom: 3px solid #fff;
				white-space: nowrap;
				display: inline-block;			
			}
			
			#top-row2 a.headlines {     border-bottom-color: #73216d; }
			#top-row2 a.alum {     border-bottom-color: #999900; }
			#top-row2 a.pursuits {     border-bottom-color: #336699; }
			#top-row2 a.VV {     border-bottom-color: #00A89A; }
			#top-row2 a.art {     border-bottom-color: #C5A2C3; }
			#top-row2 a.brand {     border-bottom-color: #E7BE4C; }
			#top-row2 a.techtalks {     border-bottom-color: #AAE4FB; }
			#top-row2 a.nosecret {     border-bottom-color: #E995BF; }
			#top-row2 a.artspirin {     border-bottom-color: #c8ba9a; }
			#top-row2 a.doctor {     border-bottom-color: #8dc63f; }
			#top-row2 a.socialent {     border-bottom-color: #bc6262; }
			#top-row2 a.health {     border-bottom-color: #70e2b8; }
			#top-row2 a.alltopics {     border-bottom-color: #F58B4C; }				
			
			@media (max-width:1300px) {
				#top-row2 a, #float-menu a {
					/*padding: 0 1px;*/
					margin: 13px 5px 0 5px;
					letter-spacing: -0.3px;
				}
			}
			@media (max-width:1200px) {
				#top-row2 a, #float-menu a {
					padding: 0 2px;
					letter-spacing:  -0.8px;
				}
			}
			@media (max-width:1100px) {
				#top-row2 a, #float-menu a {
					letter-spacing:  -1.5px;
				}
			}
			
			
			#float-menu-wrapper {
				visibility: hidden; opacity: 0; position:fixed; top:0; left:-0.001%; width:100%; overflow: visible; transition: all 0.5s; z-index:200; background:#fff; box-shadow: 0 2px 1px 0 #ccc;  
			}
			#float-menu {
				max-width: 1500px;/*1300px;*/ width:100%; margin: 0 auto; padding-bottom: 5px; position: relative; overflow: hidden;
			}
			
			#float-menu nav {
				 display: flex;
				 flex-direction: row;
				 padding: 0 5px;
				 cursor: pointer;
			}
			
			/*#float-menu-inner {
				position: absolute; top: 50px; left: 0; cursor:pointer;
			}*/

			#float-menu-wrapper.not-on-top {
				visibility: visible; opacity: 1; 
			}
			
			#float-footer-wrapper {
				visibility: hidden; opacity: 0; position:fixed; bottom:0; left:-0.001%; width:100%; overflow: visible; transition: all 0.5s; z-index:200; background:#fff; box-shadow: 0 -2px 1px 0 #ccc;  
			}
			#float-footer {
				max-width: 1400px;/*1300px;*/ width:100%; margin: 0 auto; padding: 0px 5px; position: relative; overflow: hidden;
			}
			#float-footer-wrapper.not-on-footer {
				visibility: visible; opacity: 1; 
			}
			
			
			@media (max-width: 860px) {
			
				#top-row2 a {
					padding: 0 1px;
				}
			}


#float-footer .sidebox {
}
#float-footer .sidebox.topics {
	padding-bottom: 18px;
}
#float-footer .sidebox.topics p {
	line-height: 1.2;
}
#float-footer .sidebox.topics p a {
	color: #ff6600;
}


#float-footer .sidebox .box {
  width: 50%;
  float: left;
  padding-right: 5px;
  box-sizing: border-box;
  /*margin-bottom: 15px;*/
}

#float-footer .sidebox .box .inner {
  background-color: #F2F2F2;
}

#float-footer .sidebox .box:last-child {
  padding-left: 0;
  margin-bottom: 0;
}
#float-footer .sidebox .box .inner {
  width: 100%;
  table-layout: fixed;
  display: table;
}

#float-footer .sidebox .box img {
	/*display: none;*/
	width: 120px;
}

#float-footer .sidebox .box .image {
  width: 250px;
  display: table-cell;
  vertical-align: top;
}
#float-footer .sidebox .box .text {
  width: 100%;
  display: table-cell;
  box-sizing: border-box;
  padding: 20px 15px 20px 120px;
  position: relative;
  vertical-align: top;
}

#float-footer .sidebox.latest-story .box .text 
{
    padding: 20px 15px;
}

#float-footer .sidebox .box .text .title {
  /*font-weight: 400;
  font-size: 23px;*/
  font-weight: 400;
  font-size: 20px;
  text-decoration: none;
  line-height: 110%;
}
#float-footer .sidebox .box .text p {
  /*font-size: 16px;*/
  font-size: 14px;
}

#float-footer .sidebox > h3 {
    margin: 15px 0;
    font-size: 22px;
    font-weight: 500;
}

#float-footer .sidebox .inner {
  background-color: #f2f2f2;
  background-repeat: no-repeat;
  background-position:  left center; 
  background-size: 100px 100px; 
  min-height:100px;
  margin-bottom: 20px;
  height: 65px; /* firefox hacks */
}

.content_article .featured-post p.tags_section, .content_category p.tags_section {
	font-style: italic;
	padding-top: 20px;
	color: #666;
	font-size: 15px;
}

.content_category p.tags_section {
	padding-bottom: 20px;
}

.content_article .featured-post p.tags_section:before {
	content: '';
	display:block;
	width: 23px;
	height: 23px;
	float: left;
	margin-right: 5px;
	background: url(/20210324225948oe_/https://www.iso.cuhk.edu.hk/english/images/CUHKUPDates/new/icon_original_tags.png) no-repeat;
}

.content_article .featured-post p.tags_section a, .content_category p.tags_section a {
	color: #fff;
    border-radius: 3px;
    background: #B3B3B3;
	line-height: 100%;
	padding: 5px 10px;
	margin: 5px 5px 0 5px;
	display: inline-block;
}

.footer .footer-1 .footer-blocks .footer-box li a {
	padding-left: 5px;
}