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


h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

body {
    color: #474747;
    margin: 0;
    overflow-x: hidden;
    padding: 0;
    text-decoration: none;
	border-top: solid #20b97b 5px;
}
img {
    border: 0 none;
}

ul, li {
    list-style: none outside none;
	margin:0;
	padding:0;
}

a {
    text-decoration: none;
}
.pad0{
	padding:0;
}
.icon-dot{
    border-radius: 2px;
    display: block;
    height: 4px;
    width: 4px;
	background:#888;
	margin:1px 8px 0 8px;
}

.container{
	min-width:300px;
}
#fb-root{
	width:1px;
	display:none;
}
/* Side Menu */
.header{
	background:#fff;
	border:0;
	margin-bottom:0px;
}

.logo{margin-top:20px;}

.header_container{
	margin-bottom:0px;
	min-height:100px!important;
	position:relative;
	max-width:1250px;
}


.header .menu{
	margin-top:95px;
	margin-right:0px;
	border:0;
	padding-bottom:0px;
	position:relative;
}

.header .menu .donation a{color:#ff9619; padding-top:27px;}
.header .menu .subscribe a{color:#4ec4f0; padding-top:27px;}
.header .menu .contact a{color:#20b97b; padding-top:27px;}
.header .menu .fb a{padding-right:5px;}
.header .menu .donation a:hover{color:#ff9619;}
.header .menu .subscribe a:hover{color:#4ec4f0;}
.header .menu .contact a:hover{color:#20b97b;}
@media screen and (max-width: 1280px) {
	.header .menu{ padding-right:0px; }
}

@media screen and (max-width: 992px) {
	.header .menu{ padding-right:0px; }
}
.header .topmenu{
	float:right;
	font-size:12px;
    height: 25px;
    line-height: 25px;
    padding: 0 10px 0 0;
    position: absolute;
    right: 0;
    top: -93px
}

.header .topmenu > span{
    margin: 0 10px 0 0;
	padding-right:15px;
	display:inline-block;
}

.header .topmenu > span a{
	color:#474747;
}

.header .topmenu .lang{
    margin: 0 5px 0 0;
	border-right:solid 0px #ccc;
	padding-right:7px;
}

.header .topmenu .lang .active{
	font-weight:bold;
	color: #20b87b;
}

.nav{
	margin-right:0;
}
.nav li{
	-webkit-transition:all 0.6s linear;
	-moz-transition:all 0.6s linear;
	-ms-transition:all 0.6s linear;
	-o-transition:all 0.6s linear;
	transition:all 0.6s linear;
}

.nav .donation{
	background: url(/20220903154335oe_/https://hkacs.org.hk/images/common/orange.png) center 81px no-repeat ;
}

.nav .subscribe{
	background: url(/20220903154335oe_/https://hkacs.org.hk/images/common/blue.png) center 81px no-repeat  ;
}

.nav .contact{
	background: url(/20220903154335oe_/https://hkacs.org.hk/images/common/green.png) center 81px  no-repeat ;
}
.nav .donation:hover{
	background: url(/20220903154335oe_/https://hkacs.org.hk/images/common/orange.png) center 0px  no-repeat ;
}

.nav .subscribe:hover{
	background: url(/20220903154335oe_/https://hkacs.org.hk/images/common/blue.png) center 0px  no-repeat ;
}

.nav .contact:hover{
	background: url(/20220903154335oe_/https://hkacs.org.hk/images/common/green.png) center 0px  no-repeat ;
}
.topmenu{
	margin-right:-17px;
}

@media screen and (max-width: 992px) {
.header .topmenu {
    top: 2px;
}
}



.top-search{
	margin:8px 0 0px 0;
	padding:0px 15px;
	border:solid 1px #dcdcdc;
	width:100%;
	border-radius:3px;
}

#search{
	border:0;
	width:200px;
}

@media screen and (max-width: 768px) {
	
.header .topmenu {
    display: block;
    float: none;
    height: auto;
    left: auto;
    position: relative;
    top: 0px;
    whitepace: normal;	
	padding:0;
}

.header .topmenu .search {
	display:block;
	margin:0;
}

.header .topmenu > span{
	padding-right:0;
	
}

.header .topmenu .lang{
	border-radius: 5px;
	padding:5px 10px;
	margin:15px 5px;	
	font-size:14px;
	border:solid 1px #CCC;
}

.top-search{
	width:258px;
	margin:0 auto;
}
.header .menu {padding:0 15px;}
.header .menu .donation a{color:#ff9619; padding:10px 0; border-bottom:solid 1px #f2f2f2;}
.header .menu .subscribe a{color:#4ec4f0; padding:10px 0; border-bottom:solid 1px #f2f2f2;}
.header .menu .contact a{color:#20b97b; padding:10px 0; border-bottom:solid 1px #f2f2f2;}
}

/* Side Menu */
.sidemenu{
	max-width:250px;
	margin-left:35px;
	width:25%;
}

@media screen and (max-width: 1300px) {
.sidemenu{
	margin-left:0px;
}
.sidemenu{
	padding-left:15px;
}
}

@media screen and (max-width: 992px) {
.sidemenu{
	margin-left:0px;
		width:100%;
			max-width:100%;
}
.sidemenu{
	padding-left:0px;
}

.sidemenu img{
	display:block;
	margin:0 auto;
	margin-bottom:20px;
}


}

.sidemenu .orangebox{width:185px; height:140px; background-color:#ff9619; margin:20px auto; color:#fff; font-size:18px; text-align:center; padding:10px;}
.sidemenu .greenbox{width:185px; height:140px; background-color:#20b97b; margin:20px auto; color:#fff; font-size:18px; text-align:center; padding:30px 10px 10px 10px;}
@media screen and (max-width: 992px) {
	.sidemenu .orangebox{display:none;}
	.sidemenu .greenbox{display:none;}
}
#accordian ul {
	cursor:pointer;
	color:#FFF;
		
}

#accordian ul h3 {
	font-size:16px;
	padding:15px 20px;
	background-color:#20b87b;
	margin-right:auto;
}

#accordian ul h3:hover {
	background-color:#c2ebcb;
	color:#617252;
}

#accordian ul>li{
	border-bottom:solid 1px #fff;
}

#accordian ul ul {
	display: none;
	border-left:solid 1px #dff5ec;
	border-right:solid 1px #dff5ec;
}

#accordian ul ul li {
	padding:7px 20px;
	border-bottom:solid 1px #c2ebcb;
}

#accordian ul ul>li:hover {
	background:#fffedf;
}

#accordian ul ul a {
	color:#474747;
}

#accordian ul ul .spann {
	color:#474747;
	width:200px;
	height:20px;
	display:block;	
}

#accordian ul ul .spann > span {
	color:#20b87b;
}


#accordian ul ul li:hover>.spann {
	color:#20b87b;
}

#accordian ul ul li:hover>.spann > span {
	color:#20b87b;
}

#accordian ul ul li>.spann > .caret{
	margin-right:6px;
}

#accordian ul ul li>.spann > .glyphicon{
	margin-right:3px;
}


#accordian ul ul li>.spann > span:nth-child(2) {
	display:none;
}

#accordian ul ul li>.spann.opened > span:nth-child(2){
	display:inline-block;
}

#accordian ul ul li>.spann.opened > span:nth-child(1){
	display:none;
}

#accordian ul ul ul li:hover >.small{
	color:#20b87b;
}

#accordian ul ul ul{
	margin-left:-25px;
	padding:0;
	margin-top:10px;
	margin-bottom:-7px;
	border-left:solid 0px #dff5ec;
	border-right:0;
	margin-left:-25px;
	margin-right:-20px;
}

#accordian ul ul ul li{
	border-top:solid 1px #c2ebcb;
	border-bottom:solid 0px #c2ebcb;
	padding-left:25px;
	margin-left:5px;
	padding: 7px 20px;
	padding:7px 20px 7px 45px;
	background: url(/20220903154335oe_/https://hkacs.org.hk/images/common/bullet_sidemnu2.png) 33px 12px no-repeat ;
}

#accordian ul ul ul li:hover{
	background:#fefccb;

}
@media screen and (max-width: 992px) {
	
#accordian .submenu{
		padding-right:0;
	}
#accordian ul ul ul li{
	width:100%;

}
}

#accordian ul ul ul>li:hover{
	background:#fffedf;
}

#accordian ul ul span {
	color:#5a5a5a;
	color:#84b559;
}

#accordian ul ul .small {
	font-size:7px;
	padding-bottom:5px;
	vertical-align:middle;
	-webkit-transform:scale(0.66);
}

#accordian ul ul a:hover {
	text-decoration:none;
	color:#2fbf82;
}


#accordian li.active ul {
	display: block;
}

#accordian li.active ul li.active ul {
	display: block;
}

#accordian .submenu{
		margin-bottom:0;
}

.side-subscribe{
	margin:28px 3%;
	padding:5px 15px;
	border:solid 1px #dcdcdc;
	width:96%;
	border-radius:20px;
}

#subscribe{
	border:0;
	max-width:160px;
}
@media screen and (max-width: 1280px) {
#subscribe{
	border:0;
	max-width:127px;
}
}


.searchsub{
	 background: transparent;
    border: none !important;
	display:inline-block;
}

@media screen and (max-width: 992px) {
	.logo{ padding-top:0px; float:left; clear:both; }
	.header_container > div{text-align:center;}
	.header .menu {margin-top: 0px;}
	.logo{ height:50px; }
	.logo img{ width:172px; }
	.navbar-nav{margin-top:30px;}

}



@media screen and (max-width: 768px) {
    .logo{ padding-top:20px; margin:0 auto; float:none;  }
	.logo img{ width:180px; display:block; margin:0 auto;}
	.sidemenu{max-width:100%; width:100%; margin-left:0px;}
	.side-subscribe .input-group{width:100%;}
	#subscribe { border: 0 none; width:85%; max-width:960px;}
	.searchsub{float:right;}
	.navbar-nav{margin-top:0px;}

}

@media screen and (max-width: 480px) {
.logo{  margin-top:10px;}
}

/* Content */
.content{
	max-width:1003px;
	padding-bottom:50px;
}

@media screen and (max-width: 1300px) {
.content{
	padding-right:15px;
}
}

@media screen and (max-width: 768px) {
.content{
	padding-right:0px;
}
}

/* Footer */
#footer{
	border-top:solid 8px #1fb97b;
	padding:30px 0px;
}

#footer .supportorg img{
	margin:15px 40px 25px 0px;
	display:inline-block;
	width:auto!important;
	height:50px;
}

#footer .announce{
	font-size:12px;
	color:#474747;
}

#footer .footmenu ul {
	margin-top:60px;
}

#footer .footmenu ul li{
	color:#474747;
	margin-bottom:15px;
}

#footer .footmenu ul li:first-child{
	color:#20b97b;
	font-size:15px;
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:solid 1px #f2f2f2;
	width:90%;
}

#footer .footmenu ul li ul li:first-child{
	font-size:13px;
}

#footer .footmenu ul li ul li{
	font-size:13px;
	margin:5px 0 5px 10px;
	padding:5px 20px!important;
}

@media screen and (max-width: 767px) {
#footer .footmenu {
	display:none;
}
}

#footer .dis {
	margin-top:60px;
}

#footer a{
	color:#474747;
}

#footer .dis ul {
	display:inline-block;
	font-size:12px;
}

#footer .dis ul li {
	display:inline-block;
	margin:0 10px;
}

#footer .power{
	text-align:right;
}
#footer .col-md-6 img{
	width:100%;
}	
@media screen and (max-width: 992px) {
#footer .footmenu .col-md-6{
	clear:both;
}
#footer .dis {
	text-align:center;
}	

#footer .power{
	text-align:center;
}

}

@media screen and (max-width: 767px) {

#footer .dis ul {
	margin:20px 0;
}
	




}

@media screen and (max-width: 480px) {
	#footer .dis img{
		display:block;
		margin:0 auto;
		margin-bottom:10px;
}	
}


/* Main */
.mainnews{
	padding-left:25px;
}

.advrow{
	padding-left:40px;
	margin-top:50px;
	margin-right:-10px;
	position: relative;
}

@media screen and (max-width: 991px) {
.advrow{
	padding-left:30px;
	padding-right:15px;
}


}

@media screen and (max-width: 768px) {
.advrow{
	padding-left:30px;
	padding-right:20px;
}
}

.advrow .adv{
	margin:0 auto;
	text-align:center;
	font-size:47px;
	color:#fff;
    vertical-align: middle;

	line-height:55px;

}


.advrow .col-xs-6{
	position:relative;
	height:100%;
}
@media screen and (max-width: 768px) {
.advrow .col-xs-6{
	position:relative;
	height:100%;
}
}
.advrow .adv img{
	width:100%;
}

.advrow .advblue{
	background:#4d7dcb;
}

.advrow .advyellow{
	background:#c8df3e;
}

.advrow .advgreen{
	background:#20b97b;
}

.advrow .advorange{
	background:#f7b05a;	
}

.vcenter span {
 
}

#owl-main{ margin-left:27px;}
.images {position:relative;  text-align: center;}
.images img{width:100%;}
.images .video{position:absolute; left:0; top:0; height:100%; width:100%;}

@media screen and (max-width: 991px) {
.mainnews{
	padding:15px;
	position:relative;
}

#owl-main{ margin-left:0px;}
}

.mainnews h3{
	color:#20b87b;
	font-weight:bold;
	font-size:19px;
	margin: 30px 0 10px 0;
}
.mainnews h4{
	color:#8c2b96;
	font-size:15px;
	margin-bottom:10px;
	margin-top:0px;
}
.mainnews img{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	display:block;
}

@media screen and (max-width: 480px) {
	.mainnews img{
	float:none;
	margin:10px auto;
	display:block;
}
}

.mainnews .newscontent{
	background:#f2f2f2;
	padding: 5px 15px;
	min-height:250px;
}

.mainnews .newsitem{
		display:block;
	clear:both;
	overflow: hidden; 
}

.mainnews .viewall{
	color:#a6a6a6;
	font-size:14px;
	font-weight:bold;
	float:right;
	margin-top:34px;
}

.cancertype{
	padding-left:42px;
}

.cancer{
	display:inline-block;
	font-size:16px;
	padding-right:10px;
	margin-top:15px;
}

.cancertype img{
	margin-right:1px;
	vertical-align:middle;
}

.type1{color:#ff8c00;}
.type2{color:#8e2e98;}
.type3{color:#f54b4b;}
.type4{color:#5db020;}
.type5{color:#26bac7;}
.type6{color:#bc9a3a;}
.type7{color:#0c92c3;}
.type8{color:#f3499d;}
.type9{color:#af9b65;}
.type10{color:#a9abac;}
@media screen and (max-width: 480px) {
.cancertype{
	display:none;
}
}
@media screen and (max-width: 991px) {

.mainnews .viewall{
	margin-top:0px;
}
}

.newsitem{
	padding:15px 0;
	border-bottom: solid 1px #ebebeb;
}

/* Contact */
.map{
	padding-right:20px;
	margin-top:30px;
}

.contact a{color:#20b87b!important;}
.contactform .form-group{margin-left:0; margin-right:0;}
.contact{line-height:35px;}
.search_result{padding-bottom:10px; border-bottom:solid 1px #f1f1f1; margin-bottom:20px;}
.search_result h3{color:#20b87b!important;}
.search_result p{ line-height:20px; margin-top:10px;}
.search_result a{color:#20b87b!important;}
.search_result span{color: #0CF!important;}

.formthank{ text-align:center;}
.formthank h3{ text-align:center; color:#e86fbc !important; margin-top:30px; margin-bottom:15px;}
.formthank p{  line-height:20px;}

.formthank .info{ font-size:18px; color:#e86fbc !important; margin-top:15px; margin-bottom:15px;}

.activity_m_style:link{
	color:#FFF;
}

.thankyou_info{
	margin:150px 0;
	 color: #20b87b;
	 font-weight:bold;
}

.inner_desc ul li{
	list-style:disc;
	margin-bottom:15px;
	margin-left:20px;
}

.inner_desc ol li{
	list-style: decimal;
	margin-bottom:15px;
	margin-left:20px;
}

.act_img{
	max-width:100%;
}

@media print {


.collapse {
    display: inline;
    visibility: visible;
	float:left;
}
}