/* header style start */
body {
	font-family: 'Noto Sans HK', sans-serif;
	font-weight: 500;
	background-color: #F7F8F1;
}
body._playing-intro{
	overflow: hidden;
}
body header,
body footer,
body .banner-section,
body .region-content > section{
	transition: opacity .3s .1s ease;
	opacity: 1;
}
body._playing-intro header,
body._playing-intro footer,
body._playing-intro .banner-section,
body._playing-intro .region-content > section{
	opacity: 0;
}

a {
	text-decoration: none !important;
}

p{
	font-size: 20px;
	line-height: 1.6em;
	color:#333333;
}

.desk-header {
	display: block;
	position: fixed;
	width: 100%;
	top:0;
	z-index: 101;
	/* transition: all .3s ease; */
}

.mobile-header {
	display: none;
}

.desk-footer {
	display: block;
}

.mobile-footer {
	display: none;
}

.header-logo {
	background-color: #FFFFFF;
	padding: 20px 0px;
	position: relative;
	z-index: 11;
}


/* .container{max-width:1230px;margin:auto;} */
.header-logo-row{
	position: relative;
}

.logo-text {
	display: flex;
	align-items: flex-end;
	font-family: "CSong3HK";
	font-size: 26px;
}

.logo-img img {
	/* width: 620px; */
	max-width: 100%;
}
.header-logo-wrapper{
	width: 100%;
	max-width: 100%;
	transition: max-width .5s ease, width .5s ease;
}
.desk-header._scrolled .header-logo-wrapper {
	max-width: 350px;
	width: 100%;
}

.desk-header._scrolled . {
	max-width: 350px;
	width: 100%;
}

.header-logo-wrapper .cancercare-logo-block{
	padding-right: 20px;
	border-right: 1px solid #212529;
}
.header-logo-wrapper .hkacs-logo-block{
	padding-left: 20px;
}
.header-utilities{
	position: absolute;
	right: 0;
}

.header-right {
	display: flex;
	align-items: flex-end;
	padding: 0 2%;
}

.header-right-btn {
	text-align: right;
}

.header-right-btn ul {
	margin: 0px;
	padding: 0px;
}

.header-right-btn li {
	display: inline-block;
	font-size: 22px;
}

.header-right-btn a {
	color: #333333 !important;
	margin: 0px 5px;
	cursor: pointer;
	transition: color .3s` ease;
}
.header-right-btn a:hover{
	color: #416852 !important;
}


.first-nav {
	background-color: #416852;
	position: relative;
	z-index: 10;
}

.header-right-btn a, .first-nav-btn a, .search-nav-btn a, .footer-btn-wapper a {
	display: inline-block;
}

.first-nav .menu {
	text-align: right;
}

.first-nav ul {
	margin-bottom: 0px;
}

.first-nav ul li {
	display: inline-block;
	padding: 3px 15px;
	vertical-align: middle;
	line-height: normal;
}

.first-nav a {
	font-size: 18px;
	color: #FFFFFF;
}

.search-nav {
	background-color: #EADCBD;
	position: relative;
	z-index: 1;
	box-shadow: 0 2px 5px rgba(0,0,0,0.15);
	margin-top: 0;
	transition: margin-top .5s ease;
}

.desk-header._scrolled .search-nav{
	margin-top: -62px;
}

.desk-header._pageScrollUp .search-nav{
	margin-top: 0;
}

.search-nav>div {
	position: relative;
}

.search-nav ul {
	margin-bottom: 0px;
	padding-left: 0px;
}

.search-nav li {
	list-style: none;
	display: inline-block;
	padding: 10px 30px 10px 0;
	vertical-align: middle;
	line-height: normal;
}

.search-nav-btn a {
	font-size: 22px;
	color: #333333;
	margin-right: 20px;
	padding: 5px 0;
}

.search-input-wapper {
	text-align: right;
}

.search-input {
  min-width: 210px;
  height: 44px;
  margin-top: 9px;
  line-height: 54px;
  font-size: 1em;
  padding: 0px 50px 0 15px;
  border: 0;
  width: 110px;
  background-color: #dfcfac;
  background-image: url(../images/search_icon.svg);
  background-repeat: no-repeat;
  background-position: right 20px top 11px;
  background-size: 20px;
  transition: background-color .3s ease;
}

.search-input:hover, .search-input:focus {
	background-color: #f5ead1;
}

.search-input::-webkit-input-placeholder {
	font-size: 20px;
}

.search-input:focus {
	outline: none;
}

#search-block-form .js-form-item.form-item {
	margin: 0px;
}

#block-cancercare-content #search-form {
	display: none;
}
#block-cancercare-content{padding-top:192px;padding-bottom: 45px;}
@media (max-width: 991px) {
	#block-cancercare-content{padding-top:81px}
}
#block-cancercare-content h2,
#block-cancercare-content h3,
#block-cancercare-content h4,
#block-cancercare-content h5{
	color: #333;
	text-align: left;
	margin: 0.5em 0 1em;
}
#block-cancercare-content h2{font-size: 1.5rem;}
#block-cancercare-content h3{font-size: 1.4rem;}
#block-cancercare-content h4{font-size: 1.2rem;}
#block-cancercare-content h5{font-size: 1.1rem;}
#block-cancercare-content p{
	font-size: 1.25rem;
	line-height: 1.6em;
	max-width: 920px;
	color: #333333;
	font-weight: 300;
	letter-spacing: 0.08em;
}
#block-cancercare-content li{
	margin-bottom: 0.4em;
	font-size: 1.25rem;
}
#block-cancercare-content li a:hover{
	text-decoration: underline;
}
#block-cancercare-content p img{margin-bottom: 15px;}
#block-cancercare-content p img.align-left{margin-right: 20px;}
#block-cancercare-content p img.align-right{margin-left: 20px;}
#block-cancercare-content table{margin: 15px 20px 20px 0;}
#block-cancercare-content table tr th,
#block-cancercare-content table tr td{
 padding: .35em .8em;
 border-bottom: 1px solid #ededed;
 background: rgba(255,255,255,0.8);
 transition: background .2s ease;
}
#block-cancercare-content table tr:hover td{
  background: rgba(255,255,255,0.2);
}
#block-cancercare-content table tr th{
 border-bottom: 2px solid #b8cdc1;
}
#block-cancercare-content table tr th h1,
#block-cancercare-content table tr th h2,
#block-cancercare-content table tr th h3,
#block-cancercare-content table tr th h4,
#block-cancercare-content table tr th h5{margin: .2em 0}

.search-result-section {
	padding: 50px 0 60px 0;
	min-height: 500px;
}

.search-result-section .search_title {
	font-size: 30px;
	padding: 20px 0px;
	color: #333333;
}

.search-results.node_search-results {
	list-style-type: decimal;
}

.search-results.node_search-results li {
	font-weight: 100;
	line-height: 25px;
	border-bottom: #DEE3E5 1px solid;
	margin-bottom: 20px;
}

.search_result .search-result__title a {
	font-size: 20px;
	color: #416852;
}

.node_search-results li::marker {
	color: #416852;
}

.search-result__snippet strong {
	color: #416852;
	font-weight: 700;
}

.search_keyword {
	color: #416852;
}

/* header style end */
/* footer style start */
footer {
	background-color: #416852;
}

.footer-btn-wapper {
	position: relative;
}

.footer-btn .menu {
	margin-top: 40px;
	text-align: right;
}

.footer-btn li {
	display: inline-block;
}

.facebook-btn {
	display: inline-block;
}

.facebook-btn img {
	padding-bottom: 5px;
}

.footer-btn {}

.footer-btn li {
	padding-left: 30px;
}

.footer-btn li a {
	font-size: 20px;
	color: #FFFFFF;
}

.footer-img {
	/* padding: 0px 20px; */
	max-width: 250px;
	margin-right: 10px;
}

.footer-logo {
	vertical-align: top;
}

.facebook-icon {
	background-image: url(../images/facebook_icon_white.svg);
}

.footer-nav {
	padding-top: 60px;
	padding-bottom: 60px;
}

.footer-txt-first {
	color: #FFFFFF;
	padding-left: 12%;
}

.footer-bottom-txt {
	padding-top: 2%;
	padding-bottom: 80px;
}

.footer-txt-second {
	color: #FFFFFF;
	text-align: right;
}

/* .home-nav-button {
    visibility: hidden;
} */
@media (min-width: 1500px) {
	/* .home-nav-button {
        visibility: visible;
    } */
}

.desk-footer .home-nav-button {
	position: fixed;
	right: 1.5%;
	bottom: 3%;
}

.home-nav-button .house-btn-content img {
	position: relative;
	width: 82px;
}

.desk-footer .home-nav-button .house-btn {
	position: relative;
	left: 0;
	right: 0;
	width: 110px;
	height: 110px;
	margin: 0 auto 32px;
	text-align: center;
	background-color: #FFFFFF;
	box-shadow: 0px 2px 15px #0000001a;
	border-radius: 50%;
}

.desk-footer .home-nav-button .house-btn-content {
	top: 50%;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -38%);
}

.home-nav-button .house-btn-content{
	color: #FFFFFF;
	font-size: 16px;
}

.home-nav-button .house-btn-content {
}
.house-btn-txt{
	font-size: 14px;
	color: #416852;
	position: relative;
	width: 80px;
}

.home-nav-button .plan-btn {
	position: relative;
	left: 0;
	right: 0;
	width: 110px;
	height: 110px;
	margin: 0 auto 32px;
	text-align: center;
	background-color: #FFFFFF;
	box-shadow: 0px 2px 15px #0000001a;
	border-radius: 50%;
}

.home-nav-button .plan-btn .plan-btn-content-wrapper {
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
	margin: auto;
	left: 0;
	right: 0;
}
.home-nav-button .plan-btn .plan-btn-content-wrapper img{
	position: relative;
	width: 88px;
}

.home-nav-button .plan-btn .plan-btn-txt {
	line-height: 1.5;
	display: inline-block;
	vertical-align: middle;
}

.home-nav-button .plan-btn,
.disclaimer-btn .btn-wapper{
	font-size: 14px;
	color: #416852;
}

.home-nav-button .disclaimer-btn {
	position: relative;
	left: 0;
	right: 0;
	margin: 0 auto 32px;
	width: 84px;
	height: 84px;
	line-height: 84px;
	text-align: center;
	background-color: #FFFFFF;
	box-shadow: 0px 2px 15px #0000001a;
	border-radius: 50%;
}

.home-nav-button .disclaimer-btn .btn-wapper {
	line-height: 1.5;
	display: inline-block;
	vertical-align: middle;
}

.home-nav-button .disclaimer-btn .btn-wapper img {
	width: 11px;
}

/* .desk-footer .home-nav-button .house-btn{
    background-image:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='157.511' height='145.087' viewBox='0 0 157.511 145.087' fill='#177F32'><path id='Path_3402' data-name='Path 3402' d='M265.016,94.95l-76.235-51.3a2.5,2.5,0,0,0-2.809,0l-76.235,51.3a2.516,2.516,0,0,0,1.4,4.6h8.779v85.189a3.563,3.563,0,0,0,3.568,3.561h46.834a3.557,3.557,0,0,0,3.561-3.561V172.528a3.569,3.569,0,0,1,3.568-3.568H197.3a3.569,3.569,0,0,1,3.568,3.568v12.216a3.563,3.563,0,0,0,3.568,3.561h46.834a3.557,3.557,0,0,0,3.561-3.561V99.555h8.779A2.518,2.518,0,0,0,265.016,94.95Z' transform='translate(-108.618 -43.218)'></path></svg>");
} */
/* footer style end */

.home-banner img {
	width: 100%;
}

.home-banner .desk-banner {
	display: block;
}

.home-banner .mobile-banner {
	display: none;
}

.home-page {
	background-color: #F7F8F1;
}

/* info section start */
.info-section .info-icon {
	padding: 30px 10px;
	text-align: right;
}

.info-section .info-icon a {
	padding: 0px 10px;
}

.info-section .info-icon a img {
	max-width: 26px;
}

.info-section .info-card {
	min-height: unset;
	position: relative;
}

.info-section .info-card .card-content {
	color: #FFFFFF;
	background-color: #416852;
	padding: 23px 34px;
}

.info-section .info-card .card-content a {
	/*display: inline-flex;*/
	color: #FFFFFF;
}
.info-section .info-card .card-img{
	position: relative;
	overflow: hidden;
	border-radius: 0;
}
.info-section .info-card .card-img img {
	max-width: 100%;
}

.info-section .info-card .card-title {
	font-size: 28px;
	margin-bottom: 20px;
}

.info-section .info-card .card-desc {
	font-size: 18px;
	min-height: 130px;
	max-height: 200px;
}

.info-section .more-btn {
	display: inline-block;
	line-height: 28px;
}

.info-section .more-btn a {
	font-size: 18px;
	display: table;
}

.info-section .more-btn div {
	display: table-cell;
}

.info-section .more-btn img {
	margin-left: 16px;
	width: 28px;
	height: 28px;
	/*display: table-cell;*/
}

/* info section end */
/* promo section start */
.title-wapper {
	margin-bottom: 20px;
	position: relative;
}

.title-wapper:before {
	content: " ";
	border: 1px solid #dfe5dd;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 50%;
}

.section-title {
	display: inline-block;
	padding-right: 20px;
	position: relative;
	font-size: 36px;
	background: #f7f8f2;
}

.title-middle-line {
	display: inline-block;
	width: calc(100% - 190px);
	text-align: left;
	border-bottom: 2px solid #416852;
	opacity: 0.13;
	line-height: 0.1em;
	margin: 12px 1px 10px;
}

.promo-section, .handbook-section, .share-section, .support-section, .disclaimer-section, .interview-section {
	margin-top: 60px;
}

.promo-section .promo-card {
	background-color: #FFFFFF;
	box-shadow: 2px 3px 20px #E0DCC9;
	padding: 25px;
	/* padding: 3%; */
}

.promo-section .promo-card .main-video {
	position: relative;
	margin-bottom: 15px;
	overflow:hidden;
}

.promo-section .promo-card .small-video {
	position: relative;
}
.promo-section .promo-card .sub-video .small-video img,
.promo-section .promo-card .main-promo .main-video img{
	transform: scale(1);
	transition: transform .3s ease-out;
}
.promo-section .promo-card .sub-video:hover .small-video img,
.promo-section .promo-card .main-promo:hover .main-video img{
	transform: scale(1.05);
}

.promo-section .promo-paly-btn {
	background-image: url("../images/play_btn.svg");
	opacity: 0.5;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	background-size: 100px 100px;
	background-position: center center;
	position: absolute;
	top: 0px;
	left: 0px;
}

.promo-section .small-video-wapper .small-promo-paly-btn {
	background-image: url("../images/play_btn.svg");
	opacity: 0.5;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	background-size: 50px 50px;
	background-position: center center;
	position: absolute;
	top: 0px;
	left: 0px;
}

.promo-right .small-promo-video {
	width: 100%;
	height: auto;
	display: block;
}

.promo-section .promo-video {
	width: 100%;
	height: auto;
	display: block;
}

.promo-section .video-player {
	width: 100%;
	min-height: 350px;
}

.main-promo .main-video-content .video-title a {
	color: #212529;
	font-size: 28px;
}

.main-promo .main-video-content .video-desc {
	font-size: 18px;
	padding: 10px 0px;
}

.sub-video-content .sub-category {
	font-size: 18px;
	color: #416852;
}

.sub-video-content .sub-title a {
	font-size: 24px;
	color: #333333;
}

.promo-right .sub-video {
	padding-bottom: 15px;
}

.promo-more .promo-more-icon {
	padding-left: 10px;
	width: 38px;
}

.promo-right .promo-more {
	/* padding-left:3%; */
	margin-top: 10px;
}

.promo-more a {
	display: flex;
	align-items: center;
	font-size: 18px;
	color: #333333;
}

/* promo section end */
/* handbook section start */
.col-blue {
	background-color: #002F67;
}

.col-blue-light {
	background-color: #00A0B3;
}

.col-brown {
	background-color: #985B18;
}

.col-orange {
	background-color: #F48256;
}

.col-purple {
	background-color: #9D76B3;
}

.col-blue2 {
	background-color: #496FAC;
}

.col-yellow {
	background-color: #FFCB00;
}

.col-green {
	background-color: #416852;
}

.col-green2 {
	background-color: #76a023;
}

.col-green3 {
	background-color: #5ea56e;
}

.col-green4 {
	background-color: #4E9480;
}

.col-green5 {
	background-color: #416852;
}

.col-pink {
	background-color: #eca1a8;
}

.handbook-section .col-12 {
	margin-bottom: 30px;
}

.handbook-section .handbook-item {
	padding: 15px 20px 15px 20px;
	display: table;
	height: 100%;
	min-height: 120px;
	width: 100%;
}

.handbook-section .handbook-title {
	width: 100%;
	font-size: 30px;
	color: #FFFFFF;
	display: table-cell;
	padding-right: 10px;
}

.handbook-section .handbook-btn {
	display: table-cell;
	vertical-align: top;
	line-height: 40px;
	text-align: right;
}

.handbook-section .handbook-btn img {
	width: 18px;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
}

/* handbook section end */
/* share section start */
.share-section .share-row-wapper {
	padding: 60px 15px;
}

.share-section .share-item-wapper {
	text-align: right;
}

.share-section .share-title-wapper {
	display: flex;
	align-items: center;
}

.share-section .share-item img {
	max-width: 60px;
}

.share-section .share-item {
	text-align: center;
	background-color: #FFFFFF;
	box-shadow: 2px 6px 20px #416852;
	padding: 40px 0px;
}

.share-section {
	background-color: #4E9480;
}

.share-section .share-title {
	font-size: 36px;
	color: #FFFFFF;
}

.share-section .share-item div {
	font-size: 20px;
	color: #333333;
	padding-top: 25px;
}

/* share section end */
/* support section start */
.support-section {}

.support-section .title-middle-line {
	width: calc(100% - 250px);
}

.support-section .col-12 {
	margin-bottom: 30px;
}

.support-section .support-item {
	background-color: #FFFFFF;
	display: table;
	height: 110px;
	width: 100%;
	background-size: 105%;
	background-position: center;
	transition: background-size .3s ease-out, box-shadow .3s ease;
}
.support-section .support-item:hover {
	background-size: 115%;
}

.support-section .support-item .support-title {
	font-size: 24px;
	color: #333333;
	display: table-cell;
	vertical-align: middle;
	line-height: 28px;
	padding: 0px 15px;
}

.support-section .support-item .support-title a {
	color: #333333;
	min-height: 80px;
}

.support-section .support-item .support-title a span {
	display: inline-block;
}

/* support section end */
/* disclaimer section start */
.disclaimer-section, .interview-section {
	margin-bottom: 60px;
}

.disclaimer-section .disclaimer-wapper {
	background-color: #4E9480;
	color: #FFFFFF;
	padding: 25px 40px;
}

.disclaimer-section .disclaimer-wapper {
	/* padding: 3%; */
}

.disclaimer-section .disclaimer-title {
	font-size: 24px;
	padding-bottom: 20px;
}

.disclaimer-section .disclaimer-content {
	font-size: 18px;
}

.disclaimer-section .disclaimer-content a {
	color: #FFFFFF;
}

/* disclaimer section end */
/*.scroll-to-top {
	cursor: pointer;
	position: fixed;
	bottom: 60%;
	right: 5%;
	z-index: 100;
	opacity: 1;
	transform: translateY(100px);
	transition: all .5s ease
}*/

.showBtn {
	opacity: 1;
	transform: translateY(0)
}

.to-top-img img {
	width: 45px;
}

.scroll-to-top .to-top-txt {
	padding-top: 10px;
	font-size: 18px;
	color: #416852;
	text-align: center;
}

.handbook-subcat .subcat-content {
	margin-bottom: 15%;
}

.handbook-subcat .subcat-content li {
	margin-bottom: 10px;
}

.region.region-lan-switcher {
	display: inline-block;
}

.preface-content .article-title {
	text-align: left;
}

.preface-content h1 {
	text-align: center;
}

.preface-cat-title{
	margin-bottom: 1em;
}


.return-btn {
	color: #416852;
	font-weight: 500;
}
#breadcrumbs,
#breadcrumbs li,
#breadcrumbs li a{
	font-size: 1rem;
}

#breadcrumbs {
	list-style: none;
	display: flex;
	padding: 20px 16px 0;
	max-width: 1140px;
	margin: auto;
}

#breadcrumbs li {
	margin: 10px 5px 10px 0;
	color: #666666;
}

#breadcrumbs li a {
	color: #526c55;
	text-decoration: none;
}

#breadcrumbs li a:hover {
	transition-delay: 50ms;
	transition: 50ms;
	color: #416852;
	text-decoration: underline;
}

#breadcrumbs li+li:before {
	padding: 8px;
	color: #666666;
	content: "/\00a0";
}

#toolbar-bar {
	position: fixed;
	width: 100%;
}

.first-nav ul.menu a, .first-nav ul.menu a.is-active{
  color: #fff;
	opacity: 0.85;
	transition: opacity .2s ease;
}

.first-nav ul.menu a:hover, .first-nav ul.menu a.is-active:hover{
	opacity: 1;
}

.bottom-btn{
	margin: 50px 0;
}


@media (max-width: 991px) {
	.desk-header {
		display: none;
	}
	
	.mobile-header {
		display: block;
		position: fixed;
		top: 0px;
		width: 100%;
		z-index: 20;
		background: #416852;
	}

	.desk-footer .home-nav-button .scroll-to-top-btn{
		display: block;
		position: relative;
	 	width: 50px;
	 	height: 50px;
	 	line-height: 50px;
	}

	.home-nav-button .house-btn,
	.home-nav-button .plan-btn,
	.home-nav-button .disclaimer-btn{
		display: none !important;
	}

	.to-top-img img{
		width: 30px;
	}

	.mobile-footer {
		display: block;
	}

	.mobile-header>div {
		background-color: #416852;
		padding: 10px 15px;
	}

	.mobile-header .memu-btn img {
		width: 24px;
	}

	.mobile-header .menu-title {
		display: inline-block;
		font-size: 20px;
		color: #FFFFFF;
		line-height: 23px;
		vertical-align: middle;
	}

	.mobile-header .menuBtn-wapper {
		display: inline-block;
		text-align: center;
		vertical-align: middle;
	}

	.mobile-header .logo-mobile {
		display: inline-block;
		width: calc(100% - 62px);
		text-align: left;
	}

	.mobile-header .memu-btn {
		display: inline;
	}

	.mobile-header .logo-mobile img {
		max-width: 100%;
		max-height: 80px;
	}

	.mobile-header .search-btn {
		height: 21px;
		width: 21px;
		background-size: cover;
		background-image: url(../images/ico_search_white.png);
		display: inline-block;
		vertical-align: middle;
		padding: 0px;
	}

	.mobile-header .search-input-mobile {
		line-height: 54px;
		height: 100%;
		font-size: 14px;
		padding: 2px 15px 0 38px;
		border: 0;
		width: 80px;
		background-image: url(../images/search_btn_white.svg);
		background-color: #416852;
		background-repeat: no-repeat;
		background-position: right 10px top 21px;
		background-size: 22px;
	}

	.mobile-header .search-input-mobile:focus {
		/* width: 300px;
        background-image: url(../images/search_btn_white.svg);
        background-color: rgba(200, 200, 200, 0.15); */
	}

	.disclaimer-section, .interview-section {
		margin-top: 20%;
	}

	.home-banner .desk-banner {
		display: none;
	}

	.home-banner .mobile-banner {
		display: block;
		height: auto;
	}

	.info-section .info-card {
		margin-bottom: 30px;
	}

	.promo-card .main-video-content {
		padding-top: 30px;
		padding-bottom: 20px;
	}

	.promo-card .promo-right {
		/* padding-left: 0px; */
		/* padding-right: 0px; */
	}

	.handbook-section .title-wapper {
		margin-top: 40px;
	}

	.handbook-section .disclaimer-title {
		padding: 10px 0px;
	}

	.handbook-section .disclaimer-content a {
		color: #333333;
	}

	.handbook-section .handbook-item {
		max-width: 100%;
	}

	.share-section .share-item-wapper {
		text-align: left;
	}

	.share-section .share-item {
		/* margin: 12px 0px; */
		/* width: 205px; */
		/* height: 205px; */
		padding: 20px 0px;
		margin-bottom: 30px;
	}

	.support-section .support-item {
		width: 100%;
	}

	.sub-video-content .sub-category {
		font-size: 16px;
		color: #666666;
	}

	.disclaimer-section>div {
		background-color: unset;
		color: #333333;
	}

	.disclaimer-section .disclaimer-wapper .disclaimer-content a {
		color: #333333;
	}

	.mobile-footer .footer-imgs-wapper {
		padding-bottom: 80px;
		text-align: center;
	}

	.mobile-footer .footer-imgs-wapper img {
		width: 280px;
		height: 170px;
	}

	.mobile-footer .footer-btn {
		position: unset;
		text-align: center;
	}

	.mobile-footer .footer-btn>div {
		padding-bottom: 30px;
	}

	.footer-txt-second {
		text-align: center;
	}

	.scroll-to-top {
		display: none;
	}

	.share-section .share-title-wapper {
		margin-bottom: 20px;
		display: block;
	}

	.share-section .share-title-wapper span {
		padding-right: 20px;
		background: #4e9480;
		z-index: 1;
		position: relative;
	}

	.share-section .share-title-wapper .share-title {
		position: relative;
	}

	.share-section .share-title-wapper .share-title:before {
		content: " ";
		border: 1px solid #dfe5dd;
		width: 100%;
		position: absolute;
		left: 0px;
		top: 50%;
	}

	.footer-nav {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.promo-section, .handbook-section, .share-section, .support-section, .disclaimer-section {
		margin-top: 40px;
	}

	.share-section .share-row-wapper {
		padding: 40px 15px;
	}

	.footer-img, .footer-logo {
		display: block;
		margin: auto;
		margin-bottom: 40px;
	}

	.desk-footer {
		text-align: center;
	}

	.footer-btn ul {
		padding-left: 0px;
	}

	.footer-btn ul li {
		display: block;
		padding-left: 0px;
		text-align: center;
		margin-bottom: 30px;
	}

	#menuBtn {
		width: 26px;
		height: 16px;
		display: inline-block;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
		z-index: 99;
		position: relative;
	}

	#menuBtn span {
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		background: #fff;
		border-radius: 9px;
		opacity: 1;
		left: 0;
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	#menuBtn span:nth-child(1) {
		top: 0px;
	}

	#menuBtn span:nth-child(2), #menuBtn span:nth-child(3) {
		top: 10px;
	}

	#menuBtn span:nth-child(4) {
		top: 20px;
	}

	#menuBtn.on span:nth-child(1) {
		transform: rotate(45deg) translate(6px, 5px);
	}

	#menuBtn.on span:nth-child(2), #menuBtn span:nth-child(3) {
		opacity: 0;
	}

	#menuBtn.on span:nth-child(4) {
		transform: rotate(-45deg) translate(9px, -8px);
	}

	.search-result-section {
		padding-top: 15%;
	}

	.mobile-header .container {
		display: none;
		/* opacity: 0; */
	}

	.mobile-header .container.active {
		display: block;
	}

	.mobile-header .search-input {
		width: 90%;
		padding: 0px 20px;
	}

	.mobile-header .search-nav-btn ul.menu {
		margin: 0px;
		padding-top: 30px;
		padding-left: 20px;
		text-align: left;
	}

	.mobile-header .search-nav-btn a {
		color: #fff;
		ul.menu a.is-active
	}

	.mobile-header #block-header-btn ul.menu {
		margin: 0px;
		padding-left: 20px;
	}

	.mobile-header #block-header-btn .menu a {
		font-size: 22px;
		color: #fff;
	}

	.mobile-header .header-right-btn {
		padding-left: 30px;
		padding-top: 10px;
		padding-bottom: 30px;
		text-align: left;
	}

	.mobile-header .header-right-btn a {
		font-size: 16px;
		color: #fff !important;
	}
}

/* ----------------------------------

Animation Classes

---------------------------------- */
.search-nav-btn .menu .menu-item a{
	position: relative;
}
.search-nav-btn .menu .menu-item a:before, .search-nav-btn .menu .menu-item a:after {
  content: "";
  position: absolute;
  bottom: -10px;
  width: 0px;
  height: 5px;
  margin: 5px 0 0;
  transition: all 0.3s ease-in-out;
  transition-duration: 0.3s;
	opacity: 0;
  background-color: #416852;
}
.search-nav-btn .menu .menu-item a:before {
  left: 50%;
}
.search-nav-btn .menu .menu-item a:after {
  right: 50%;
}
.search-nav-btn .menu .menu-item a{
	transition: color .3s ease;
}
.search-nav-btn .menu .menu-item.menu-item--active-trail a,
.search-nav-btn .menu .menu-item a:focus,
.search-nav-btn .menu .menu-item a:hover{
	color: #416852;
}
.search-nav-btn .menu .menu-item.menu-item--active-trail a:before,
.search-nav-btn .menu .menu-item.menu-item--active-trail a:after,
.search-nav-btn .menu .menu-item a:focus:before,
.search-nav-btn .menu .menu-item a:focus:after,
.search-nav-btn .menu .menu-item a:hover:before,
.search-nav-btn .menu .menu-item a:hover:after {
	opacity: 1;
  width: 50%;
}

/*
.ani-type-slideRight:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right:0;
	z-index: 10;
	background: #fff;
	transition: width .5s .3s ease-out;
}

._visible .ani-type-slideRight:before{
	width: 0;
}
 .ani-type-slideRight:after{
	content: "";
	position: absolute;
	width: 0;
	height: 100%;
	top: 0;
	z-index: 11;
	background: #416852;
}
._visible  .ani-type-slideRight:after{
	animation: coverSlideRight 1s ease;
}


@keyframes coverSlideRight {
  0%   {width: 0%;left:0;}
  50%  {width: 100%;left:0;}
  51%  {width: 100%;right:0;left:inherit;}
  100% {width: 0%;right:0;left:inherit;}
}
@keyframes coverSlideTop {
  0%   {height: 0%;}
  50%  {height: 100%;}
  100% {height: 0%;}
}

.ani-type-fadeUp{
	opacity: 0;
  transform: translateY(50px);
	transition: opacity .35s ease, transform .5s ease-out;
}
._visible .ani-type-fadeUp{
	opacity: 1;
  transform: translateY(0);
}
*/

/* ------------------------

HOVER EFFECTS

------------------------ */

.hover_shadow,
.hover_scaleLarger,
.info-icon a,
.info-card{
	transition: all .3s ease;
}
.hover_shadow:hover{box-shadow: 0 10px 20px rgba(0,0,0,.2);}
.hover_scaleLarger{transform:scale(1);}
.hover_scaleLarger:hover{transform:scale(1.1);}

.info-icon a{opacity: 0.85}
.info-icon a:hover{opacity: 1}

.info-card:hover{box-shadow: 0 10px 20px rgba(0,0,0,.2);}


.info-section .info-card .card-img img {
	max-width: 100%;
	transform: scale(1.05);
	transition: transform .3s ease-out;
	-webkit-transition: transform .3s ease-out;
	-moz-transition: transform .3s ease-out;
	-o-transition: transform .3s ease-out;
}
.info-section .info-card:hover .card-img img {
	transform: scale(1.15);
}
.info-section .info-card .card-title{
	opacity: 0.9;
	transition: opacity .3s ease-out;
	-webkit-transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	-o-transition: opacity .3s ease-out;
}
.info-section .info-card:hover .card-title{
	opacity: 1;
}

.info-section .info-card .card-desc{
	opacity: 0.8;
	transition: opacity .3s ease-out;
	-webkit-transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	-o-transition: opacity .3s ease-out;
}
.info-section .info-card:hover .card-desc{
	opacity: 1;
}
.info-section .info-card .more-btn img{
	transition: margin-left .3s ease-out;
	-webkit-transition: margin-left .3s ease-out;
	-moz-transition: margin-left .3s ease-out;
	-o-transition: margin-left .3s ease-out;
}
.info-section .info-card:hover .more-btn img{
	margin-left: 30px
}

.house-btn,
.plan-btn,
.scroll-to-top-btn,
.disclaimer-btn{
	transform: scale(1);
	transform-origin: center;
	transition: transform .2s ease-out;
}
.house-btn:hover,.house-btn:focus,
.plan-btn:hover,.plan-btn:focus,
.disclaimer-btn:hover,.disclaimer-btn:focus,
.scroll-to-top-btn:hover, .scroll-to-top:focus{
	transform: scale(1.15);
}

.handbook-item{position: relative;}
.handbook-item:before{
	content: "";
	height: 100%;
	width: 0;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	opacity: 0.1;
	transition: width .3s ease-out,box-shadow .3s ease;
	-webkit-transition: width .3s ease-out,box-shadow .3s ease;
	-moz-transition: width .3s ease-out,box-shadow .3s ease;
	-o-transition: width .3s ease-out,box-shadow .3s ease;
}
.handbook-item:hover:before{
	width: 100%;
	box-shadow: 0 10px 20px rgba(0,0,0,.2);
}
.handbook-item .handbook-btn{
	opacity: 0.5;
	transform: translate(0,0);
	transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
}
.handbook-item:hover .handbook-btn{
	opacity: 1;
	transform: translate(8px,0);
}

.desk-footer .footer-btn li a{color: #d7e7de; transition: color .2s ease;}
.desk-footer .footer-btn li a:hover{color: #fff}


/* ------------------------

PROMO CARD ANIMATION

------------------------ */
/*
.promo-card .main-video:before,
.promo-card .small-video:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right:0;
	z-index: 10;
	background: #fff;
	transition: width .5s .3s ease-out;
}
._visible .promo-card .main-video:before,
._visible .promo-card .small-video:before{
	width: 0;
}
.promo-card .main-video:after,
.promo-card .small-video:after{
	content: "";
	position: absolute;
	width: 0;
	height: 100%;
	top: 0;
	z-index: 11;
	background: #416852;
}
._visible .promo-card .main-video:after{
	animation: coverSlideRight 1s ease;
}


.share-item-wapper .col:nth-child(1) .ani-type-fadeUp{transition: opacity .35s ease, transform .5s ease-out;}
.share-item-wapper .col:nth-child(2) .ani-type-fadeUp{transition: opacity .35s ease, transform .8s ease-out;}
.share-item-wapper .col:nth-child(3) .ani-type-fadeUp{transition: opacity .35s ease, transform 1.1s ease-out;}
.share-item-wapper .col:nth-child(4) .ani-type-fadeUp{transition: opacity .35s ease, transform 1.4s ease-out;}
*/



#views-exposed-form-handbook-category-list-page-1 {
	display: none;
}


.handbook-cat-list-wapper{
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.handbook-cat-list-wapper li a{
    color: #416852;
    font-size: 1.25rem;
}

.handbook-cat-list{
	min-height: 400px;
}

.home-nav-button .scroll-to-top-btn {
	position: relative;
    left: 0;
    right: 0;
    margin: auto;
    width: 84px;
    height: 84px;
    line-height: 84px;
    text-align: center;
    background-color: #FFFFFF;
    box-shadow: 0px 2px 15px #0000001a;
    border-radius: 50%;
}

.home-nav-button .scroll-to-top .to-top-img{
	position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    margin: auto;
    left: 0;
    right: 0;
}




/*2022-05-04 begin*/
.article-desc table{max-width:100%}
.article-desc a{word-break: break-all;}
.article-desc table tr td{border-bottom: 0 !important;}
.article-desc table tr{border-bottom: 1px solid black;}
table tr:hover{background-color: #ccc;}

.pager__item{padding: 0;}
#block-cancercare-content > h2{display: none;}
#block-cancercare-content .search-result-section{ padding: 0px 0 60px 0;}

.s_ellipsis{    height: 44px; width: 54px;
    display: block;
    text-decoration: none !important;
    color: #000;
    padding: 6px 15px;
    border: 1px solid #ddd;
    float: left;
    margin-right: 6px;
    border-radius: 8%;
    box-shadow: 2px 3px 20px #e0dcc9;
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
}
.interview-article iframe{width:100% !important; max-width: 690px; height:388px !important}
.interview-inner .video-card{margin-top: 50px;}
.data_url{cursor: pointer;}
.line-5 ,.line-6{color:white}

.sub-video-content .sub-title a{
    font-size: 1.2rem !important;
}
.video-title a{font-size: 1.35rem !important;}
.handbook-subcat .subcat-content a{color:#416852}
.search-results li{ list-style-type: none;}
.search-results.node_search-results li {border-bottom: 0;}
.search-result__snippet-info{border-bottom: #DEE3E5 1px solid;}
.info-section .more-btn img{    position: relative; top: -2px;}
@media (min-width: 768px){
	.desk-footer .menu{display: flex;justify-content: right;}
	.desk-footer .menu .menu-item{padding-left: 10px;}
	.footer-btn li a{font-size: 16px;}
	.footer-txt-second{text-align: right;}
}
@media (min-width: 991px){
	.desk-footer .menu{display: flex;justify-content: right;}
	.desk-footer .menu .menu-item{padding-left: 34px;}
	.footer-btn li a{font-size: 18px;}
	.footer-txt-second{text-align: right;}
}
@media (max-width: 1199px){
	.interview-article iframe{height:388px !important}
	.interview-article .full_width{height:343px !important;max-width:610px !important}
	#block-cancercare-content #breadcrumbs{max-width: 960px;}
}
@media (max-width: 991px){
	.interview-article .full_width{max-width:610px !important}	
	.interview-article .title-wapper:before{display: none;} 
	.interview-article .title-wapper{display:block !important}
	.interview-article .section-title{width:100%;}
	.interview-article .info-icon{padding-left:0 !important;  text-align: right; width:100%}
	.interview-inner .interview-article{padding-top: 0;}
	.interview-article .section-title h1{margin-bottom: 30px !important;}
	#block-cancercare-content #breadcrumbs{max-width: 720px; display: block !important;}
	.search-nav-btn ul .menu-item{padding-top:0}
	.mobile-header #block-header-btn .menu a{  height: 38px;}
	.search-nav-btn a{padding:4px 0}
	.search-input{background-image:none}
	#search-block-form .js-form-submit{transform: unset !important;    right: 0 !important; top: 0 !important;}
	#search-block-form{position: relative !important;}
	#block-cancercare-content{padding-top:120px}
}

@media (max-width: 767px){
	.interview-article iframe{height:287px !important}
	.interview-article .full_width{height:287px !important;}
	#block-cancercare-content #breadcrumbs{max-width: 540px;}
}
@media (max-width: 576px){
	#block-cancercare-content #breadcrumbs{max-width: 540px;}
	.info-section .info-card:hover .more-btn img{
		margin-left: 16px
	}
	.b-poem-tc{position: relative; transform: translate(0,-50%);}
	.intro-skip-btn{top:-110px}
}

@media (max-width: 500px){
	.interview-article iframe{   
		height: 197px !important;
		width: 350px !important;
	}
	.interview-inner .video-card{margin-top: 30px;}
}

@media (max-width: 384px){
	.interview-inner h1, .interview-inner h2, .interview-inner h3{margin-top: 26px;}
	#block-cancercare-content{padding-top:170px}
}


@media print {
	#block-cancercare-content #breadcrumbs{display: none !important;}
	#block-cancercare-content .info-icon{display: none !important;}
	#block-cancercare-content .section-title{margin-top: 40px;}
}

/*2022-05-04 end*/

/*2022-07-13 start */
body:lang(zh-hans){font-family: 'Noto Sans SC', sans-serif;}
/*2022-07-13 end */

/*20241106 start*/
.ani-type-fadeUp .views-row:nth-child(6) .handbook-title{
	font-size: 1.82rem;
}
/*20241106 end*/