@charset "utf-8";
/* CSS Document */
/*
img { behavior: url("/20241030065133oe_/https://portal.hktdc.com/static/css/en/iepngfix.htc"); }
*/

#sliderbanner {
	width:400px;padding:0;margin:0;
	float:right;height:90px;
	position:relative;
}

#sliderbanner #bannertop{
	width:400px;height:90px;
	float:right;
	left:0px;
	position:absolute;
	overflow: hidden;
}

#sliderbanner #bannertop #arrow{
	float:right;
	left:15px;
	top:30px;
	position:absolute;
}

#sliderbanner #bannerclose{
	position: absolute;
	right: 0px;
	top: 0px;
}

#sliderbanner #bannertop #closebtn{
	float:right;
	top:38px;
	left:372px;
	position:absolute;
}

#sliderbanner #bannermain{
	width:auto;
	height:207px;
	float:right;
	left:0;
	top:57px;
	position:absolute;
}

.cc-banner .cc-message {display:block;width:78%;}
.cc-compliance {width:22%;float:left;}
.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent;min-width:90px}
.cc-btn:last-of-type{margin-right: 10px;}
.cc-window.cc-floating {max-width:100%;}
.cc-bottom {bottom:0em;}
.cc-revoke {display: none;}
.closebtn {
	cursor:pointer;
	content: "";
	width: 18px;
	height: 18px;
	background: url(https://webarchive.lib.cuhk.edu.hk/20241030065133oe_/https://home.hktdc.com/static/media/icon-close.3998fa50.svg) no-repeat 50%;
	background-size: 100%;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0px;
	position: absolute;
	right:10px;top:20px;
}

@media (max-width: 1024px) and (min-width: 992px) {
	.cc-banner .cc-message {display:block;width:70%;}
	.cc-compliance {width:30%;float:left;}
}

@media (min-width: 768px) and (max-width: 991px) { 
	.cc-banner .cc-message {display:block;width:60%;}
	.cc-compliance {width:40%;float:left;}
	
}

@media (max-width: 767px)  { 
	.cc-banner .cc-message {display:block;width:100%;clear: both;}
	.cc-compliance {width:100%;float:left;}
}

#chinaPopUp{
	position: fixed;
	top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	background-color: rgba(87, 84, 84, 0.877);
	z-index: 9999999;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	max-height: 100%;
	overflow-y: auto;
}

#china-consent-block{
	position: relative;
	background: white;
	border-radius: 15px;
	width: 90%;
	max-width:1000px;
	height: fit-content;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
}

#chn-header{
	font-weight: bold;
	/* if need chn-header text-align to left */
	width:100%;
	display:flex;
	justify-content:space-between;
} 

#message-container{
	max-height: 80vh;
	overflow-y: auto;
	padding: 2% 5%;
	background-color: white;
	border-radius: 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	color:black;
}


.china-consent-message{
	margin: 1rem 0px;
}

#info{
	color: rgba(113,72,181);
}

#info:hover{
	text-decoration: underline;
	cursor: pointer;
	color: rgb(56, 25, 107);
}

.additional-china-consent-message{
	display: none;
	margin: 1rem 0;
}

#china-consent-allow{
	border-radius: 30px;
	border: 0px;
	height: fit-content;
	background: linear-gradient(90deg, rgba(113,72,181,1) 0%, rgba(116,77,189,1) 34%, rgba(133,102,228,1) 56%, rgba(135,105,233,1) 67%, rgba(115,75,186,1) 100%, rgba(113,93,211,1) 100%);
	color: white;
	font-weight: bold;
	padding: 15px 30px;
	cursor: pointer;
	font-size: 14px; 
}


.alink{
	color: #32ccff;;
}
.alink:hover{
	color: #28a2ca;
}

@media (max-width: 1024px) and (min-width: 992px) {

}

@media (min-width: 768px) and (max-width: 991px) { 

	
}

@media (max-width: 767px)  { 
	/* if need chn-header text-align to left */
	#chn-header{
		padding-left: 3%;
	}
	#message-container{
		padding: 10px;
		overflow-x: hidden;
	}
	.china-consent-message{
		margin: 0.5rem;
	}

	.additional-china-consent-message{
		margin: 0.5rem;
	}

	#china-consent-allow{
		margin: 15px;
		padding: 10px
	}
	
}
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent;min-width:55px}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}