/* Version 1.0.42 */
/* @charset "utf-8"; */
/**************************************** 
Fonts 
****************************************/
@font-face {
	font-family: 'Quicksand-Bold';
	src: url('../fonts/Quicksand-Bold.ttf')  format('truetype');

}
@font-face {
	font-family: 'Quicksand-SemiBold';
	src: url('../fonts/Quicksand-SemiBold.ttf')  format('truetype');

}
@font-face {
	font-family: 'Quicksand-Medium';
	src: url('../fonts/Quicksand-Medium.ttf')  format('truetype');

}
@font-face {
	font-family: 'Muli-Regular';
	src: url('../fonts/Muli-Regular.ttf')  format('truetype');

}
@font-face {
	font-family: 'Muli-Medium';
	src: url('../fonts/Muli-Medium.ttf')  format('truetype');

}

@font-face {
	font-family: 'NotoSansHK-Regular';
	src: url('../fonts/NotoSansHK-Regular.otf') format('opentype');

}
@font-face {
	font-family: 'NotoSansHK-Medium';
	src: url('../fonts/NotoSansHK-Medium.otf') format('opentype');

}
@font-face {
	font-family: 'NotoSansHK-Bold';
	src: url('../fonts/NotoSansHK-Bold.otf') format('opentype');

}
@font-face {
	font-family: 'NotoSansSC-Regular';
	src: url('../fonts/NotoSansSC-Regular.otf') format('opentype');

}
@font-face {
	font-family: 'NotoSansSC-Medium';
	src: url('../fonts/NotoSansSC-Medium.otf') format('opentype');

}
@font-face {
	font-family: 'NotoSansSC-Bold';
	src: url('../fonts/NotoSansSC-Bold.otf') format('opentype');

}

/****************************************
CSS variables
****************************************/
:root {
	--var-dual-outline-box-shadow: 0 0 0 2px black;
    --var-dual-outline-outline: solid 2px white;
    --var-dual-outline-outline-offset: 2px;
}


/****************************************
Skip to content
****************************************/
a[href="#h1_maincontent"].sr-only-focusable:active,
a[href="#h1_maincontent"].sr-only-focusable:focus {
	position: absolute;
    z-index: 99999;
    background: white;
    padding: 10px 15px;
    margin: 15px;
    /* border: 3px solid black; */
    box-sizing: border-box;
}
.anchor {
    display: block;
    position: relative;
    top: -165px;
    visibility: hidden;
}


/**************************************** 
Basic 
****************************************/
html, body {
	padding: 0;
	margin: 0;
	color: #212121
}
body{
	max-width: 2000px;
	margin: 0 auto;
}
body.modal-open{
	overflow: hidden !important;
	position: fixed;
    width: 100%;
}
body, .body_two {
	font-family: 'Muli-Regular', 'Microsoft JhengHei', 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, 'NotoSansHK-Regular', Arial, sans-serif;
	font-size: 1rem;
	letter-spacing: 0.075em
}
a:hover:active:visited{
	/* outline:0;
	outline: 0.2rem solid rgba(0,123,255,.5);
	box-shadow: none; */
	box-shadow: var(--var-dual-outline-box-shadow);
    outline: var(--var-dual-outline-outline);
    outline-offset: var(--var-dual-outline-outline-offset);
}
a:focus, .sp-arrow:focus, .playstop_btn:focus, .previous_btn:focus, .next_btn:focus {
	/* outline: 0.2rem solid rgba(0,123,255,.5);
	box-shadow:0 0 0 .2rem rgba(0,123,255,.5); */
	box-shadow: var(--var-dual-outline-box-shadow);
    outline: var(--var-dual-outline-outline);
    outline-offset: var(--var-dual-outline-outline-offset);
}

body:not(.user-is-tabbing) *:focus{
	/* outline:0; 
	outline: 0.2rem solid rgba(0,123,255,.5);
	box-shadow:none;*/
    box-shadow: var(--var-dual-outline-box-shadow);
    outline: var(--var-dual-outline-outline);
    outline-offset: var(--var-dual-outline-outline-offset);
}
input:focus{
	/* outline:0; 
	outline: 0.2rem solid rgba(0,123,255,.5);
	box-shadow:none;*/
	box-shadow: var(--var-dual-outline-box-shadow);
    outline: var(--var-dual-outline-outline);
    outline-offset: var(--var-dual-outline-outline-offset);
}

.body_three {
	font-size: 0.938rem;
}
html:lang(en) .body_three {
	font-size: 0.875rem;
}
.body_one,
html:lang(en) h2.body_one{
	font-size: 1.125rem;	
}
.caption{
	font-size: 0.875rem;	
}
html:lang(en) .caption{
	font-size: 0.813rem;	
}
html:lang(en) body{
	font-family: 'Muli-Regular', 'Microsoft JhengHei', 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, 'NotoSansHK-Regular', Arial, sans-serif;
	letter-spacing:normal;
}
h1,h2,h3,.font_h1,.font_h2,.font_h3{
	font-family: 'Quicksand-Medium', 'Microsoft JhengHei', 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, 'NotoSansHK-Regular', 'NotoSansSC-Regular', Arial, sans-serif;
}

.font_inherit,
html:lang(en) .font_inherit {
	font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    margin: inherit;
}

html:lang(en) h1, html:lang(en) h2,html:lang(en) h3, html:lang(en) .font_h1, html:lang(en) .font_h2, html:lang(en) .font_h3{
	font-family: 'Quicksand-Medium', 'Microsoft JhengHei', 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, 'NotoSansHK-Regular', Arial, sans-serif;
}
h1{
	font-size: 1.688rem;
	font-weight: bold;
}
html:lang(en) h1{
	font-size: 1.625rem;	
	font-weight: normal;
}
h2{
	font-size: 1.5rem;
	font-weight: bold;
}
html:lang(en) h2{
	font-size: 1.438rem;	
	font-weight: normal;
}
h3{
	font-size: 1.313rem;	
}
html:lang(en) h3{
	font-size: 1.25rem;	
}
h4{
	font-size: 1.125rem;	
	font-family: 'Muli-Medium',  'Microsoft JhengHei', 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, 'NotoSansHK-Medium', 'NotoSansSC-Medium', Arial, sans-serif;
}
.font_h1{
	font-size: 1.688rem;
	font-weight: bold;
}
html:lang(en) .font_h1{
	font-size: 1.625rem;	
	font-weight: normal;
}
.font_h2{
	font-size: 1.5rem;
	font-weight: bold;
}
html:lang(en) .font_h2{
	font-size: 1.438rem;	
	font-weight: normal;
}
.font_h3{
	font-size: 1.313rem;		
}
html:lang(en) .font_h3{
	font-size: 1.25rem;	
}
.font_h4{
	font-size: 1.125rem;	
}

h1, h2, h3, h4, h5, h6,
.font_h1, .font_h2, .font_h3, .font_h4, .font_h5, .font_h6 {
    margin-bottom: 1rem;
}
html:lang(en) h4,html:lang(en) .font_h4{
	font-family: 'Muli-Bold', 'Microsoft JhengHei', 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, 'NotoSansHK-Medium', 'NotoSansSC-Medium', Arial, sans-serif;
}
.bold {
	font-weight: bold;
}

.text-grey {
	color: #565656;
}
.text-red {
	color: #E61A21;
}
.text-white {
	color: #ffffff;
}
.text-blue {
	color: #2767d4;
}
.text-orange {
	color: #F66400;
}

.text-white-m-black{
	color: #000;
}

p{
	font-family: 'Muli-Regular', 'Microsoft JhengHei', 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, 'NotoSansHK-Regular', 'NotoSansSC-Regular', Arial, sans-serif;
	font-size: 1rem;
	margin-bottom: 0.7rem;
}
html:lang(en) p{
	font-family: 'Muli-Regular', 'Microsoft JhengHei', 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, 'NotoSansHK-Regular', 'NotoSansSC-Regular', Arial, sans-serif;
	letter-spacing:normal;
}

a {
	color: #2767D4;
	text-decoration: none;
	text-decoration-skip-ink: none;
}
a:hover {
	color: #1D69ED;
}



a.grey_link, a.grey_link *{
	color:#999 !important;	
}
a[href^="tel:"] {
	text-wrap: nowrap;
}
ul,ol{
	font-family: 'Muli-Regular', 'Microsoft JhengHei', 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, 'NotoSansHK-Regular', 'NotoSansSC-Regular', Arial, sans-serif;
	padding-left: 30px;
}
ul ul, ol ul{
	list-style-type:disc;	
}
img{
	max-width:100%;
	white-space: pre-line;
}
button, input, optgroup, select, textarea{
	font-family: 'Muli-Regular', 'Microsoft JhengHei', 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, 'NotoSansHK-Regular', 'NotoSansSC-Regular', Arial, sans-serif;
	font-size: 1rem;
	margin-bottom: 0.7rem;
	-webkit-appearance: none;
}
html:lang(en) button,  html:lang(en) input, html:lang(en) optgroup, html:lang(en) select, html:lang(en) textarea{
	font-family: 'Muli-Regular', 'Microsoft JhengHei', 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, 'NotoSansHK-Regular', 'NotoSansSC-Regular', Arial, sans-serif;
	letter-spacing:normal;
}
small {
	font-size: 0.75rem;
}

input.no-arrow::-webkit-outer-spin-button,
input.no-arrow::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input.no-arrow {
	-moz-appearance: textfield;
}

.table-responsive {
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

.big_tel{
	font-size: 2rem;	
}

.italic {
	font-style: italic !important;
}
.line-through {
	text-decoration: line-through !important;
}
.underline {
	text-decoration: underline !important;
}
.overline {
	text-decoration: overline !important;
}

.no-after:after {
	display: none !important;
}

.btn {
	font-family: 'Quicksand-Bold', 'Microsoft JhengHei', 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, 'NotoSansHK-Medium', 'NotoSansSC-Medium', Arial, sans-serif;
	color: white;
	border:none;
	border-radius: 5px;
	text-decoration:none !important;
	letter-spacing:normal !important;
	white-space: nowrap;
	font-size: 1rem;
}
html:lang(en) .btn{
	font-family: 'Quicksand-Bold', 'Microsoft JhengHei', 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, 'NotoSansHK-Medium', 'NotoSansSC-Medium', Arial, sans-serif;
}

.btn:hover {
	color: #1D69ED;
    background-color: white;
}
.btn:active {
	color: white;
    background-color: #244884;
}

.btn-primary{
	background-color: #F66400;
	border: 2px solid #FA6400;
	padding: 10px 15px 10px 20px;
	font-size: 1.18rem;
	font-weight: 600;
}
.btn-primary:after{
	content: '';
	display:inline-block;
	width: 20px;
	height: 20px;
	margin-left: 5px;
	background-image: url(../images/common/tri-arrow-right-icon-white.png);
	background-position:center 3px;
	background-repeat:no-repeat;
	background-size: contain;
}
.btn-primary.no-icon:after{
	display: none;
}
.btn-primary:hover {
    background-color: white;
    border: 2px solid #FA6400;
    color: #FA6400;
}
.btn-primary:hover:after{
	background-image: url(../images/common/tri-arrow-right-icon-orange.png);
}
.btn-primary:focus {
	box-shadow: var(--var-dual-outline-box-shadow);
    outline: var(--var-dual-outline-outline);
    outline-offset: var(--var-dual-outline-outline-offset);
}
.btn-primary:active, .btn-primary:not(:disabled):not(.disabled):active {
    background-color: #993D00;
}
.btn-primary.no-icon{
    padding: 10px 20px 10px 20px;
}
.btn-primary.no-icon:after{
	display: none;
}

.btn-secondary{
	padding: 5px 15px;
	background-color: #2767D4;
    color: white;
    border: 0;
}
.btn-secondary:hover {
	background-color: white;
    color: #2767D4 !important;
    box-shadow: 0px 0px 0px 2px #2767D4 inset;
}
.btn-secondary:focus {
	box-shadow: var(--var-dual-outline-box-shadow);
    outline: var(--var-dual-outline-outline);
    outline-offset: var(--var-dual-outline-outline-offset);
}
.btn-secondary:active, .btn-secondary:not(:disabled):not(.disabled):active {
    background-color: #244884;
}

.btn-third{
	padding: 5px 15px;
	background-color: #106234;
    color: white;
    border: 0;
}
.btn-third:hover {
	background-color: white;
    color: #106234 !important;
    box-shadow: 0px 0px 0px 2px #106234 inset;
}
.btn-third:focus {
	box-shadow: var(--var-dual-outline-box-shadow);
    outline: var(--var-dual-outline-outline);
    outline-offset: var(--var-dual-outline-outline-offset);
}
.btn-third:active, .btn-third:not(:disabled):not(.disabled):active {
    background-color: #073C20;
}

.btn:disabled{
	background-color: #757575;
}

.btn-left-arrow  {
    color: #2767D4;
    text-decoration: none;
	text-decoration-skip-ink: none;
	margin-right: 10px;
}
.btn-left-arrow:before {
    content: "";
    text-decoration: none;
    background-image: url(../images/common/arrow-left-icon-blue.png);
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 0px 20px 0px 0;
    color: #212121;
}


.btn-arrow  {
    color: #2767D4;
    text-decoration: none;
    text-decoration-skip-ink: none;
}
.btn-arrow:after {
    content: "";
    text-decoration: none;
    background-image: url(../images/common/arrow-right-icon-blue.png);
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 0px 20px 0px 0;
    color: #212121;
}
@media all and (max-width: 767px) {
	.btn.full-width-m {
		display: block;
		width: 100%;
	}
}

.icon-box.service_id_box{
    background-image: url(../images/icons/location-detail-services-number-icon.png);
}

::-webkit-input-placeholder { /* Edge */
  color: #5C5C5C;
}

:-ms-input-placeholder { /* Internet Explorer */
  color:#5C5C5C;
}

::placeholder {
  color: #5C5C5C;
}

.print_nav{
	display: none;
}

.padding-0 { padding: 0 !important; }
.padding-5 { padding: 5px !important; }
.padding-10 { padding: 10px !important; }
.padding-15 { padding: 15px !important; }
.padding-20 { padding: 20px !important; }
.padding-top-0 { padding-top: 0 !important; }
.padding-top-5 { padding-top: 5px !important; }
.padding-top-10 { padding-top: 10px !important; }
.padding-top-15 { padding-top: 15px !important; }
.padding-top-20 { padding-top: 20px !important; }
.padding-right-0 { padding-right: 0 !important; }
.padding-right-5 { padding-right: 5px !important; }
.padding-right-10 { padding-right: 10px !important; }
.padding-right-15 { padding-right: 15px !important; }
.padding-right-20 { padding-right: 20px !important; }
.padding-bottom-0 { padding-bottom: 0 !important; }
.padding-bottom-5 { padding-bottom: 5px !important; }
.padding-bottom-10 { padding-bottom: 10px !important; }
.padding-bottom-15 { padding-bottom: 15px !important; }
.padding-bottom-20 { padding-bottom: 20px !important; }
.padding-left-0 { padding-left: 0 !important; }
.padding-left-5 { padding-left: 5px !important; }
.padding-left-10 { padding-left: 10px !important; }
.padding-left-15 { padding-left: 15px !important; }
.padding-left-20 { padding-left: 20px !important; }
.padding-lr-0 { padding-left: 0 !important; padding-right: 0 !important; }
.padding-lr-5 { padding-left: 5px !important; padding-right: 5px !important; }
.padding-lr-10 { padding-left: 10px !important; padding-right: 10px !important; }
.padding-lr-15 { padding-left: 15px !important; padding-right: 15px !important; }
.padding-lr-20 { padding-left: 20px !important; padding-right: 20px !important; }
.padding-tb-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.padding-tb-5 { padding-top: 5px !important; padding-bottom: 5px !important; }
.padding-tb-10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.padding-tb-15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.padding-tb-20 { padding-top: 20px !important; padding-bottom: 20px !important; }

.margin-0 { margin: 0 !important; }
.margin-5 { margin: 5px !important; }
.margin-10 { margin: 10px !important; }
.margin-15 { margin: 15px !important; }
.margin-20 { margin: 20px !important; }
.margin-top-0 { margin-top: 0 !important; }
.margin-top-5 { margin-top: 5px !important; }
.margin-top-10 { margin-top: 10px !important; }
.margin-top-15 { margin-top: 15px !important; }
.margin-top-20 { margin-top: 20px !important; }
.margin-right-0 { margin-right: 0 !important; }
.margin-right-5 { margin-right: 5 !important; }
.margin-right-10 { margin-right: 10px !important; }
.margin-right-15 { margin-right: 15px !important; }
.margin-right-20 { margin-right: 20px !important; }
.margin-bottom-0 { margin-bottom: 0 !important; }
.margin-bottom-5 { margin-bottom: 5px !important; }
.margin-bottom-10 { margin-bottom: 10px !important; }
.margin-bottom-15 { margin-bottom: 15px !important; }
.margin-bottom-20 { margin-bottom: 20px !important; }
.margin-left-0 { margin-left: 0 !important; }
.margin-left-5 { margin-left: 5px !important; }
.margin-left-10 { margin-left: 10px !important; }
.margin-left-15 { margin-left: 15px !important; }
.margin-left-20 { margin-left: 20px !important; }
.margin-lr-0 { margin-left: 0 !important; margin-right: 0 !important; }
.margin-lr-5 { margin-left: 5px !important; margin-right: 5px !important; }
.margin-lr-10 { margin-left: 10px !important; margin-right: 10px !important; }
.margin-lr-15 { margin-left: 15px !important; margin-right: 15px !important; }
.margin-lr-20 { margin-left: 20px !important; margin-right: 20px !important; }
.margin-tb-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.margin-tb-5 { margin-top: 5px !important; margin-bottom: 5px !important; }
.margin-tb-10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.margin-tb-15 { margin-top: 15px !important; margin-bottom: 15px !important; }
.margin-tb-20 { margin-top: 20px !important; margin-bottom: 20px !important; }

.width-100{width: 100%;}

.overflow-x-none {
	overflow-x: hidden;
}

.overflow-visible {
	overflow: visible !important;
}

.access {
    height: 1px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: -500px;
    width: 1px;
}
[v-cloak] {
	display: none;
}
.content_pi {
	color: #551F81 !important;
	font-weight: bold !important;
	border:none !important;
	max-width:none !important;
	display:inline !important;
	padding:0px !important;
	
}
.btn-arrow:hover {
    color: #1D69ED;
}
ul.nostyle{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: auto;
	overflow: hidden;
	/* display: flex;
    flex-direction: column; */
}
ul.arrow{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: auto;
	/* overflow: hidden; */
	display: inline-block;
}
ul.arrow > li, ul.arrow li a{
	color:#2767D4;	
}
ul.arrow > li a:hover{
	color: #1D69ED;	
}
ul.arrow > li{
	background-image:url(../images/common/tri-arrow-right-icon-blue.png);
	background-repeat:no-repeat;
	background-position:left 5px top 8px;
	padding-left: 15px;

}
ul.arrow > li > ul li{
	color: #212121;
}

ol.lower-a{
	list-style-type: lower-alpha;
}
ol.upper-a{
	list-style-type: upper-alpha;
}
ol.upper-i{
	list-style-type: upper-roman;
}
ol.lower-i{
	list-style-type: lower-roman;
}

ol.upper-a-with-quote {
	counter-reset: item;
	padding-left: 30px;
}
ol.upper-a-with-quote > li {
	display: table; 
	counter-increment: item;
}
ol.upper-a-with-quote > li:before {
	content: " ("counter(item,upper-alpha)") ";
	display: table-cell;
	width: 1.75rem;
}

ol.lower-a-with-quote {
	counter-reset: item;
	padding-left: 30px;
}
ol.lower-a-with-quote > li {
	display: table; 
	counter-increment: item;
}
ol.lower-a-with-quote > li:before {
	content: " ("counter(item,lower-alpha)") ";
	display: table-cell;
	width: 1.75rem;
}

ol.upper-i-with-quote {
	counter-reset: item;
	padding-left: 30px;
}
ol.upper-i-with-quote > li {
	display: table; 
	counter-increment: item;
}
ol.upper-i-with-quote > li:before {
	content: " ("counter(item,upper-roman)") ";
	display: table-cell;
	width: 1.75rem;
}

ol.lower-i-with-quote {
	counter-reset: item;
	padding-left: 30px;
}
ol.lower-i-with-quote > li {
	display: table; 
	counter-increment: item;
}
ol.lower-i-with-quote > li:before {
	content: " ("counter(item,lower-roman)") ";
	display: table-cell;
	width: 1.75rem;
}

ul.list-inside,
ol.list-inside {
	list-style-position: inside;
	padding-left: 0;
}

.align-item{
	align-items: center;
    display: flex;
}
.shadow{
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2) !important;
}
.transparent {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.nowrap {
	white-space: nowrap;
}

map.no_link_map area{
	cursor: default;
}

map area.no_link_area{
	cursor: default;
}

/**************************************** 
Lightbox 
****************************************/

.fancybox-container, .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage{
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 0 !important;
}

.fancybox-content{
	width:800px;
}


.fancybox-infobar{
	display: none;
}

#govhk_survey_pop{
	z-index:9999 !important;
}

noscript{
	font-size: 1.125rem;
	padding: 20px;
	padding-left: 60px;
	background-color: #E50922;
	color: #FFF;
	width: 100%;
	position: fixed;
	z-index: 999999;
	background-image: url(../images/common/information-icon-white.png);
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: 20px center;
}
.notification{
/*	font-size: 1.25rem;*/
	font-size: 1.175rem;
	padding: 5px 30px;
	background-color: #f44336;
	color: #FFF;
	width: 100%;
	position: relative;
	text-align: center;
}
@media all and (max-width: 575px){
	.notification{
		font-size: 0.9rem;
	}
}
.notification.color-green {
	background-color: #00A640;
}
.notification.color-blue {
	background-color: #3974DB;
}
.notification.color-seagreen {
	background-color: #2C8136;
}
.notification a {
	text-decoration: underline;
}
nav .notification {
	position: fixed;
	z-index: 98;
	top: 119px;
}
@media all and (max-width: 1139px){
	nav .notification {
		top: 89px;
	}
}
@media all and (max-width: 767px){
	nav .notification {
		top: 68px;
	}
}
.notification.noactive {
	display: none;
}
.notification a{
	font-family: Muli-Regular, "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, NotoSansHK-Regular, Arial, sans-serif;
	color: #FFF;
	letter-spacing: normal;
}
.notification a:hover{
	text-decoration: underline;
	color: #FFF;
}
.notification a > .title{
	text-align: left;
	margin: 0;
	display: inline-block;
	width: 100%;
	padding-left: 35px;
	padding-right: 30px;
}
.notification a > .icon{
	content: ' ';
	display:inline-block;
	width: 30px;
	height: 20px;
	background-image: url(../images/common/information-icon-white.png);
	background-size: 20px;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-top: -4px;
	position: absolute;
	top: 12px;
	left: 12px;
}
.notification a > .title:after{
	content: ' ';
	display:inline-block;
	width:25px;
	height: 20px;
	background-image: url(../images/common/arrow-right-icon-white.png);
	background-size: 20px;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-top: -4px;
}
.notification a.close_btn{
	position: absolute;
    right: 5px;
    top: 8px;
	display:inline-block;
	width:25px;
	height: 20px;
	background-image: url(../images/common/close-icon-white.png);
	background-size: 20px;
	background-repeat: no-repeat;
	vertical-align: middle;
}
/**************************************** 
Nav 
****************************************/


.desktop-spacer {
	height:120px;	
}
nav, nav a {
	color: #212121;
	font-family: 'Quicksand-SemiBold', 'Microsoft JhengHei', 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, 'NotoSansHK-Medium', 'NotoSansSC-Medium', Arial, sans-serif;	
	text-decoration:none;
	font-weight: bold;
}
html:lang(en) nav , html:lang(en) nav a{
	font-family: 'Quicksand-SemiBold', 'Microsoft JhengHei', 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, 'NotoSansHK-Medium','NotoSansSC-Medium', Arial, sans-serif;	
	font-weight: normal;
}
nav a:hover{
	color: #212121;
	text-decoration:none;
}	
nav div.desktop  {
	position: fixed;
	font-size: 1.125rem;
	line-height: 18px;
	width: 100%;
	z-index: 9999;
	color: #004C76;
	background: white;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    padding: 0 10px;
    top: 3px;
	max-width: 2000px;
    margin-left: -15px;
}
nav div.desktop.fixed{
	height: 42px;
	padding: 0 50px;	
	background-color: #F0FAFF;
}
nav div.desktop.home_fixed {
	height: 60px;
	font-size: 1rem;
	line-height:16px;
}
nav div.desktop.home_fixed .top_menu{
	display: none;	
}
nav div.desktop.home_fixed .logo {
    margin-top: 11px;
}

nav div.desktop.home_fixed div.top_logo{
	align-items: flex-start;
	justify-content: flex-start;
}
nav div.desktop.home_fixed div.top_logo .tagline{
	font-size: 0.75rem;
	margin-top: 10px;
	margin-left: 40px;
}

nav div.desktop.home_fixed  #main_logo{
	width: 55px;	
}

nav div.desktop.home_fixed div.mainmenu .menu{
	margin-left: 84px;
	z-index: 101;
}

html:lang(en) nav div.desktop.home_fixed div.mainmenu .menu{
	margin-left: 90px;
}

html:lang(en) nav div.desktop.home_fixed div.mainmenu .menu li{
	padding: 30px 25px 11px 25px;
}

html:lang(en) nav div.desktop.home_fixed div.mainmenu .menu li:nth-child(3) {
    padding: 15px 15px 10px 15px;
}

nav div.desktop.home_fixed div.register_btn .btn-secondary{
	font-size: 1rem;
	padding: 10px 20px;
}


nav div.desktop.home_fixed div.mainmenu .menu ul{
    margin-top: 0;
}
nav div.desktop.home_fixed div.mainmenu .register_btn {
	margin-top:8px;	
}
nav div.desktop.home_fixed div.mainmenu .menu li {
    padding: 30px 30px 11px 30px;
}




nav div.desktop.fixed .scroll_menu span{
	color: #004C76;
    padding: 11px 0;
    display: inline-block;
}
html:lang(en) nav div.desktop.fixed a{
    padding: 14px 0;
}
nav div.desktop > div.container-fluid {
	padding: 0;
}
nav div.desktop hr {
	border: 0;
    border-top: 1px solid #CCCCCC;
}
.bluebar {
	display:block;
	height:3px;
	width:100%;
	background-image: linear-gradient(to right, #61A5FA , #84E3FF);
}
nav .top-bar .bluebar {
	right: 0px;
    z-index: 9999;
	position: fixed;
	
}
nav div.desktop div.top_menu{
	font-size: 0.875rem;
	font-family: 'Muli-Regular', 'Microsoft JhengHei', 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, 'NotoSansHK-Regular', 'NotoSansSC-Regular',  Arial, sans-serif;
	display:block;
	position:absolute;
	top:0px;
	right: 20px;	
}
html:lang(en) nav div.desktop div.top_menu{
	font-family: 'Muli-Regular', 'Microsoft JhengHei', 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, 'NotoSansHK-Regular', 'NotoSansSC-Regular', Arial, sans-serif;
}
nav div.desktop ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	/* overflow: hidden; */
	width: auto;
}
nav div.desktop ul li {
	float: left;
	transition: 0.15s all ease;
}
nav div.desktop div.mainmenu {
	position: relative;
}
nav div.desktop div.mainmenu .menu{
	display: inline-block;
}
nav div.desktop div.mainmenu .logo, nav div.desktop div.mainmenu .logo a, nav div.desktop div.mainmenu .menu ul{
	display: inline-block;
	vertical-align:bottom;	
}
nav div.desktop div.mainmenu .menu ul{
	margin-top: 58px;
}
nav div.desktop div.mainmenu .menu {
	padding-right:0px;	
	padding-left: 0;
}

nav div.desktop div.mainmenu .menu li{
	padding: 20px 30px 17px 30px;	
	border-bottom: 3px white solid ;
}


html:lang(en) nav div.desktop div.mainmenu .menu li{
	padding: 20px 15px 17px 15px;	
	letter-spacing: 0.075em;
	text-align:center;
}

html:lang(en) nav div.desktop div.mainmenu .menu li:nth-child(3){
	padding: 9px 15px 10px 15px;
}
	
html:lang(en) nav div.desktop div.mainmenu .menu li span{
	display:block;	
	
}

@media all and (min-width: 1200px){
	nav div.desktop {
		padding: 0 50px;
	}
}

@media all and (min-width: 1300px) {

	html:lang(en) nav div.desktop div.mainmenu .menu li{
		padding: 20px 25px 17px 25px;	
	}

}

@media all and (min-width: 1460px) {
	html:lang(en) nav div.desktop div.mainmenu .menu li span{
		display: inline-block;	
	}
	html:lang(en) nav div.desktop div.mainmenu .menu li:nth-child(3){
		padding: 20px 25px 17px 25px;	
	}
	html:lang(en) nav div.desktop.home_fixed div.mainmenu .menu li:nth-child(3){
		padding: 30px 25px 11px 25px;
	}
	
}

nav div.desktop div.mainmenu .menu li a, nav div.desktop div.mainmenu .menu li a:hover{
	color: #004C76;
	text-decoration:none;
	letter-spacing: 0.075em;
}	

html:lang(en) nav div.desktop div.mainmenu .menu li a, html:lang(en) nav div.desktop div.mainmenu .menu li a:hover{
	letter-spacing:  normal;
}	
html:lang(en) nav div.desktop div.mainmenu .menu li a{
	display: inline-block;
}
nav div.desktop div.mainmenu .menu li:hover {
	border-bottom: 3px #F66400 solid ;
}
nav div.desktop div.mainmenu .menu li.active {
	border-bottom: 3px #F66400 solid ;
}
nav div.desktop div.mainmenu .menu li:focus-within {
	border-bottom: 3px #F66400 solid ;
}
nav div.desktop div.mainmenu .register_btn{
    display: inline-block;
    margin-top: 66px;
    white-space: nowrap;
	text-align: right;
	padding-left: 0;
}

nav .register_btn .btn-secondary{
	font-size: 0.875rem;
	font-weight: bold;	
	padding: 10px 20px;
}
	
nav div.desktop div.top_logo{
	display: flex;
    position: absolute;
    top: 0px;
	left: 20px;
	justify-content: center;
	align-items: center;
	z-index: 100;
}
nav div.desktop div.top_logo .logo{
	margin-top: 10px;
	margin-bottom: 10px;
}
nav div.desktop div.top_logo .tagline{
	font-size: 1.438rem;
	color: #007bbf;
	margin-left: 20px;
}
nav div.desktop div.top_logo .logo img{
	width: 80px;
	height: auto;
	
}
	
nav div.desktop div.top_menu{
	padding-top:0px;	
	z-index:100;
}
nav div.desktop div.top_menu li{
	padding: 0px 15px;	
	color: #212121;
}
nav div.desktop div.top_menu li.text-size{
	background:url(../images/common/word-size-icon-orange.png) no-repeat right 1px;
	background-size: contain;
	padding-right:22px;
	margin-top: 15px;
	margin-bottom: 15px;
}
nav div.desktop div.top_menu li.switch_lang{
	background:url(../images/common/language-change-icon-orange.png) no-repeat right 1px;
	background-size: contain;
	padding-right:22px;
	margin-top: 15px;
	margin-bottom: 15px;
}
nav div.desktop div.top_menu li.search{
	margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 20px;
	border:none;
	border-radius: 25px;
	padding: 0px 0px;
}
nav div.desktop div.top_menu li.search a.btn_search{
	background:url(../images/common/search-icon-orange.png) no-repeat right 1px;
	background-size: contain;
	padding-right:22px;
}
nav div.desktop div.top_menu li.search a.btn-voice-search {
	display: none;
	width:18px;
	height: 18px;
	margin: 0px;
    margin-left: 1px;
	background-repeat: no-repeat;
	background-size: contain;	
	background-position: center;
	background-image: url(../images/common/mic-orange.png);
}
nav div.desktop div.top_menu li.search a.btn-voice-search.recording {
	background-image: url(../images/common/stop-record-orange.png);
}
nav div.desktop div.top_menu li.search label{
	margin-bottom: 0px;
	cursor:pointer;
}


nav div.desktop div.top_menu li.search input{
	font-family: 'Quicksand-SemiBold', 'Microsoft JhengHei', 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, 'NotoSansHK-Medium', 'NotoSansSC-Medium', Arial, sans-serif;	
	font-size: 0.875rem;
	border: 0;
    background: transparent;
	width: 55px;
	height: auto;
	margin-bottom: 3px;
	margin-top: -1px;
	padding-right: 20px;
}
html:lang(en) nav div.desktop div.top_menu li.search input{
	width: 75px;
}
html:lang(en) nav div.desktop div.top_menu li.search input{
	font-family: 'Quicksand-SemiBold', 'Microsoft JhengHei', 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, 'NotoSansHK-Medium','NotoSansSC-Medium', Arial, sans-serif;
}
html:lang(en) nav div.desktop div.top_menu li.search.active input{
	width:240px;
}
nav div.desktop div.top_menu li.search.active input{
	display:inline-block;
	width:240px;
	height: auto;
	border: 1px #C0D2D6 solid;
    border-radius: 20px;
	padding: 9px;
	margin-top: -10px;
	padding-right: 35px;
}
nav div.desktop div.top_menu li.search.active input.has-voice-search {
	padding-right: 60px;
}
nav div.desktop div.top_menu li.switch_lang a{
	padding: 0 5px;	
	font-weight: bold;
}
nav div.desktop div.top_menu li.switch_lang a:last-child{
	border-left: 1px #CCC solid;	
}


nav li.search input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color:#212121;
	opacity: 1; /* Firefox */
}

.nav-tabs li.search input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #212121;
}

nav li.search input::-ms-input-placeholder { /* Microsoft Edge */
	color: #212121;
}


nav div.desktop div.top_menu li.search a{
    position: absolute;
    right: 0px;
    top: 15px;


}
nav div.desktop div.top_menu li.search.active a{
	right: 12px;
    top: 16px;
}
nav div.desktop div.top_menu li.search.active a.btn-voice-search{
	display: inline-block;
	right: 38px;
    top: 16px;
}
nav div.desktop div.top_menu li.search .icon_search{
	display:inline-block;
	width:18px;
	height: 18px;
	margin: 0px;
    margin-left: 1px;
	background-repeat: no-repeat;
	background-size: contain;	
	background-position: center;
	background-image: url(../images/common/search-icon-orange.png);
}
/**************************************** 
Mobile App CTA Banner
****************************************/
.mobile-app-cta {
	display: none;
}
body.mobile-app-cta-active {
	padding-top: calc(60px + 90px);
}
@media (max-width: 767px) {
	body.mobile-app-cta-active {
		padding-top: calc(60px + 68px);
	}
}
body.mobile-app-cta-active .mobile-app-cta {
	display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 60px;
    width: 100vw;
    background: #eaf8ff;
	z-index: 1;
}
body.mobile-app-cta-active nav {
	position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
	z-index: 1;
}
body.mobile-app-cta-active nav div.mobile {
	position: absolute;
    top: 3px;
}
body.mobile-app-cta-active nav .top-bar .bluebar {
	position: absolute;
}
body.mobile-app-cta-active nav .mobile-spacer {
	height: 0 !important;
}
body.mobile-app-cta-active nav .notification {
    position: relative;
}
body.mobile-app-cta-active .mobile-app-cta {
	display: none;
	display: grid;
    grid-template-columns: 30px 60px 1fr auto;
}
body.mobile-app-cta-active .mobile-app-cta .btn-close {
	display: flex;
    justify-content: flex-end;
    align-items: center;
}
body.mobile-app-cta-active .mobile-app-cta .btn-close a {
	display: block;
	width: 15px;
	height: 15px;
	background-image: url(../images/home/mobile-app-cta-close-btn.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
body.mobile-app-cta-active .mobile-app-cta .logo {
	display: flex;
    justify-content: flex-end;
    align-items: center;
	padding: 5px 8px;
}
body.mobile-app-cta-active .mobile-app-cta .description {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* transform: scale(0.9);
    transform-origin: left center; */
}
body.mobile-app-cta-active .mobile-app-cta .description p:nth-child(1) {
	font-size: 0.875rem;
	font-weight: bold;
    line-height: 1;
    padding: 0;
	margin-bottom: 5px;
}
body.mobile-app-cta-active .mobile-app-cta .description p:nth-child(2) {
	font-size: 0.75rem;
    line-height: 1;
    padding: 0;
    margin: 0;
}
body.mobile-app-cta-active .mobile-app-cta .btn-download {
	display: flex;
    justify-content: flex-end;
    align-items: center;
	padding-right: 15px;
}
body.mobile-app-cta-active .mobile-app-cta .btn-download a {
    font-size: 0.875rem;
    background-color: #2767D4;
    color: white;
    padding: 3px 10px;
    border-radius: 5px;
	text-decoration: none;
}
/**************************************** 
Mobile Menu 
****************************************/
nav div.mobile {
	z-index: 9999;
	position: fixed;
    width: 100%;
	font-size: 1.125rem;
	background: white;
	padding: 0 10px;
	top: 3px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}

nav div.mobile .mbar a{
	display: inline-block;
}
nav div.mobile.fixed{
	background-color: #EAF9FF;
}

nav div.mobile .scroll_menu span{
	background-color: #EAF9FF;
	display: inline-block;
    padding: 15px 0;
}

.mobile_scroll_menu{
	position: relative;
    top: 65px;
    height: 45px;
    background-color: #EAF9FF;
    width: calc( 100% + 30px);
    margin-left: -15px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	white-space: nowrap;
}
.mobile_scroll_menu > span{

	white-space: normal !important;
    display: inline-block;
    line-height: 48px;
	font-size: 1.125rem;
	color: #004C76;
}
.mobile_scroll_menu > span:first-child{
	padding-left: 20px;
}

nav div.mobile > div {
	padding: 0;
}
nav div.mobile > div img {
	max-width: 100%;
	height: 35px;
}
nav div.mobile .tagline {
	display: flex;
    align-items: center;
    color: #007bbf;
	margin-left: 10px;
	font-size: 0.875rem;
	line-height: 1.3;
}
nav div.mobile .icons a.btn-secondary{
	height: auto;	
	font-size: 0.875rem;
	font-weight: bold;
	vertical-align: text-bottom;
	margin-right: 15px;
	padding: 11px 18px;
}
html:lang(en) nav div.mobile .tagline {
	font-size: 0.75rem;
}
html:lang(en) nav div.mobile .icons a.btn-secondary{
	font-size: 0.75rem;
	padding: 11px 7px;
}

nav div.mobile .icons {
	text-align: right;
}
nav div.mobile .icons a.box {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 100%; 
	font-size: 1.875rem;
	text-decoration: none;
	color: #2767D4;
	transition: 0.3s all ease;
	-ms-transform: rotate(0deg); /* IE 9 */
	-webkit-transform: rotate(0deg); /* Safari 3-8 */
	transform: rotate(0deg);
	background-repeat: no-repeat;
    background-image: url(../images/common/navigation-icon.png);
    background-size: 30px;
    background-position: top 53% left 50%;

}
nav div.mobile .icons a.box > span{
	display:inline-block;
	width: 30px;
	height: 30px;
}
nav span.mobile_close{
	display:inline-block;
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
    background-image: url(../images/common/close-icon-blue.png);
    background-size: 25px;
    background-position: top 53% left 50%;
}
nav div.mobile .icons > a:last-child {
	
}
nav div.mobile .icons > a:last-child.active {
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Safari 3-8 */
	transform: rotate(180deg);
	color: #fc0000;
}
nav div.mobile .icons > a:last-child.active span.fa-bars:before {
	content: "\f00d";
	font-family: FontAwesome;
	padding: 0 1px 0 .5px;
}
.modal-backdrop.show {
	display: none;
}
/* Mobile Search */
nav #mobile-nav ul {
	list-style-type: none;
	margin: 10px 20px 0px 20px;
	padding: 0;
	overflow: hidden;
	width: auto;
}

nav #mobile-nav li.search{

}
nav #mobile-nav li.search label{
	margin-bottom: 0px;
	cursor:pointer;
	float:left;
}
nav #mobile-nav li.search input{
	display:inline-block;
	width:100%;
	height: auto;
	border: 1px #C0D2D6 solid;
    border-radius: 20px;
	padding: 9px;
	margin-top: 0px;
	padding-right: 35px;
}
html:lang(en) nav #mobile-nav li.search input{

}
nav #mobile-nav li.search  a{
	position: absolute;
    right: 35px;
    top: 20px;
}
nav #mobile-nav li.search .btn-voice-search {
	width: 18px;
    height: 18px;
    margin: 0px;
    margin-left: 1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(../images/common/mic-orange.png);
    position: absolute;
    top: 22px;
    right: 60px;
}
nav #mobile-nav li.search .btn-voice-search.recording {
	background-image: url(../images/common/stop-record-orange.png);
}
nav #mobile-nav li.search.active{

}

nav #mobile-nav li.search.active #d_searchquery {
	margin-bottom: 0px;
}
nav #mobile-nav li.search.active .icon_search{
	display:inline-block;
	width:18px;
	height: 18px;
	margin: -2px;
    margin-left: 1px;
	background-repeat: no-repeat;
	background-size: contain;	
	background-position: center;
	background-image: url(../images/common/search-icon-orange.png);
}
nav #mobile-nav li.text-size, nav #mobile-nav li.switch_lang{
	width: 50%;
	display:inline-block;
	text-align:center;	
	padding: 18px 0;
}
nav #mobile-nav li.text-size a{
	background:url(../images/common/word-size-icon-orange.png) no-repeat right 1px;
	background-size: contain;
	padding-right:30px;
}
nav #mobile-nav li.switch_lang a{
	padding: 0 5px;	
	
}
nav #mobile-nav li.switch_lang a:last-child{
	border-left: 1px #CCC solid;	
}
nav #mobile-nav li.switch_lang a:last-child{
	background:url(../images/common/language-change-icon-orange.png) no-repeat right 1px;
	background-size: contain;
	padding-right:30px;
}

/* Mobile Nav */
#mobile-nav {
	padding: 0 !important;
	background: rgba(0, 0, 0, 0.3);
	z-index: 10000;
	width:0;	
	transition: all 0.5s ease;
	right:auto;
	left:100%;
}
#mobile-nav.show{
	left: 0;
	transition: all 0.5s ease;
	width:100%;
}

#mobile-nav .modal-dialog {
	min-height: 100%;
	width: 85%;
    max-width: 85%;
	margin: 0;
	left: 15%;
	background-color:#FFF;
}
#mobile-nav .modal-content {
	margin: 0;
    padding: 0;
    border-radius: 0;
	border: 0;
	height:100%;
}
#mobile-nav .modal-header {
	padding: 10px 0 10px 20px;
	border:none;
}
#mobile-nav .modal-header p{
	padding: 0;	
	margin:0;
	font-size: 1.125rem;
}
#mobile-nav .modal-headerafter{
	content: ' ';
	display:block;
	height:3px;
	width:100%;
	background-color: blue;	
}
#mobile-nav .modal-header img {
	height: 100%;
	width: auto;
}
#mobile-nav .modal-header a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 100%; 
	padding: 0px;
	font-size: 1.875rem;
	font-weight: bold;
	text-decoration: none;
	color: #2767D4;
	transition: 0.3s all ease;
}
#mobile-nav .modal-header a:first-child {
	padding: 0;
}
#mobile-nav .modal-header a:last-child {
	margin-right: 20px;
}
#mobile-nav .modal-header a:hover {
	color: #fc0000;
}
#mobile-nav .modal-body {
	width: 100%;
	padding: 0;
}
#mobile-nav .modal-body a.main-menu {
    display: block;
	width: 100%;
    font-size: 1.125rem;
    color: #004C76;
    padding: 0px 20px;
    text-decoration: none;
}
#mobile-nav .modal-body a.main-menu span{
	display: block;
    padding: 9px 0px;
	border-bottom: 1px #E8E8E8 solid;
	
}
#mobile-nav .modal-body a.main-menu:focus,
#mobile-nav .modal-body a.main-menu.active,
#mobile-nav .modal-body a.main-menu:hover {
   	background-color:#F0FAFF;
}


#mobile-nav .mobile-bottom{
	position:absolute;
	bottom:0px;	
	width:100%;
	pointer-events: auto;
	border-top: 1px #CCC solid;	
}
#mobile-nav .modal-body::after{
	content: '';
	display: block;
	height: 200%;
    width: 100%;
    position: fixed;
}


/**************************************** 
Tablet - Nav
****************************************/

@media all and (min-width: 768px) {
	nav div.mobile > div img {
		height: auto;
		width: 80px;
	}	
	nav div.mobile {
    	padding: 0 30px;
	}
	#mobile-nav .modal-header {
		padding: 10px 0 10px 30px;
	}
	#mobile-nav .modal-body a.main-menu {
		padding: 0px 30px;
	}
	#mobile-nav .modal-header a:last-child {
		margin-right: 30px;
	}
	
}

/**************************************** 
Share Function
****************************************/
.social-share-list {
	margin-bottom: 0 !important;
}
.social-share-list, .social-share-list .social-share {
	list-style-type: none;
	margin: 0 ;
	padding: 2px 2px;
	overflow: hidden;
	width: auto;
	font-size: 0.875rem;
	text-align:center;
}
.social-share-list .social-share {
	display:none;	
}
.social-share-list.active .social-share{
	display:block;	
}
.social-share-list li{
	display: inline-block;
	margin: 0 !important;
}
.social-share-list li a{
	display: inline-block;
}
.social-share-list .social-share{
	position:absolute;
	padding:0px;
	box-shadow: 0px 1px 4px rgba(0,0,0,0.2);
	top: 30px;
    background-color: #FFF;
	z-index:401;
	margin-left: -24px;
}
.social-share-list .social-share li{
	display:block;
	padding: 0 15px;
	margin:0;
}
.social-share-list .social-share a{
	display:block;
	text-align: left;
	color: #565656;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:left; 
	background-size: 25px;
    padding: 8px 0px 8px 32px;
	border-bottom: 1px #F0F0F0 solid;	
}
.social-share-list .social-share li:hover{
	background-color: #FAFAFA;	
}
.social-share-list > li:first-child > a{
	margin-left: 0;
}
.social-share-list .social-share li:last-child a{
	border-bottom: none;
}
.social-share-list .social-share a.share-email{
	background-image:url(../images/common/share-email-icon-orange.png);	
}
.social-share-list .social-share a.share-email:hover{
	background-image:url(../images/common/share-email-icon-orange-02.png);	
}
.social-share-list .social-share a.share-facebook{
	background-image:url(../images/common/share-facebook-icon-orange.png);	
}
.social-share-list .social-share a.share-facebook:hover{
	background-image:url(../images/common/share-facebook-icon-orange-02.png);	
}

.social-share-list .social-share a.share-whatsapp{
	background-image:url(../images/common/share-whatsapp-icon-orange.png);	
}

.social-share-list .social-share a.share-whatsapp:hover{
	background-image:url(../images/common/share-whatsapp-icon-orange-02.png);	
}

.social-share-list .social-share a.share-wechat{
	background-image:url(../images/common/share-wechat-icon-orange.png);	
}

.social-share-list .social-share a.share-wechat:hover{
	background-image:url(../images/common/share-wechat-icon-orange-02.png);	
}

.social-share-list .social-share a.share-weibo{
	background-image:url(../images/common/share-weibo-icon-orange.png);	
}

.social-share-list .social-share a.share-weibo:hover{
	background-image:url(../images/common/share-weibo-icon-orange-02.png);	
}


.social-share-list .social-share a.share-twitter{
	background-image:url(../images/common/share-twitter-icon-orange.png);	
}

.social-share-list .social-share a.share-twitter:hover{
	background-image:url(../images/common/share-twitter-icon-orange-02.png);	
}


.social-share-list .social-share a.share-link{
	background-image:url(../images/common/share-link-icon-orange.png);	
}

.social-share-list .social-share a.share-link:hover{
	background-image:url(../images/common/share-link-icon-orange-02.png);	
}




/**************************************** 
Footer
****************************************/
footer{
	position: relative;
	color: #666;
}

#scroll-to-top {
	position:  absolute;
	top: -90px;
    right: 9px;
	z-index: 99;
	font-size: 0.875rem;
	border: none;
	outline: 0;
	background-image: url(../images/common/back-to-top-icon.png);
	background-repeat:no-repeat;
	background-size: 45px;
	background-position: top center;
	background-color:transparent;
	color: #1F53AD;
	cursor: pointer;
	padding: 0px;
	transition: 0.3s all ease;
	width: 80px;
    height: 70px;
	padding-top: 50px;

}
html:lang(en) #scroll-to-top{
	font-size: 0.813rem;
}
#scroll-to-top.fixed {
    position: fixed;
    bottom: 36px;   
 	top: auto;
	
}
.hcp_detsila_page #scroll-to-top.fixed {
	bottom: 100px;
}
#scroll-to-top:hover {
	
}
#scroll-to-top:focus {
	/* outline:3px solid #0066cc; */
	box-shadow: var(--var-dual-outline-box-shadow);
    outline: var(--var-dual-outline-outline);
    outline-offset: var(--var-dual-outline-outline-offset);
}
footer .container-fluid {
	padding: 0;
	font-size: 0.813rem;
}
footer .container-fluid .row {
	margin: 0;
}
.container-fluid.sp-line,
.container-fluid.sp-line .col-sm-12 {
	padding: 0;
}
.container-fluid.sp-line .col-sm-12 hr {
	margin: 0;
	padding: 0;
	background-color: #2767D4;
	height: 5px;
}
.footer_blue_box{
	background: #F1FAFF;	
}
.footer_blue_box .container {
	margin: 0;
	padding: 30px 20px 40px;	
	font-size: 0.938rem;
}
.footer_quicklink .container {
	margin: 0;
	padding: 30px 0px;	
	font-size: 0.938rem;
	max-width: 100%;
}
.footer_blue_box .content{
	margin-bottom: 40px;
}

.footer_blue_box .title{
	font-family: 'Quicksand-Medium', 'Microsoft JhengHei', 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, 'NotoSansHK-Bold', 'NotoSansSC-Bold', Arial, sans-serif;
	font-size: 1.313rem;
	margin-bottom:15px;
}
html:lang(en) .footer_blue_box .title{
	font-family: 'Quicksand-Medium', 'Microsoft JhengHei', 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, 'NotoSansHK-Bold', 'NotoSansSC-Bold', Arial, sans-serif;
}
.footer_blue_box img{
	width: 60px;	
	margin-right: 10px;
}
.footer_blue_box .name, .box-24hr_tel.all .name{
	display: inline-block;
	width: 80px;
	margin-left:0px;
	margin-bottom:0px;
}
.box-24hr_tel.all .name{
	width: 100px;
}
.box-24hr_tel .title{
	line-height: 1.5;
}


html:lang(en) .footer_blue_box .name{
	width: 110px;
}
.footer_blue_box .tel{
	color:#2767D4;
	font-size: 1.313rem;
}

.footer_blue_box ul li{
	margin-top: 2px;
    margin-bottom: 10px;
}
footer .icons img {
	max-height: 66px;
	width: auto;
	margin: 0 5px;
}
footer .container-fluid .details {
	margin-top: 0px;
	margin-bottom: 0px;
    display: block;
	padding: 0 20px;
	max-width: 100%;
	
}
footer .container-fluid .simple.details {
	padding-top: 10px;
	display:block;
	max-width: 100%;
}
footer .container-fluid .container.details {
	padding: 0;
	border-top:1px #dfdfdf solid;
	padding-top: 10px;
	padding-bottom: 0;
}
footer .container-fluid .container.details .icons a {
	display: inline-block;
}
footer .container-fluid .details > div {

}
footer .container-fluid .details .col-sm-5{
	border-top:none;
	padding-top: 0px;
}
footer .container-fluid .details .right {
	border-top:1px #dfdfdf solid;
	padding: 0;
}
footer .container-fluid .simple.details > .left > div:first-child {
	padding-bottom:10px;
}
footer .container-fluid .simple.details > div {
	border-top: none;
}
footer .container-fluid .simple.details > .left{
	border-top: 1px #CCC solid;
    margin-top: 15px;
}
footer .container-fluid .simple.details div.text {
	width: 100%;
    display: block;
	text-align:center;
}
footer .container-fluid .simple.details div.text:last-child{
	text-align:center;	
}
footer .container-fluid .details.footermenu > div {
	padding-top: 10px;
	padding-bottom: 0px;
}
footer .container-fluid .details.footermenu > div[class*=order-md] {
	padding-top: 10px;
	padding-bottom: 10px;
}
footer .container-fluid .details.footermenu > div:last-child {
	padding-bottom: 10px;
}
footer .container-fluid .details .left {
    display: block;
	max-width: 100%;
	text-align: center;
	padding-top: 10px;
}
footer .container-fluid .details .right {
    display: block;
	text-align: center;
	max-width: 100%;
	padding-top: 10px;
}
footer .container-fluid .details .left .icons img {
	padding-bottom: 10px;
}
footer .container-fluid .details .right .icons img {
	padding-bottom: 10px;
}
footer .container-fluid .details .right .icons {
	order: 2;
}
footer .container-fluid .details .right .icons a{
	display: inline-block;
}
footer .container-fluid .details .text {
	font-size: 0.75rem;
	color: #565656;
	order: 1;
}
footer .container-fluid .details .left .text a {
	font-size: 0.75rem;
	color: #565656;
	padding: 0 5px;
}

.footer_quicklink{
	background-color: #2767D4;
	color: #FFF;	
	font-family: 'Quicksand-Medium', 'Microsoft JhengHei', 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, 'NotoSansHK-Regular', 'NotoSansSC-Regular', Arial, sans-serif;
	letter-spacing: 0.075em;
	font-size: 0.938rem;
}
html:lang(en) .footer_quicklink{
	font-family: 'Quicksand-Medium', 'Microsoft JhengHei', 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, 'NotoSansHK-Regular', 'NotoSansSC-Regular', Arial, sans-serif;
	letter-spacing: normal;
}
.footer_quicklink .title{
	font-size: 1.5rem;
	text-align: center;
    padding-bottom: 10px;
}
.footer_quicklink .col-lg-10{
	padding:0;	
}
.footer_quicklink a{
	color: #FFF;	
}
.footer_quicklink ul.quick_link{
	list-style-type: none;
	margin: 0;
	padding: 0;
	/* overflow: hidden; */
	width: auto;
	max-width: 1024px;
}
.footer_quicklink ul.quick_link > li{
	display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 0 20px;
}
.footer_quicklink ul.quick_link > li > a{		
	font-family: 'Quicksand-Medium', 'Microsoft JhengHei', 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, 'NotoSansHK-Bold', 'NotoSansSC-Bold', Arial, sans-serif;
	font-size: 1.125rem;
	display: block;
    padding: 15px 0;
    border-bottom: 1px #0098FF solid;
	background-image:url(../images/common/arrow-right-icon-white.png);
	background-position:right;
	background-size: 21px;
	background-repeat:no-repeat;
}
.footer_quicklink ul.quick_link > li:last-child > a{		
    border-bottom: 0;
}
.footer_quicklink ul.quick_link > li a:hover{
	text-decoration:none;
}


html:lang(en) .footer_quicklink ul.quick_link > li > a{		
	font-family: 'Quicksand-Medium', 'Microsoft JhengHei', 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, 'NotoSansHK-Bold', 'NotoSansSC-Bold', Arial, sans-serif;
}
.footer_quicklink ul.quick_link > li > ul{
	display:none;
	list-style:none;	
	padding: 0;
	background-color: #FFF;
	margin-left: -20px;
    margin-right: -20px;
}
.footer_quicklink ul.quick_link > li > ul > li{
	padding: 0 20px;
}
.footer_quicklink ul.quick_link > li > ul > li a{
	color: #212529;
}
.footer_quicklink ul.quick_link > li > a:hover,
.footer_quicklink ul.quick_link > li > ul > li a:hover {
    text-decoration: underline;
    color: #FFF;
}

.font-icon-fix {
    position: relative;
    top: -1px;
}


/**************************************** 
Home Slider 
****************************************/



/**************************************** 
Section Logo Carousel 
****************************************/
section.logo-carousel {
	margin: 30px 0;
}
.slick-slide {
    margin: 0 6px;
}
/* the parent */
.slick-list {
	margin: 0 -6px;
}
section.logo-carousel .container{
	padding: 0 20px;	
	max-width: 100%;
}


section.logo-carousel div.slider-logo {
	max-width: 90%;
    margin: 0 auto;
}
section.logo-carousel div.slider-logo .slick-prev:before, .timeline-carousel .slick-prev:before {
	content: "";
}
section.logo-carousel div.slider-logo .slick-next:before, .timeline-carousel .slick-next:before  {
	content: "";
}
section.logo-carousel div.slider-logo .slick-prev, section.logo-carousel div.slider-logo .slick-next{
	width:12px;
	height: 38px;
	background-repeat:no-repeat;
	top: 38%;
	background-size: contain;
	
}
section.logo-carousel div.slider-logo .slick-prev {
	background-image:url(../images/common/click-left-button.png);
}
section.logo-carousel div.slider-logo .slick-next {
	background-image:url(../images/common/click-right-button.png);
}


section.logo-carousel div.slider-logo .slick-prev:before, 
section.logo-carousel div.slider-logo .slick-next:before{
	color: #707071;
	opacity: 1;
}
.timeline-carousel .slick-next:before,
.timeline-carousel .slick-prev:before {
	color: #FFFFFF;
	opacity: 1;
}
.timeline-carousel .slick-disabled{
	display:none !important;
}
.timeline-carousel .slick-disabled:before{
	opacity: 0;
}
.timeline-carousel .slick-next,
.timeline-carousel .slick-prev {
	height:35px;
	width:35px;
	background: #707071;
    border-radius: 18px;
	padding: 8px;
}
.timeline-carousel .slick-next:hover,
.timeline-carousel .slick-prev:hover {
	text-decoration:none;
}

.timeline-carousel .slick-next:before,
.timeline-carousel .slick-prev:before {
	font-size: 1.313rem;
}
.timeline-carousel .slick-next:before {
	padding-left: 4px;
}
.timeline-carousel .slick-prev:before {
	padding-right: 4px;
}

.timeline-carousel .slick-next {
	right: -10px;
	z-index:999;
	
}
.timeline-carousel .slick-prev {
	left: -38px;
	z-index:999;
}


section.logo-carousel div.slider-logo .slick-prev:focus, section.logo-carousel div.slider-logo .slick-next:focus , .timeline-carousel .slick-prev:focus,  .timeline-carousel .slick-next:focus{

}
section.logo-carousel div.slider-logo a img {
	margin: 0 auto;
	height: auto;
}
section.logo-carousel div.slider-logo .slick-track {
	display: flex;

}
section.logo-carousel div.slider-logo .slick-track .slick-slide {
	display: flex;
	height: auto;
	align-items: center;
	justify-content: center;
}
section.logo-carousel div.slider-logo .slick-track .slick-slide a {
	display: inline-block;
	margin-top: 3px;
}
section.logo-carousel div.slider-logo .slick-dots li {
	margin: 0;
}
section.logo-carousel div.slider-logo .slick-dots li :focus{
	border: 3px solid black;
	border-radius: 0;
}
section.logo-carousel div.slider-logo .slick-dots li button:before {
	content: "\f10c";
	font-family: FontAwesome;
	color: black;
    opacity: 1;
}
section.logo-carousel div.slider-logo .slick-dots li.slick-active button:before {
	content: "\f111";
	font-family: FontAwesome;
}

section.logo-carousel div.control-btn a {
	position: absolute;
    left: calc(50% - 125px);
    bottom: -32px;
}

/**************************************** 
Section Landing Banner  & Thin Banner 
****************************************/
section.landing_banner {
	display: flex;
    align-items: flex-end;
	padding: 0;
    -webkit-background-size: auto 190px;
    -moz-background-size: auto 190px;
    -o-background-size: auto 190px;
    background-size: auto 190px;
	background-position: top center;
	background-repeat: no-repeat;
}
section.thin_banner {
	display: flex;
    align-items: center;
	padding: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
section.landing_banner{
	height: 190px;
}
section.thin_banner p:empty,
section.landing_banner p:empty {
	display: none;
}
section.thin_banner {
	min-height: 120px;
    text-align: center;
    padding: 20px 0px;
}
section.landing_banner.normal {
	height: 190px;
}
section.landing_banner > div, section.thin_banner > div{
	width:100%;
	margin: 0 auto;
	padding: 0 20px;
}
section.landing_banner h1, section.thin_banner h1{
	font-size: 2rem;
	margin-bottom: 0;
}

section.landing_banner{
	margin-bottom: 0;
}
section.landing_banner > div{
	display: block;
	margin-top: 0;
    background-color: #FFF;
    padding: 20px 20px 30px;
    text-align: center;
}
section.landing_banner > div h1{
	line-height: 35px;
}
section.landing_banner > div p{
	padding-top: 10px;
	margin: 0;
	line-height: 20px;
}	

section.landing_banner.normal{

}
section.landing_banner.normal > div {

}

/**************************************** 
Section content 
****************************************/
.content-top {
	padding: 20px 0px;
	text-align:right;
}
.content-top a.btn_share,.content-top a.btn_print,.content-top a.btn_download {
	color: #565656;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:left; 
	background-size: 23px;
	padding: 4px 0px 4px 32px;
	margin-left: 10px;
	cursor: pointer;
}
.details_top a.btn_print{
	margin-left: 20px;	
}
.results-div.content-top a.btn_share,.results-div.content-top a.btn_print{
	margin-left: 20px;
}

.content-top a.btn_share{
	background-image:url(../images/common/share-icon-orange.png);	
}
.content-top a.btn_print{
	background-image:url(../images/common/print-icon-orange.png);	
}
.content-top a.btn_download{
	background-image:url(../images/common/download-icon-orange.png);	
}


.content-top a.btn_share:hover{
	background-image:url(../images/common/share-icon-orange-02.png);	
}
.content-top a.btn_print:hover{
	background-image:url(../images/common/print-icon-orange-02.png);	
}
.content-top a.btn_download:hover{
	background-image:url(../images/common/download-icon-orange-02.png);	
}

.container{
	margin: 0 auto;	
}
.desktop .container{
	width: 100%;
	max-width:2000px;
	padding-left:5px;
	padding-right:5px;
	margin: 0 auto;	
}
.desktop .container .scroll_menu{
	width: 2000px;
	margin: 0 auto;
}
section.content {

}
section.content .content-heading{
    margin-bottom: 50px;
    text-align: left;
}
section.content .image{
	display:block;
    clear:both;
    margin-bottom: 15px;
    margin-right: 0;
    width: 100%;
    text-align: center;
}
section.content .image > a{
	display: block;
}
section.content .content-heading a.btn {
    display: block;
    margin: 10px 0;
}
section.content .forgot-password-title:before {
	content: "";
	display: inline-block;
	width: 40px;
    height: 40px;
	background-image: url(../images/common/forgot-password-icon.png);
    background-position: center center;
    background-repeat: no-repeat;
	background-size: contain;
	margin-right: 5px;
	margin-top: -5px;
    margin-bottom: -10px;
}
.time_remark{
	font-size: 0.875rem;
	color: #757575;
	background-image:url(../images/common/time-icon-orange.png);
	background-position:left;
	background-repeat:no-repeat;
	background-size:contain;
	padding: 3px 0px 3px 32px;
    margin: 0 5px;	
}

.content-text{
	margin-top: 40px;	
}

.dl_app_row {
	display: flex;
	display: -ms-flexbox;
	-ms-flex-wrap: wrap;
}
.dl_app_row .dl_app_box {
    width: auto;
    flex: 0 0 48%;
    -ms-flex-positive: 0;
    -ms-flex-negative: 0;
    -ms-flex-preferred-size: 48%;
    max-width: 48%;
    padding: 0 10px;
    vertical-align: top;
}
.dl_app_row .dl_app_box.qr_code {
    flex: 0 0 22%;
    -ms-flex-positive: 0;
    -ms-flex-negative: 0;
    -ms-flex-preferred-size: 22%;
    max-width: 22%;
}
.dl_app_row .dl_app_box.qr_code img {
	width: auto;
	min-width: 130px;
}
.dl_app_row .dl_app_box.app_store {
	position: relative;
    flex: 0 0 78%;
    -ms-flex-positive: 0;
    -ms-flex-negative: 0;
    -ms-flex-preferred-size: 78%;
    max-width: 78%;
}
.dl_app_row .dl_app_box.app_store .app_store_wrap {
	text-align: left;
}
.dl_app_row .dl_app_box.app_store a {
	display: inline-block;
	width: 30%;
	max-width: 185px;
	min-width: 160px;
	margin-bottom: 15px;
	margin-left: 1.5%;
	margin-right: 1.5%;
}
.dl_app_row .dl_app_box.app_store h3 {
	margin-left: 1.5%;
}

@media all and (max-width: 1166px) {
	.dl_app_row .dl_app_box.app_store a {
		margin-left: 1%;
		margin-right: 1%;
	}
	.dl_app_row .dl_app_box.app_store h3 {
		margin-left: 1%;
	}
}

@media all and (min-width: 768px) and (max-width: 991px) {
	.dl_app_row .dl_app_box {
		padding: 0 5px;
	}
}

@media all and (max-width: 767px) {
	.dl_app_row .dl_app_box.qr_code {
		flex: 0 0 30%;
		-ms-flex-positive: 0;
	    -ms-flex-negative: 0;
	    -ms-flex-preferred-size: 30%;
    	max-width: 30%;
	}
	.dl_app_row .dl_app_box.app_store {
	    flex: 0 0 70%;
	    -ms-flex-positive: 0;
	    -ms-flex-negative: 0;
	    -ms-flex-preferred-size: 70%;
    	max-width: 70%;
	}
}

@media all and (max-width: 629px) {
	.dl_app_row .dl_app_box.qr_code {
		flex: 0 0 50%;
		-ms-flex-positive: 0;
	    -ms-flex-negative: 0;
	    -ms-flex-preferred-size: 50%;
    	max-width: 50%;
	}
	.dl_app_row .dl_app_box.app_store {
	    flex: 0 0 50%;
	    -ms-flex-positive: 0;
	    -ms-flex-negative: 0;
	    -ms-flex-preferred-size: 50%;
    	max-width: 50%;
	}
}

@media all and (max-width: 499px) {
	.dl_app_row {
		display: block;
		margin-right: auto;
	}
	.dl_app_row .dl_app_box {
		padding: 0 5px;
	}

	.dl_app_row .dl_app_box.qr_code {
		flex: none;
		max-width: 100%;
		margin-bottom: 9.5%;
	}

	.dl_app_row .dl_app_box.app_store {
	    flex: none;
	    max-width: 100%;
	    margin-bottom: 20px;
	}

	.dl_app_row .dl_app_box.qr_code img {
		min-width: unset;
	}

	.dl_app_row .dl_app_box.app_store .app_store_wrap {
		text-align: center;
	}

	.dl_app_row .dl_app_box.app_store a {
		width: 90%;
		margin-bottom: 9.5%;
		min-width: unset;
		max-width: 220px;
	}
	.dl_app_row .dl_app_box.app_store a:nth-child(1) {
		margin-right: auto;
	}
}



/**************************************** 
All Widgets
****************************************/
div.wget_hcp_search {
	background-color:#eaf8ff;
	padding: 20px;
	text-align: center;
	flex-direction: column;
}

div.wget_enew_subscribe,
div.wget_hcp_reg{
	background-color:#eaf8ff;
	padding: 20px;
	text-align: center;
}

div.wget_hcp_reg{
	background-image: url('../images/healthcare-provider-and-professional/bg-hcp-reg-form.png');
	background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
}
@media (max-width: 1138px) {
	div.wget_hcp_reg{
	    background-position: right -10rem top;
	}
}
@media (max-width: 991px) {
	div.wget_hcp_reg{
		padding-top: 13rem;
		background-image: url('../images/healthcare-provider-and-professional/bg-hcp-reg-form-m.png');
		background-position: left top -17rem;
		background-size: auto;
	}
}

div.wget_enew_subscribe div.p_bottom,
div.wget_hcp_reg div.p_bottom{
	position:absolute;
	bottom: 0;
}

form.hcp-search-filter .search_box {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}
form.hcp-search-filter .search_box .area-1 {
    grid-area: 1 / 1 / 2 / 5;
}
form.hcp-search-filter .search_box .area-2 {
    grid-row: span 2;
}
form.hcp-search-filter .search_box .area-3 {
    grid-area: 2 / 1 / 2 / 5;
}
form.hcp-search-filter .search_box .area-3 .addition {
    display: inline-block;
}
@media (max-width: 991px) {
	form.hcp-search-filter .search_box .area-2 {
		grid-row: span 1;
	}
	form.hcp-search-filter .search_box .area-3 {
        grid-area: 2 / 1 / 2 / 6;
    }
}
@media (max-width: 767px) {
    form.hcp-search-filter .search_box {
        grid-template-columns: repeat(1, 1fr);
    }
    form.hcp-search-filter .search_box .area-2 {
        grid-area: 2 / 1 / 2 / 5;
    }
    form.hcp-search-filter .search_box .area-3 {
        grid-area: 3 / 1 / 3 / 5;
    }
    form.hcp-search-filter .search_box .area-3 .addition {
        display: block;
    }
}

div.wget_hcp_search ul{
	margin: 0 !important; 
}
div.wget_hcp_search input {
    padding: 10px 15px;
    border: 1px solid #adadad;
    border-radius: 5px;
    background-color: #FFFFFF;
    color: #212121;
    width: 100%;
    margin: 10px 0;
	line-height: 1.43;
}
div.wget_hcp_search input:focus {
    outline: 0.01rem dotted rgba(255,255,255,0.01);
}
div.wget_hcp_search .btn-voice-search {
	width: 25px;
    height: 25px;
    margin: 0px;
    margin-left: 1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(../images/common/mic-orange.png);
    position: absolute;
    top: 20px;
    right: 22px;
}
div.wget_hcp_search .btn-voice-search.for-tagify {
	top: 10px;
    right: 10px;
    display: none;
}
div.wget_hcp_search .re_query_wrap .btn-voice-search {
	top: -3px;
    right: 8px;
}
div.wget_hcp_search .btn-voice-search.recording {
	background-image: url(../images/common/stop-record-orange.png);
}
div.wget_hcp_search select {
    padding: 10px 30px 10px 15px;
	border: 1px solid #adadad;
    border-radius: 5px;
    background-color: #FFFFFF;
    color: #212121;
    width: 100%;
    margin: 10px 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearence: none;
    background-image: url(../images/common/arrow-down-icon-blue.png);
    background-position: right 10px center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
}
div.wget_hcp_search select:focus {
    outline: 0.01rem dotted rgba(255,255,255,0.01);
}
div.wget_hcp_search select::-ms-expand {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0); 
    opacity: 0;
   }
div.wget_hcp_search button.btn-secondary {
    padding: 11px 5px 11px 5px;
    border: 0;
    border-radius: 5px;
	background-color: #2767D4;
    color: white;
    width: 100%;
    margin: 10px 0;
}
div.wget_hcp_search button.btn-secondary:after {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 5px;
    margin-bottom: -2px;
    background-image: url(../images/common/search-icon-white.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
div.wget_hcp_search button.btn-secondary:hover {
    border: 0;
	background-color: white;
    color: #2767D4;
    box-shadow: 0px 0px 0px 2px #2767D4 inset;
}
div.wget_hcp_search button.btn-secondary:hover:after {
    background-image: url(../images/common/search-icon-blue.png);
}
div.wget_hcp_search button.btn-secondary:focus {
	/* background-color: #244884; */
}
div.wget_hcp_search button.btn-secondary.btn-reset {
    background-color: #777777;
}
div.wget_hcp_search button.btn-secondary.btn-reset:after {
    background-image: url(../images/common/reset-white.png);
}
div.wget_hcp_search button.btn-secondary.btn-reset:hover {
    background-color: #777777;
    color: white !important;
    box-shadow: none;
}
div.wget_hcp_search .btn_adv_search {
	width: 100%;
	height: auto;
	margin: 8px 0;
	padding: 11px 5px 11px 5px;
	white-space: inherit;
	text-wrap: auto;
}
div.wget_hcp_search .btn_adv_search:after {
	content: '';
	display: inline-block;
    width: 18px;
    height: 18px;
    margin-bottom: -2px;
    margin-left: 5px;
	background-image: url(../images/common/adv-search-icon-white.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
div.wget_hcp_search .btn_adv_search:hover:after {
    background-image: url(../images/common/adv-search-icon-blue.png);
}
div.wget_hcp_search div.col-district {
    display: block; 
    width: 100%;
}
div.wget_hcp_search div.col-submit {
    display: block; 
    clear: both;
    width: 100%; 
    padding-left: 0;
}
div.wget_home_hcp{
	padding: 20px 0;
	/*height: 415px;*/
	height: auto;
    display: flex;
    align-items: center;
}

div.wget_home_hcp.hcp_search{
	height: auto;
}
div.wget_home_hcp .container{
	padding: 0 20px;	
}

div.wget_hcp_search .container{
	text-align: center;
}	

div.wget_right_security{
	background-image: url(../images/common/security-banner-img.png);
	background-repeat:no-repeat;
	background-color:#FAFAFA;
	background-position:bottom;
	padding: 20px;
	text-align: center;
	padding-bottom: 150px;
    background-size: 50%;
	margin-bottom: 20px;
}

div.wget_full_security {
    background-image: url(../images/common/security-banner-img.png);
    background-repeat: no-repeat;
    background-color: #FAFAFA;
    background-position: center bottom 0px;
    padding: 35px 20px 150px 20px;
    background-size: 220px;
    margin: 20px 0;
    text-align: center;
}
div.wget_full_security > div .text-grey {
	margin-bottom: 30px;
}
div.wget_full_security > div .btn-secondary {
	margin-bottom: 30px;
}

div.wget_full_security .align-item{
	display:block;	
}
div.wget_home_analytics{
	background-image: url(../images/home/reg-data-banner-bg-img.jpg);
	background-repeat:no-repeat;
	background-position:center;
	padding: 30px 20px;	
    background-size: cover;
	margin-bottom: 30px;
}

div.wget_home_analytics .container.row{
	margin: 20px auto 35px;
}
div.wget_home_analytics .container.row .col-md-4{
	padding: 0 10px;
}
div.wget_home_analytics .big-number{
	font-size: 2.25rem;	
}
div.wget_home_analytics img{
	max-width: 82px;
	height: auto;
}
section.content div.wget_home_analytics img{
	max-width: 82px;
	height: auto;
}
section.content div.wget_home_analytics .container.row {
	padding-left: 100px;
}
div.wget_home_analytics .reg-data-icon {
	display: flex;
    flex-direction: column;
    align-items: flex-end;
	justify-content: center;
	padding-right: 0;
}
div.wget_home_analytics .reg-data-icon + [class="col-8"] {
	display: flex;
    flex-direction: column;
	justify-content: center;
}
@media all and (max-width: 1024px) {
	div.wget_home_analytics .big-number{
		font-size: 1.5rem;	
	}
	div.wget_home_analytics .text-grey{
		margin-bottom: 0;
	}
}
@media all and (max-width: 991px) {
	div.wget_home_analytics .reg-data-icon + [class="col-8"] {
		padding-left: 10px;
	}
	div.wget_home_analytics img{
		max-width: 60px;
	}
	div.wget_home_analytics {
		margin-bottom: 60px
	}
	section.content div.wget_home_analytics .container.row {
		padding-left: 10px;
	}
}
@media all and (max-width: 767px) {
	div.wget_home_analytics .container.row {
		padding-right: 0;
    	padding-left: 0;
	}
	div.wget_home_analytics .col-md-4 > .row {
		flex-direction: row;
		align-items: center;
		justify-content: center;
		margin-bottom: 30px;
	}
	div.wget_home_analytics .col-md-4 > .row > [class*=col-] {
		flex: none;
		max-width: none;
		width: auto;
		padding: 0 7.5px;
	}
	div.wget_home_analytics img{
		max-width: 80px;
	}
	div.wget_home_analytics {
		margin-bottom: 70px
	}
	div.wget_home_analytics .reg-data-icon {
		display: inline-block;
		padding-right: 15px;
	}
	div.wget_home_analytics .container.row {
		margin: 20px auto 0;
	}
	section.content div.wget_home_analytics img{
		max-width: 82px;
		height: auto;
	}
	section.content div.wget_home_analytics .reg-data-icon {
		display: inline-block;
	}
}

div[class*="box-"]{
	border-radius: 5px;
	padding: 30px 20px;
	margin-bottom: 20px;
	margin: 10px 0 20px;
}
div.box-image {
	padding: 0;
	overflow: hidden;
}
div.box-image img {
	width: 100%;
}
div.box-image .desc {
	padding: 10px 20px 15px;
	margin: 0;
}
div.box-white {
	clear: both;
	border: #EFEFEF 2px solid;
	min-width: 100%;
}
div.box-white > .details {
    padding: 0px 20px;
}
div.box-white > .details > .title {
    display: inline;
	padding-bottom: 5px;
	line-height: 2.1;
    border-bottom: 2px solid #F66400;
}
div.box-blue {
	clear: both;
	border: #EEF8FA 2px solid;
	background-color: #EAF9FF;
	min-width: 100%;
}
div.box-shadow {
	clear: both;
	background-color: #EAF9FF;
	box-shadow: rgba(32, 82, 167, 0.25) 0px 2px 12px 0px;
	margin: 0 auto;
}
div.box-baby{
	clear: both;
	border: #EFEFEF 2px solid;
	background-image: url(../images/you-and-your-family/for-bady-bg-image.png);
	background-repeat:no-repeat;
	background-position: right 20px top 20px;
	background-size: 92px;
	min-width: 100%;
}
div.box-kids{
	clear: both;
	border: #EFEFEF 2px solid;
	background-image: url(../images/you-and-your-family/for-kids-bg-image.png);
	background-repeat:no-repeat;
	background-position: right 20px top 20px;
	background-size: 92px;
	min-width: 100%;
}
div.box-incapable{
	clear: both;
	border: #EFEFEF 2px solid;
	background-image: url(../images/you-and-your-family/incapable-bg-image.png);
	background-repeat:no-repeat;
	background-position: right 20px top 20px;
	background-size: 92px;
	min-width: 100%;
}
div.box-family{
	clear: both;
	border: #EEF8FA 2px solid;
	background-color: #EAF9FF;
	background-image: url(../images/you-and-your-family/for-family-bg-image.png);
	background-repeat:no-repeat;
	background-position: right 20px top 20px;;
	background-size: 126px;
	min-width: 100%;
}
div.box-info{
	clear: both;
	border: #EFEFEF 2px solid;
	background-image: url(../images/common/step-internet-reg-bg-image.png);
	background-repeat:no-repeat;
	background-position: right 20px top 20px;
	background-size: 92px;
	min-width: 100%;
}
div.box-custom{
	background-repeat:no-repeat;
	background-position: right 20px top 20px;
	background-size: 92px;
}
ul.box-grey {
	background-color: #FAFAFA;
	padding: 10px 15px;
}
div.box-grey{
	clear: both;
	background-color: #FAFAFA;
}
div.box-green{
	clear: both;
	border: 2px solid #00A640;
}
div.box-white_lilac{
	clear: both;
	background-color: #F5F7FA;
}

.spec_blue_b_border {
    border-bottom: 2px solid #c1d4f9;
}

div.tech-support {
	margin: 10px -15px 30px;
}
div.tech-support > div[class*=col-]:last-of-type {
	 border-left: 0;
	 border-top: 1px solid #c6c6c6;
	 padding-top: 25px;
}

div.wide_grey{
	background-color: #FAFAFA;
	padding-top: 30px;
    padding-bottom: 20px;
    margin-bottom: 20px;

}
div.wide_grey .title{
	font-size: 1.5rem;	
}

div.wide_grey ol>li{
	font-size: 1.688rem;
	margin-bottom: 30px;
}
div.wide_grey ol>li .list_content{
	font-size: 1rem;
}
div.wide_grey ol>li .list_content p{ 
	margin-bottom: 0;
}

div.small_grey {
	background-color: #FAFAFA;
	padding: 30px 0 0 0;
	margin: 0;
	margin-bottom: 110px;
}
div.small_grey .small_grey_image{
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
}
div.small_grey img{
	width: 133px;
	height: auto;
}

div.wide_video{
	background-image: url(../images/common/video-bg-image.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto;	
	
	margin-bottom: 30px;
}
div.wide_video [class*="col-"]{
	
}
div.wide_video iframe{
	min-height: 250px;	
	height: 100% !important;
}
div.wide_video .video_content{
	box-shadow: rgba(32, 82, 167, 0.25) 0px 2px 12px 0px;
	margin-right: 0;
	margin-left: 0;
}
div.wide_video .video_content > div, div.wide_white > .container > .row > div {
	padding: 0;
}
div.wide_video .video_content div.content{
	padding: 20px;	
	min-height: 150px;
    display: block;
}
div.wide_video .video_content div.title{
	font-size: 1.688rem;	
}

div.wide_video .video_content div.content .more_video{
	position: relative;
	top: 0;
	bottom: auto;
}
div.wide_video .video_content div.content .more_video .arrow{
	margin-bottom: 0;
}

div.wide_video.no-bg{
	background: transparent;
}
div.wide_video.no-bg .video_content{
	border: #dfdfdf 2px solid;
	box-shadow: none;
	border-radius: 5px;
}
div.wide_video.no-bg .video_content > div{
	border-radius: 5px;
}

div.wide_image{
	background-image: url(../images/common/video-bg-image.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;	
	margin-bottom: 30px;
}
div.wide_image.mini-game-intro{
	background-image: url(../images/common/minigame-intro-bg-image.jpg);
}
div.wide_image .bg-image {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0;
}
div.wide_image .bg-image > div {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: white;
}
div.wide_image .bg-white {
	padding: 30px;
	min-height: 280px;
}
div.wide_image .bg-white div {
	margin-bottom: 0;
}
div.wide_image .bg-white ul.arrow {
	margin-bottom: 0;
}
div.wide_image .container >.row  {
	box-shadow: rgba(32, 82, 167, 0.25) 0px 2px 12px 0px;
}
@media all and (max-width: 767px) {
	div.small_grey .small_grey_image + div {
		display: flex;
		justify-content: center;
	}
	div.small_grey [class*=col-sm-] {
		max-width: fit-content;
		margin-bottom: -5px;
	}
	div.wide_image {
		padding: 0;
	}
	div.wide_image .bg-image {
		background: none;
	}
	div.wide_image .bg-white {
		min-height: auto;
	}
}

div.partnership-panel{
	background-image:url(../images/common/partnership-bg-image.png);
	background-size: 50%;
	background-repeat:no-repeat;
	background-color:#F1FAFF;
	background-position:right bottom;
	padding: 30px 15px;
	margin: 30px 0;
}
div.partnership-panel ul {
	margin-bottom: 0 !important;
}

div.support-panel{
	background-image:url(../images/common/24hr-contact-bg-image.png);
	background-size: 50%;
	background-repeat:no-repeat;
	background-color:#F1FAFF;
	background-position:right bottom;
	padding: 30px 15px;
	margin: 30px 0;
}
div.support-panel ul {
	margin-bottom: 0 !important;
}

div.box-developer-portal{
	background-image:url(../images/common/overview-dev-portal-section-graphic.png);
	background-size: 50%;
	background-repeat:no-repeat;
	background-color:#EBF5FB;
	background-position:right bottom;
	padding-top: 4em;
	padding-bottom: 4em;
}
@media (max-width: 767px) {
	div.box-developer-portal{
		background-size: 193px;
		padding-top: 3em;
		padding-bottom: 3em;
	}
}

div.box-24hr_tel{
	background-image:url(../images/common/24hr-contact-bg-image.png);
	background-size: 50%;
	background-repeat:no-repeat;
	background-color:#F1FAFF;
	background-position:right bottom;
	
}
div.box-24hr_tel.L4{
	width: 100%;
}
div.box-24hr_tel img{
	width:80px;	
}
div.box-24hr_tel .content{
	display: inline-block;
    padding: 0 10px;
}
div.box-24hr_tel .title{
	font-size: 1.5rem;	
}
div.box-24hr_tel > .row > div:last-child{
	border-left: none;
	
}

div.box-24hr_tel > .row > div:last-child > div{
	width: 100%;
	border-top: 1px #C8CECE solid;
}

.small_24hr_tel div.box-24hr_tel > .row > [class*=col-] {
	display: block;
	width: 100%;
}
.small_24hr_tel div.box-24hr_tel > .row > div:last-child{
	border-left: none;
	border-top: 1px #C8CECE solid;
}

div.box-24hr_contact {

}
div.box-24hr_contact img.contact-icon{
	width: 80px;	
}
div.box-24hr_contact .content{
	display: inline-block;
    padding: 0 15px;
}
div.box-24hr_contact .tel-number {
	display: flex;
}
div.box-24hr_contact > .row > .col-12 {
	padding: 0;
}
div.box-24hr_contact table {
	margin: 0 !important;
}
div.box-24hr_contact .table-responsive table {
  	margin-bottom: 10px !important;
}
div.box-24hr_contact table tr th.td,
div.box-24hr_contact table tr td {
	border: 0 !important;
	padding: 5px 15px 5px 0 !important;
}
div.box-24hr_contact .info-icon,
section.content .three-steps .step .green-tag img.info-icon,
table td .green-tag img.info-icon {
	width: 20px;
	height: auto;
	margin-right: 7px;
	margin-top: -3px;
	padding: 0;
}
div.box-24hr_contact .grey-line {
	margin-top: 20px;
	border-top: 1px solid #dfdfdf;
	padding-top: 12px;
}
div.box-24hr_contact .green-tag,
section.content .three-steps .step .green-tag,
table td .green-tag {
	background-color: #00782E;
	padding: 7px 10px;
	color: white;
	display: inline-block;
}
div.box-24hr_contact .green-tag:after,
section.content .three-steps .step .green-tag:after,
table td .green-tag:after {
	content: "";
	clear: both;
	display: block;
	width: 0;
	height: 0;;
}

section.content .three-steps .step .green-tag,
table td .green-tag {
	text-align: left;
    padding: 15px;
	border-radius: 8px;
}

section.content .three-steps .step .green-tag p,
table td .green-tag p {
	padding: 0 10px;
	margin-bottom: 12px;
}

div.simple-24hr_tel{
	background-image:url(../images/common/24hr-contact-bg-image.png);
	background-size: 50%;
	background-repeat:no-repeat;
	background-color:#F1FAFF;
	background-position:right bottom;	
	border-radius: 5px;
    padding: 30px 20px;
    margin: 10px 0 80px;
}
div.simple-24hr_tel img {
	width: 60px;
    margin-right: 10px;
}
div.simple-24hr_tel .title{
	font-size: 1.313rem;
    margin-bottom: 15px;
}
div.simple-24hr_tel .name{
	display: inline-block;
	width: 110px;
	margin-left:0px;
	margin-bottom: 10px;
}

div.wget_content_banner .container-fluid{
	background-repeat:no-repeat;
	background-position: center;
	background-size:cover;
	height:204px;	
}


div.wget_content_banner .container-fluid > .container{
	padding: 45px 5px;	
}
div.wget_content_banner .container-fluid > .container > div{
	background-color: #FFF;	
	padding: 20px 30px 30px;
}
div.wget_content_banner .container-fluid > .container > div.right{
	float:right;	
}
div.wget_content_banner .mobile-container{
	margin: 0;	
}
div.wget_content_banner .mobile-container > div{
	padding: 30px;
	text-align:center;
}
div.wget_content_banner .mobile-container > div.right{
	float:left;
}
div.linkbox{
	max-width: 285px;
	margin: 0 auto;	
}
div.linkbox > a{
	width:50%;
	display:inline-block;
	float:left;
	background-repeat:no-repeat;
	background-position: top;
    background-size: 72px;
    padding-top: 82px;
	padding-bottom: 0px;
    text-align: center;
	padding-left: 5px;
    padding-right: 5px;
}
div.linkbox > a:nth-child(3),
div.linkbox > a:nth-child(4){
	margin-top: 15px;
}

.container .quiz-cha-title:before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(/assets/images/common/quiz-cha-icon.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 5px;
    margin-top: -5px;
    margin-bottom: -10px;
}
@media all and (min-width: 768px) {
    .container .quiz-cha-title:before {
        width: 50px;
        height: 65px;
        margin-top: -25px;
        margin-bottom: -25px;
    }
}

section.content div.quiz-cha .support .support-box div.circle-thumb-wrapper {
    width:150px;
    height:150px;
}
div.quiz-cha div.circle-thumb-wrapper img.evt_img {
    width:150px;
    height:150px;
}
section.content div.quiz-cha .support .support-box img {
    max-width: 150px;
}

/**************************************** 
whats-ehealth/security-and-privacy.html Quiz
****************************************/
div[id^="quiz-"] {
    max-width: 800px; 
    width: 100%;
}

/* background ---------*/
div[id^="quiz-"] .quiz-bg {
	width: 100%;
    position: relative;
    margin: 0 15px;
    padding: 15px 0;
    background: #CFE4FF;
}
/*div[id^="quiz-"] .quiz-bg:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    background-image: url(/assets/images/whats-ehealth/quiz/bg-background.jpg);
    background-size: 125px;
    background-repeat: no-repeat;
    background-position: 100% bottom;
}*/
div[id^="quiz-"] .quiz-bg .font_h3 {
    font-weight: bold;
}
/* -------------------------*/

/* story ---------*/
div[id^="quiz-"] .quiz-story {
    margin: 0 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    background-image: url(/assets/images/whats-ehealth/quiz/pattern.png);
}
div[id^="quiz-"] .quiz-story > div {
    padding-top: 15px;
    padding-bottom: 15px;
}
div[id^="quiz-"] .quiz-story img.story-pic {
    border: 10px solid white;
    width: 100%;
    max-width: 240px;
}
/* -------------------------*/

/* message box --------*/
div[id^="quiz-"] .quiz-story p.story-sentance {
    display: inline-block;
    position: relative;
    border: 1px solid #2767d4;
    background: #2767d4;
    padding: 10px;
    color: white;
    border-radius: 15px;
}
div[id^="quiz-"] .quiz-story p.story-sentance.pink {
    border: 1px solid #ffb4cd;
    background: #ffbdd3;
    color: inherit;
}
div[id^="quiz-"] .quiz-story p.story-sentance.blue {
    border: 1px solid #c0deff;
    background: #d6ecff;
    color: inherit;
}
div[id^="quiz-"] .quiz-story p.story-sentance.green {
    border: 1px solid #bee5c7;
    background: #e2fde8;
    color: inherit;
}
div[id^="quiz-"] .quiz-story p.story-sentance.has-char-icon {
    margin-top: 1.8em;
}
/* -------------------------*/

/* charater icon --------*/
div[id^="quiz-"] .quiz-story p.story-sentance .char-icon {
    display: block;
    position: absolute;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    padding: 0;
    border: 0;
    background-color: #ffffff;
    -webkit-box-shadow: 2px 2px 0px 0px rgba(219,219,219,1);
    -moz-box-shadow: 2px 2px 0px 0px rgba(219,219,219,1);
    box-shadow: 2px 2px 0px 0px rgba(219,219,219,1);
    top: -2.25em;
}
div[id^="quiz-"] .quiz-story p.story-sentance .char-icon img {
    width: 45px;
    height: 45px;
    object-fit: cover;
    border-radius: 50%;
}
/* -------------------------*/

/* question --------*/
div[id^="quiz-"] .question-wrapper {
	width: 100%;
    margin: 0 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #FAFAFA;
}
div[id^="quiz-"] .question-wrapper .question-title {
    line-height: 2.1;
    border-bottom: 2px solid #F66400;
    display: inline-block;  
}
/* -------------------------*/

/* radio button --------*/
div[id^="quiz-"] input[type="radio"] {
    font: inherit;
    color: #2f6ed9;
    width: 1.25em;
    min-width: 1.25em;
    height: 1.25em;
    min-height: 1.25em;
    border: 1px solid #2f6ed9;
    border-radius: 50%;
    margin-right: 0.5em;
    transform: translateY(0.2em);
    display: grid;
    place-content: center;
}
div[id^="quiz-"] input[type="radio"]::before {
    content: "";
    width: 0.75em;
    height: 0.75em;
    border-radius: 50%;
    transform: scale(0);
    box-shadow: inset 1em 1em #2f6ed9;
}
div[id^="quiz-"] input[type="radio"]:checked::before {
    transform: scale(1);
}
div[id^="quiz-"] .ans-option {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
}
div[id^="quiz-"] .ans-num {
    margin-right: 0.5em;
}
/* -------------------------*/

/* submit button---------------------*/
div[id^="quiz-"] .btn-submit {
	color: white;
    background: #2767D4;
    margin-bottom: 0;
    vertical-align: bottom;
	box-sizing: border-box;
}
div[id^="quiz-"] .btn-submit:hover {
	color: #2767D4;
    background: white;
	border: 1px solid #2767D4
}
div[id^="quiz-"] .btn-submit:focus {
    background: #244884;
}
/* -------------------------*/

/* message near submit btn ---------------------*/
div[id^="quiz-"] .quizForm .msg {
    display: none;
    vertical-align: middle;
}
div[id^="quiz-"] .quizForm .msg.active {
    display: inline-block;
}
div[id^="quiz-"] .quizForm .msg img {
    max-width: 140px;
    width: auto;
    vertical-align: bottom;
}
/* -------------------------*/

div[id^="quiz-"] .ans-option.right,
div[id^="quiz-"] .quizForm .msg.right {
    color: #009b08;
}
div[id^="quiz-"] .ans-option.wrong,
div[id^="quiz-"] .quizForm .msg.error {
    color: #f73737;
}

/* answer wrapper --------------*/
div[id^="quiz-"] .answer-wrapper {
    display: none;
    position: relative;
    margin: 0 15px;
    padding-top: 15px;
/*    padding-bottom: 3.5rem;*/
    padding-bottom: 15px;
    background: #CFE4FF;
}
div[id^="quiz-"] .answer-wrapper.active {
    display: block;
}
/*div[id^="quiz-"] .answer-wrapper:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    background-image: url(/assets/images/whats-ehealth/quiz/bg-correct-ans.jpg);
    background-size: 200px;
    background-repeat: no-repeat;
    background-position: 100% bottom;
}*/

/**************************************** 
Section Sub Menu
****************************************/
section.sub_menu{
	font-family: 'Quicksand-SemiBold', 'Microsoft JhengHei', 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, 'NotoSansHK-Medium', 'NotoSansSC-Medium', Arial, sans-serif;
	letter-spacing: 0.075em;
	font-weight: bold;
}	
html:lang(en) section.sub_menu{
	font-family: 'Quicksand-SemiBold', 'Microsoft JhengHei', 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, 'NotoSansHK-Medium','NotoSansSC-Medium', Arial, sans-serif;	
	letter-spacing: normal;
	font-weight: normal;
}
section.sub_menu.fixed{
	position:fixed;
	top:60px;	
	z-index:99;
	width: 100%;
	max-width: 2000px;
}
section.sub_menu .container-fluid{
	width: 100%;
	height: auto;
    position: absolute;
	background-color: #FFF;
    z-index: 99;
    margin: 0;
    padding: 0;
	display: none;
}
section.sub_menu .container-fluid.active{
	display:block;
}



section.sub_menu .container-fluid .container{
	margin: 0;
	padding: 0;		
	max-width: 100%;
}

section.sub_menu .mobile_submenu{
	display: block;
    background-color: #2767d4;
    
    font-size: 1.125rem;
}
section.sub_menu .mobile_submenu .container{
	padding: 0px;
	max-width:100%;
}
section.sub_menu .mobile_submenu .container a{
	display: block;
	color: #FFF;
	padding: 15px 20px;
	background-image:url(../images/common/drop-down-arrow-down-icon-white.png);
	background-repeat:no-repeat;
	background-position: right 20px center;
    background-size: 35px;
}
section.sub_menu .mobile_submenu .container a:hover{
	text-decoration:none;	
}
section.sub_menu .mobile_submenu .container a.active{
	background-image:url(../images/common/drop-down-arrow-up-icon-white.png);
	
}

section.sub_menu .col-auto{
	width: 100%;
    padding: 0;
}
section.sub_menu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	/* overflow: hidden; */
	width: auto;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	white-space:nowrap;
}
section.sub_menu ul li{
	display:block;	
    margin: 0px;
	padding: 0px 20px;
}
section.sub_menu ul li.active{
	background-color: #f1faff;
}
section.sub_menu ul li a{
	color: #212529;
    font-size: 1.125rem;
    padding: 10px 0;
    display: block;
    border-bottom: #DDD 1px solid;
}




section.sub_menu ul li a:hover, section.sub_menu ul li.active a{
	text-decoration:none;	
	color: #004C76;
	background-color: transparent;
	border-radius: 0px;
}





/**************************************** 
Section Sub Sub Menu
****************************************/
div.subsub_menu{
	font-family: 'Quicksand-SemiBold', 'Microsoft JhengHei', 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, 'NotoSansHK-Medium', 'NotoSansSC-Medium', Arial, sans-serif;
	letter-spacing: 0.075em;
	box-shadow: #BBB 0px 1px 5px;
	border-radius: 5px;
    margin-bottom: 25px;
    padding: 15px 15px 30px;
}
html:lang(en) div.subsub_menu{
	font-family: 'Quicksand-SemiBold', 'Microsoft JhengHei', 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, 'NotoSansHK-Medium','NotoSansSC-Medium', Arial, sans-serif;	
	letter-spacing: normal
}
div.subsub_menu .title{
	text-align: center;
    font-size: 1.125rem;
    padding: 5px;
    border-bottom: 1px #dcdcdc solid;

}
div.subsub_menu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	/* overflow: hidden; */
	width: auto;
	margin-top: 10px;
}
div.subsub_menu ul li{
	padding: 8px 0px 8px 2px;
}
div.subsub_menu ul li a{
	padding: 0px 0px 0px 30px;
	
	background-position: left center;
    background-size: 21px;
	background-repeat:no-repeat;
	display:block;
}
	
div.subsub_menu ul li a:hover, div.subsub_menu ul li.active a{
	text-decoration:none;
	background-image:url(../images/common/arrow-left-icon-blue.png);
	color: #212121;
}
/*****1*********************************** 
Section Breadcrumb 
****************************************/
.breadcrumb {
	background: transparent;
	padding: 0;
	margin:0;
}
ul.breadcrumb {
	list-style: none;
	padding: 0px 0 15px 0;
	margin: 0 !important;
	border-radius: 0;
}
ul.breadcrumb li {
	margin: 0 !important;
	display: inline;
	font-size: 0.875rem;
	text-align: left;
}
ul.breadcrumb li:first-child a:before{
	padding: 0px 10px;
	content: "";
	background-image: url(../images/common/home-icon.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}
ul.breadcrumb li:after {
	padding: 0 3px;
    margin: 0 10px;
	content: "";
	background-image:url(../images/common/tri-arrow-right-grey.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}
ul.breadcrumb li:last-child:after {
	padding:0;
	background:none;
}
ul.breadcrumb li a {
	text-decoration: none;
}
ul.breadcrumb li a:hover {
	text-decoration:underline;
}


/**************************************** 
Section Content 
****************************************/
section.content .two-col{
	display: flex;
}
section.content img{
	max-width: 100%;
}
section.content .center{
	display: block;
	margin: 0 auto;
}

section.content ul .list_image{
	clear: both;
	display: block;
	text-align: center;
	margin: 0 auto 15px;
}
section.content .image_list {
    padding: 10px 10px 0 10px;
    background-color: #FAFAFA;
}
section.content .image_list img,
section.content .image_list a > img {
    display: inline-block;
    width: 50%;
    margin-right: -1%;
    padding: 3%;
    background-color: #FAFAFA;
}
section.content .image_list_caption {
    padding: 0 10px 10px;
    background-color: #FAFAFA;
    text-align: center;
}
section.content .right_image, section.content .left_image{
	clear: both;
	display: block;
	text-align: center;
	margin: 0 auto 15px;
}

@media screen and (max-width: 600px) {
    section.content table.mr-team-table {
        border: 0;
    }

    section.content table.mr-team-table caption {
        font-size: 1.3em;
    }

    section.content table.mr-team-table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    section.content table.mr-team-table tr {
        border-bottom: 3px solid #ddd;
        display: block;
        padding: 0.5em;
    }
    section.content table.mr-team-table tr:nth-child(even) {
        background-color: #f8f8f8;
    }
    section.content table.mr-team-table tr:last-child {
        border: 0;
    }

    section.content table.mr-team-table td {
        border-bottom: 1px solid #ddd;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    section.content table.mr-team-table td::before {
        content: attr(data-label);
        font-weight: bold;
        margin-bottom: 0.25em;
    }

    section.content table.mr-team-table td:last-child {
        border-bottom: 0;
    }
}
    
/***** List Fixing on IE11 *****/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
	section.content .list_image_left  ~ ul,
	section.content .list_image_left  ~ ol {
		position: relative;
		padding-left: 0;
		margin-left: 0;
		padding-right: 0;
		left: 0;
	}
	section.content .list_image_left  ~ ul ul,
	section.content .list_image_left  ~ ul ol,
	section.content .list_image_left  ~ ol ul,
	section.content .list_image_left  ~ ol ol {
		padding-left: 0;
	}
	section.content .list_image_left  ~ ul li,
	section.content .list_image_left  ~ ol li {
		list-style-position: inside;
		text-indent: -30px;
	}
}
/***** List Fixing on EDGE 12 & 16 *****/
@supports (-ms-accelerator:true) or (-ms-ime-align:auto){
	section.content .list_image_left  ~ ul,
	section.content .list_image_left  ~ ol {
		position: relative;
		padding-left: 0;
		margin-left: 0;
		padding-right: 0;
		left: 0;
	}
	section.content .list_image_left  ~ ul ul,
	section.content .list_image_left  ~ ul ol,
	section.content .list_image_left  ~ ol ul,
	section.content .list_image_left  ~ ol ol {
		padding-left: 0;
	}
	section.content .list_image_left  ~ ul li,
	section.content .list_image_left  ~ ol li {
		list-style-position: inside;
		text-indent: -30px;
	}
}


section.content ul:not(.accordion),
section.content ol {
	margin-bottom: 1rem;
}
section.content ul:not(.accordion) li,
section.content ol li {
    margin: 10px 0;
}

section.content .left_image ~ ul,
section.content .left_image ~ ol {
	margin-bottom: 1rem;
	position: relative;
    padding-left: 0;
    left: 0;
}
section.content .left_image ~ ul ul,
section.content .left_image ~ ul ol,
section.content .left_image ~ ol ul,
section.content .left_image ~ ol ol {
	padding-left: 0;
}
section.content .left_image ~ ul li,
section.content .left_image ~ ol li {
	position: relative;
	padding-left: 0;
	padding-right: 30px;
    left: 30px;
}
/***** List Fixing on IE11 *****/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
	section.content .left_image ~ ul,
	section.content .left_image ~ ol {
		position: relative;
		padding-left: 0;
		margin-left: 0;
		padding-right: 0;
		left: 0;
	}
	section.content .left_image ~ ul ul,
	section.content .left_image ~ ul ol,
	section.content .left_image ~ ol ul,
	section.content .left_image ~ ol ol {
		padding-left: 0;
	}
	section.content .left_image ~ ul li,
	section.content .left_image ~ ol li {
		list-style-position: inside;
		text-indent: -30px;
	}
}
/***** List Fixing on EDGE 12 & 16 *****/
@supports (-ms-accelerator:true) or (-ms-ime-align:auto){
	section.content .left_image ~ ul,
	section.content .left_image ~ ol {
		position: relative;
		padding-left: 0;
		margin-left: 0;
		padding-right: 0;
		left: 0;
	}
	section.content .left_image ~ ul ul,
	section.content .left_image ~ ul ol,
	section.content .left_image ~ ol ul,
	section.content .left_image ~ ol ol {
		padding-left: 0;
	}
	section.content .left_image ~ ul li,
	section.content .left_image ~ ol li {
		list-style-position: inside;
		text-indent: -30px;
	}
}

section.content #desktop_leftmenu ul li,
section.content #desktop_leftmenu ol li,
section.content #tablet_leftmenu ul li,
section.content #tablet_leftmenu ol li {
    margin: auto;
}

section.content div.table-container {
    overflow-x: auto;
}
section.content table {
    min-width: 100%;
    margin: 15px 0 30px;
}
section.content table tr th,
section.content table tr td { 
    padding: 10px 15px;
    vertical-align: top;
}
section.content table tr th.td { 
    font-weight: normal;
}
section.content table tr td,
section.content table tr th.td {
    border-bottom: 1px solid #DEE0E0;
}
section.content table tr:first-child th:not(.td) {
    background: #4E6A88;
}
section.content table tr:first-child th:first-child:not(.td) { 
    padding: 10px 15px;
    border-top-left-radius: 10px;
}
section.content table tr:first-child th:last-child:not(.td) { 
    padding: 10px 15px;
    border-top-right-radius: 10px; 
}
section.content table tr:first-child th:not(.td) {
    color: white;
    font-weight: normal;
}
section.content table.order-table tr[data-heading-year]:first-child td{
	border-bottom: 0;
}
section.content table.order-table tr[data-heading-year] td{
	border-bottom: 1px solid transparent;
	padding: 15px 0 0;
}
section.content table.order-table h2,
section.content table.order-table .font_h2{
	margin-bottom:0;
	line-height: 1.2;
}
section.content table.order-table tr:first-child th{
    color: #212121;
	border-bottom: 1px solid #DEE0E0;
	background: white;
	line-height: 1.2;
}

section.content .register-steps .step {
    width: 100%;
    text-align: center;
}
section.content .register-steps .step p {
	padding: 20px 10px 0 10px;
    margin: 0;
    height: 55px;
    overflow: visible;
    height: auto;
}
section.content .register-steps .step img {
    max-width: 120px;
    height: auto;
}
section.content .register-steps .arrow {
    width: 100%;
    text-align: center;
    display: block;
}
section.content .register-steps .arrow img {
	max-width: 26px;
    height: auto;
	margin: 10px 10px 20px;
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

section.content .three-steps {
	margin-top: 3em;
    margin-bottom: 1.5em;
}
section.content .three-steps .step {
    width: 100%;
    text-align: center;
}
section.content .three-steps .step p {
	padding: 0 10px 0 10px;
    margin: 0;
    height: 55px;
    overflow: visible;
    height: auto;
}
section.content .three-steps .step img {
	padding-bottom: 20px;
    max-width: 120px;
    height: auto;
}
section.content .four-steps .step img {
	padding-bottom: 5px;
}
section.content .three-steps .arrow {
    width: 100%;
    text-align: center;
    display: block;
}
section.content .three-steps .arrow img {
	max-width: 26px;
    height: auto;
	margin: 10px 10px 20px;
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
section.content .three-steps ul,
section.content .three-steps ol {
    text-align: left;
}
section.content .three-steps ul li,
section.content .three-steps ol li {
	margin: 3px 0;
	line-height: 1.7;
}
@media all and (max-width: 767px) {
	section.content .three-steps .step .image-box {
		height: auto !important;
	}
}

div.responsive-table {
	display: block;
	border-bottom: 1px solid #DEE0E0;
	margin-bottom: 30px;
}
.order-table div.responsive-table{
	margin-bottom: 0;
	border-bottom: none;
}
.order-table.img-right-side div.responsive-table{
	display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
}
div.responsive-table > div {
	padding: 15px 15px;
}
div.responsive-table > .image {
	width: 100%;
	max-width: 100%;
	margin: 0 !important;
}
.order-table div.responsive-table > .image img {
	width:100%;
}
div.responsive-table > .image img {
	border-radius: 5px;
}

div.responsive-table > .content .title {
	font-size: 1.25rem;
	font-weight: 600;
    line-height: 1.2;
	color: #2767D4;
}
div.responsive-table > .content .desc {
	margin: 15px 0;
}

div.box-news {
    border: #dfdfdf 1px solid;
    padding: 0 !important;
	margin: 0 0 30px;
	/* overflow: hidden; */
	width: 100%;
}
div.box-news > a{
	display: block;
}
.promotion-cards div.box-news {
	height: 93%;
}
div.box-news img {
    height: auto;
	border-bottom: #EFEFEF 1px solid;
}
div.box-news > .details {
    padding: 10px 20px;
}
div.box-news > .details > .title {
    display: inline;
	padding-bottom: 5px;
	line-height: 2.1;
    border-bottom: 2px solid #F66400;
}
div.box-news > .details > .title:after {
	content: '';
	display: block;
	width: 100%;
	height: 15px;
	clear: both;
}
div.box-news > .details > .title a {
	color: currentColor;
	text-decoration: none;
}
div.box-news > .details > .desc {
    display: block;
    margin-bottom: 25px;
}
div.box-news > .details > a.btn-arrow {
    display: block;
    margin-bottom: 25px;
}
div.box-news > .details > .body_one{
	 margin-bottom: 10px;
}

div.box-news .home-mobile-register li{
	border-bottom: #dfdfdf 1px solid;
	margin-bottom: 10px;
    padding-bottom: 5px;
}
div.box-news .home-mobile-register li a {
	color: #1F53AD;
}
div.box-news .home-mobile-register li p{
	margin-bottom: 0;
}
div.box-news .home-mobile-register li .caption{
	color: #565656;	
}
div.box-news.card {
	height: auto;
	display: block;
}
div.box-news.card > a{
	display: block;

}
div.box-news > a:focus{
	/* border: 0.2em rgba(0,123,255,.5) solid;
	box-shadow: none; */
}
div.box-news.card > .details {
	padding: 10px 20px;
	text-align: left;
}
.promotion-cards div.box-news > .details {
	padding: 10px 20px 100px;
}
.promotion-cards div.box-news .card-btn-group {
    position: absolute;
    bottom: 30px;
    height: 100px;
    width: 100%;
	margin: 0 -30px;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.promotion-cards div.box-news .card-btn-group a{
	margin: 0 auto;
}
.promotion-cardsdiv.box-news .card-btn-group a.btn-secondary{
	margin-bottom: -30px;
}
.promotion-cards,
.promotion-cards .container {
	padding: 1px;
}

section.content div.platform {
    text-align: center;
}
section.content div.col-platform > .icon {
    display: block;
    width: 100%;
    padding: 30px 30px 0 30px;
}
section.content div.col-platform > .icon img {
    width: 179px;
}
section.content div.col-platform > .details {
    display: block;
    width: 100%;
    padding: 30px;
}
section.content div.col-platform > .details img {
    width: 100%;
    height: auto;
    padding: 5px 0;
}
section.content div.col-platform > .details .apple_store,
section.content div.col-platform > .details .google_play,
section.content div.col-platform > .details .huawei_appgallery,
section.content div.col-platform > .details .android_apk {
    display: inline-block;
	margin-bottom: 3.5%;
	max-width: 185px;
}
@media all and (max-width: 767px) {
	section.content div.col-platform > .details .apple_store,
	section.content div.col-platform > .details .google_play,
	section.content div.col-platform > .details .huawei_appgallery,
	section.content div.col-platform > .details .android_apk {
		margin-bottom: 5%;
	}
}
section.content div.col-platform > .details .desc {
    padding: 10px 0;
}
section.content div.col-platform > .separator {
    width: 100%; 
    border-bottom: 1px solid #c6c6c6;
    margin: 15px;
}

section.content .you-and-your-family {
    padding-right: auto;
}
section.content .you-and-your-family:after {
    display: none;
}
section.content div.ehealth-panel {
    box-shadow: #BBB 0px 1px 5px;
    margin-bottom: 25px;
    padding: 20px 20px 30px;
    border-radius: 5px;
}
section.content div.ehealth-panel ul.arrow li {
    margin: 10px 0 !important;
}
section.content div.download-panel {
    border: #EFEFEF 2px solid;
    padding: 15px !important;
    margin-bottom: 25px;
    border-radius: 5px;
}
section.content div.download-panel img {
    max-width: 54px;
    width: 23%;
    margin-right: 10px;
}

section.content .flex-panel {
	padding: 5px;
	display: flex;
	align-items: center;
}
section.content .flex-panel img {
	min-width: 70px;
	width: 70px;
	max-width: 100%;
	height: auto;
    margin-right: 20px;
}
section.content .flex-panel p {
    margin: 0
}

section.content .system-install .flex-panel {
    margin-bottom: 15px;
}
section.content .system-install .flex-panel p {
    margin-bottom: 5px;
}
section.content .system-install .flex-panel p strong{
	padding-bottom: 5px;
	display: block;
}
section.content .system-install .flex-panel p a{
	padding-top: 5px;
	display: block;
}
section.content .system-install .flex-panel img {
	min-width: 116px;
	width: 116px;
	max-width: 100%;
	height: auto;
    margin-right: 20px;
}
@media all and (max-width: 767px) {
	section.content .system-install .flex-panel {
    	display: block;
	}
	section.content .system-install .flex-panel img {
		margin: 0 auto;
    	display: block;
	}
}

section.content .support {
	padding-bottom: 30px;
}
section.content .support .support-box {
	display: flex;
	text-align: center;
}
section.content .support .support-box div,
section.content .support .support-box a {
	display: block;
	text-decoration: none;
	width: 100%;
    margin: 0;
    padding: 20px 15px 15px;
    border: transparent 2px solid;
    border-radius: 5px;
}
section.content .support.with-border .support-box div,
section.content .support.with-border .support-box a {
	border: 1px #DFDFDF solid;
}
section.content .support .support-box div.circle-thumb-wrapper {
    display: inline-block;
    width:116px;
    height:116px;
    border-radius:50%;
    padding: 0;
    border: 0;
}
div.circle-thumb-wrapper.black-bg {
	background: black;
}
div.circle-thumb-wrapper img.evt_img {
    width:116px;
    height:116px;
    object-fit:cover;
    border-radius:50%;
}
section.content .support .support-box a:hover {
	border: #EEF8FA 2px solid;
    background-color: #EAF9FF;
}
section.content .support.with-border .support-box a:hover {
	border: 1px #5FD9D9 solid;
    background-color: transparent;
}
section.content .support .support-box a:hover > div.circle-thumb-wrapper {
	border: 0;
}
section.content .support .support-box a:hover > div.circle-thumb-wrapper img.evt_img {
    opacity: 0.8;
}
section.content .box-grey .support .support-box a:hover {
	border: #dfdfdf 2px solid;
    background-color: white;
}
section.content .support .support-box img {
	max-width: 116px;
}
section.content .support .support-box p {
	padding-top: 10px;
	margin-bottom: auto;
}

section.content .support.custom-nine-core {
	margin-left: -5px;
    margin-right: -5px;
}
section.content .support.custom-nine-core .support-box {
	padding: 5px;
}
section.content .support.custom-nine-core .support-box div,
section.content .support.custom-nine-core .support-box a {
	padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

section.content .content-tab-panel {
	margin-bottom: 50px;
}
section.content .content-tab-panel .nav-tabs {
	display: block;
	white-space: nowrap; 
	border-bottom: 1px solid #dfdfdf;
}
section.content .content-tab-panel .nav-tabs .nav-link {
	display: inline-block;
	border: 0;
	padding: 15px 15px;
	margin-right: 0px;
	text-align: center;
}
section.content .content-tab-panel .nav-tabs .nav-link:last-child {
	margin-right: 0;
	text-align: center;
}
section.content .content-tab-panel .nav-tabs .nav-link#nav-professional-tab{
	padding: 0 15px 15px;
}
section.content .content-tab-panel .nav-tabs .nav-link span{
	display: block;
}
section.content .content-tab-panel .nav-tabs .nav-link.active {
	font-weight: 600;
	border-bottom: 3px solid #F66400;
}
section.content .tab-content .title {
	margin-top: 50px;
	margin-right: 10px;
}
section.content .tab-content .icon-tag, section.content .icon-tag {
	font-size: 0.875rem;
	display: inline-block;
	padding: 4px 20px;
	border-radius: 5px;
	color: white;
	background-color: #2767D4;
	margin-top: 5px;
    margin-bottom: 5px;
}
section.content .tab-content div.box-news > .details > .title:after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
}
section.content .tab-content div.box-news > .details a.btn {
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
}
section.content .tab-content .blue, section.content .icon-tag.blue {
	background-color: #006EB8;
}
section.content .tab-content .orange, section.content .icon-tag.orange {
	background-color: #F66400;
}
section.content .tab-content .red, section.content .icon-tag.red {
	background-color: #E00000;
}
section.content .tab-content div.box-news > .details > .title:after {
	display: none;
}

section.content .wide_image.slider .content-slider {
	min-height: 300px;
	padding: 30px 50px 20px;
}
section.content .wide_image.slider .content-slider .content {
	height: 100%;
}
section.content .wide_image.slider .content-slider .content div {
	margin-bottom: 10px;
}
section.content .wide_image.slider .content-slider .slick-slide {
	margin: 0 27px;
}
section.content .wide_image.slider .content-slider .slick-list {
	margin: 0 -27px;
}
section.content .wide_image.slider .content-slider .slick-dots {
	bottom: 0px;
	text-align: left;
	margin-bottom: 0;
}
section.content .wide_image.slider .content-slider .slick-dots li {
	height: 22px;
    width: 22px;
	margin: 0 5px 0 0;
}
section.content .wide_image.slider .content-slider .slick-dots li:last-child {
	margin-right: 0;
}
section.content .wide_image.slider .content-slider .slick-dots li button {
	width: 16px;
    height: 16px;
	outline: 0;
}
section.content .wide_image.slider .content-slider .slick-dots li button:before {
	content: "";
	width: 16px;
    height: 16px;
	border: 1px solid #c0cfcf;
	border-radius: 7.9px;
	background-color: transparent;
	opacity: 1;
}
section.content .wide_image.slider .content-slider .slick-dots li button:focus{
	/* box-shadow:0 0 0 .2rem rgba(0,123,255,.5); */
	box-shadow: var(--var-dual-outline-box-shadow);
    outline: var(--var-dual-outline-outline);
    outline-offset: var(--var-dual-outline-outline-offset);
}
section.content .wide_image.slider .content-slider .slick-dots li.slick-active button:before {
	border: 1px solid #7a97b7;
	background-color: #7a97b7;
}
section.content .wide_image.slider .content-slider .slick-prev, 
section.content .wide_image.slider .content-slider .slick-next {
	z-index: 9999;
}
section.content .wide_image.slider .content-slider .slick-arrow {
	background: white;
	top: 50%;
	height: 120px;
	margin-top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25px;
	transform: translate(0, -50%);
	box-shadow: rgba(32, 82, 167, 0.25) 0px 2px 12px 0px;
	z-index: 0;
}
section.content .wide_image.slider .content-slider .slick-arrow:before {
	content: "";
}
section.content .wide_image.slider .content-slider .slick-arrow img {
	width: 11px;
	height: auto;
}
section.content .wide_image.slider .content-slider .slick-arrow.slick-prev img {
	transform: rotate(180deg);
}
section.content .wide_image.slider .content-slider .slick-arrow.slick-prev {
	display: none !important;
	box-shadow: inset -12px 0 9px -12px rgba(32, 82, 167, 0.25);
}
section.content .wide_image.slider .content-slider .slick-arrow.slick-next {
	box-shadow: 3px 0 5px 0px rgba(32, 82, 167, 0.25), inset 12px 0 9px -8px rgba(32, 82, 167, 0.25);
}
section.content .wide_image.slider .content-slider .slick-arrow.slick-next:focus {
	/* box-shadow:0 0 0 .2rem rgba(0,123,255,.5); */
	box-shadow: var(--var-dual-outline-box-shadow);
    outline: var(--var-dual-outline-outline);
    outline-offset: var(--var-dual-outline-outline-offset);
}
@media all and (max-width: 1407px) {
	section.content .wide_image.slider .row {
		margin-right: -5px;
	}
}
@media all and (max-width: 767px) {
	section.content .wide_image.slider .content-slider {
		min-height: auto;
		text-align: center;
	}
	section.content .wide_image.slider .content-slider .slick-dots {
		text-align: center;
	}
	section.content .wide_image.slider .row {
		margin-right: -15px;
	}
	section.content .wide_image.slider .content-slider .slick-arrow {
		height: 60px;
	}
	section.content .wide_image.slider .content-slider .slick-arrow.slick-prev {
		display: flex !important;
		transform: translate(25px, -50%);
		box-shadow: 3px 0 5px 0px rgba(32, 82, 167, 0.25);
	}
	section.content .wide_image.slider .content-slider .slick-arrow.slick-next {
		transform: translate(-25px, -50%);
		box-shadow: -3px 0 5px 0px rgba(32, 82, 167, 0.25);
	}
}

.event-filter {
	background-color: #eaf8ff;
}
.event-filter.no-bg {
	background: transparent;
}
.event-filter [class*="col-"] {
	display: flex;
    align-items: center;
    justify-content: center;
}
.event-filter select {
	padding: 10px 30px 10px 15px;
    border: 1px solid #adadad;
    border-radius: 5px;
    background-color: #FFFFFF;
    color: #212121;
    width: 100%;
    margin: 10px 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearence: none;
    background-image: url(../images/common/arrow-down-icon-blue.png);
    background-position: right 10px center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
}
.event-filter .btn {
	padding: 10px 20px 10px 20px;
    border: 1px solid #2767D4;
    border-radius: 5px;
    background-color: #2767D4;
    color: white;
    width: 100%;
    margin: 10px 0;
}
.event-filter .btn:after {
	content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 5px;
    margin-bottom: -2px;
    background-image: url(../images/common/search-icon-white.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.medium-filter .event-filter .btn {
		padding: 10px;
	}
	.medium-filter .event-filter .btn:after {
		display: none;
	}
}

.search-result {
	background: transparent;
	margin-bottom: 15px;
} 
.search-result [class*="col-"] {
	display: flex;
    align-items: center;
    justify-content: flex-start;
}
.search-result input {
	padding: 10px 15px;
    border: 1px solid #adadad;
    border-radius: 5px;
    background-color: #FFFFFF;
    color: #212121;
    width: 100%;
    margin: 10px 0;
}
.search-result .btn {
	padding: 10px 20px 10px 20px;
    border: 1px solid #2767D4;
    border-radius: 5px;
    background-color: #2767D4;
    color: white;
    width: 100%;
    margin: 10px 0;
}
.search-result .btn:after {
	content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 5px;
    margin-bottom: -2px;
    background-image: url(../images/common/search-icon-white.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.search-result .btn-voice-search {
	width: 25px;
    height: 25px;
    margin: 0px;
    margin-left: 1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(../images/common/mic-orange.png);
    position: absolute;
    top: 20px;
    right: 24px;
}
.search-result .btn-voice-search.recording {
	background-image: url(../images/common/stop-record-orange.png);
}

.filter-zone {
	display: inline-flex;
	white-space: nowrap;
	overflow: hidden;
}
.filter-zone > div {
	padding: 10px 15px;
}
.filter-zone .active a {
	color: #212121;
	text-decoration: none;
	pointer-events: none;
}
.filter-zone .active {
	position: relative;
}
.filter-zone .active:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #66aefb transparent transparent transparent;
	position: absolute;
    bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
}
.result-sorting {
	margin-bottom: 15px;
}
.result-sorting select {
	font-size: 0.875rem;
	line-height: 1em;
	padding: 8px 30px 8px 15px;
    border: 1px solid #adadad;
    border-radius: 5px;
    background-color: #FFFFFF;
    color: #212121;
    width: 110px;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearence: none;
    background-image: url(../images/common/arrow-down-icon-blue.png);
    background-position: right 10px center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
}
.result-sorting select::-ms-expand {
    display: none;
}
.result-row {
	word-break: break-all;
	letter-spacing: normal;
}
.result-row > .row {
	max-width: 100%;
	flex-wrap: nowrap;
	margin-bottom: 20px;
	padding-right: 20px;
}
.result-row .number {
	width: 50px;
    padding-right: 0;
}
.result-sorting [class*=col-] {
	font-size: 0.875rem;
}
.result-sorting .btn-voice-search {
	width: 25px;
    height: 25px;
    margin: 0px;
    margin-left: 1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(../images/common/mic-orange.png);
    position: absolute;
    top: -5px;
    right: 13px;
}
.result-sorting .btn-voice-search.recording {
	background-image: url(../images/common/stop-record-orange.png);
}
.result-row .summary {
	font-size: 0.875rem;
}
.result-row .addInfo {
	font-size: 0.75rem;
	color: #565656;
}
.result-pagination {
	border-top: #EFEFEF 1px solid;
	padding: 15px 0;
	margin-bottom: 30px;
	text-align: center;
}
.result-pagination a.pageBtn {
	margin-right: 10px;
}
.result-pagination a.pageBtn.active {
	color: #212121;
	text-decoration: none;
	pointer-events: none;
}


.search-adv {
	background: transparent;
	border-bottom: #EFEFEF 1px solid;
	padding-top: 15px;
	padding-bottom: 15px;
}
.search-adv .label[class*="col-"] {
	display: flex;
    align-items: center;
    justify-content: flex-start;
}
.search-adv input, .re-search-field {
	padding: 10px 15px;
    border: 1px solid #adadad;
    border-radius: 5px;
    background-color: #FFFFFF;
    color: #212121;
    width: 100%;
    margin: 10px 0;
}
.search-adv select {
	padding: 10px 30px 10px 15px;
    border: 1px solid #adadad;
    border-radius: 5px;
    background-color: #FFFFFF;
    color: #212121;
    width: 100%;
    margin: 10px 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearence: none;
    background-image: url(../images/common/arrow-down-icon-blue.png);
    background-position: right 10px center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
}
.search-adv select::-ms-expand {
    display: none;
}
.search-adv .date-label {
	display: flex;
    align-items: center;
    justify-content: center;
}
.search-adv .day-range {
	padding-left: 0;
	padding-right: 0;
}
.search-adv div.radio label {
	cursor: pointer;
	display: inline-block;
	position: relative;
	padding-left: 30px;
	-webkit-user-select: none;  
	-moz-user-select: none; 
	-ms-user-select: none;
	user-select: none;  
}
.search-adv div.radio label:before {  
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 3px;
}
.search-adv div.radio input[type=radio] {  
	display: none;  
}
.search-adv div.radio label:before {
	background: url(../images/common/unselect-button.png);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
.search-adv div.radio input[type=radio]:checked + label:before {  
	background: url(../images/common/selected-button.png); 
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
} 
.search-adv .btn-voice-search {
	width: 25px;
    height: 25px;
    margin: 0px;
    margin-left: 1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(../images/common/mic-orange.png);
    position: absolute;
    top: 20px;
    right: 25px;
}
.search-adv .btn-voice-search.recording {
	background-image: url(../images/common/stop-record-orange.png);
}
.search-adv-btn {
	margin-bottom: 80px;
}
.search-adv-btn .btn{
	padding: 10px 30px 10px 30px;
    margin: 30px 0;
}
#re_search{
	padding: 10px 30px 10px 30px;
    margin-top: 6px;
}
.search-adv-btn .btn:after {
	content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 5px;
    margin-bottom: -2px;
    background-image: url(../images/common/search-icon-white.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.chatbot-notification {
	display: inline-block;
    border: 1px solid grey;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 5px;
    color: #E00000;
}
.chatbot-notification p:last-child {
	margin-bottom: 0;
}

.hcp-search-filter-notification {
	display: inline-block;
    /*border: 1px solid grey;*/
    /*padding: 5px;*/
    /*margin-bottom: 20px;*/
    border-radius: 5px;
    color: #E00000;
    text-align: left;
}
.hcp-search-filter-notification p:last-child {
	margin-bottom: 0;
}

/**************************************** 
PDF icon
****************************************/
a.icon-pdf {
	text-decoration: none;
}
a.icon-pdf:after,
span.icon-pdf:after {
	content: "";
	text-decoration: none;
	background-image: url(../images/common/pdf-icon-small.png);
	background-position: right;
	background-size: contain;
	background-repeat: no-repeat;
	padding: 0px 20px 0px 0;
	color: #212121;
    margin-left: 2px;
    display: inline-block;
    width: auto;
    height: 20px;
    margin-bottom: -3px;
}
span.icon-pdf:after {
	background-position: left;
    margin-right: 2px;
}

a.icon-pdf-big {
	text-decoration: none;
	display: inline-block;
}
a.icon-pdf-big:before,
span.icon-pdf-big:before {
	content: "";
	text-decoration: none;
	background-image: url(../images/common/pdf-icon-small.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	padding: 30px 0px 15px 0px;
	color: #212121;
    display: block;
    width: 40px;
    margin: 0 auto;
}

a.icon-html {
	text-decoration: underline;
}
a.icon-html:after {
	content: "";
	text-decoration: none;
	background-image: url(../images/common/html-icon-small.png);
	background-position: right;
	background-size: 19px 26px;
	background-repeat: no-repeat;
	padding: 0px 20px 0px 0;
	color: #212121;
	margin-left: 5px;
}

a.icon-youtube-big {
	text-decoration: none;
	display: inline-block;
}
a.icon-youtube-big:before,
span.icon-youtube-big:before {
	content: "";
	text-decoration: none;
	background-image: url(../images/common/youtube-icon.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	padding: 30px 0px 15px 0px;
	color: #212121;
    display: block;
    width: 40px;
    margin: 0 auto;
}

/**************************************** 
Chinese medicine
****************************************/
.chinese-medicine .top-title .headline {
	background: linear-gradient(to right, #f3faff, #c6e6ff);
	border-radius: 20px;
	max-width: 80%;
}
html:lang(en) .chinese-medicine .top-title .headline {
	min-width: 935px;
}
.chinese-medicine .top-title .headline > img { 
	position: absolute;
	width: auto;
	height: 100%;
	left: -2rem;
	transform: scale(1.3);
}
.chinese-medicine h2 { 
    font-size: 2.25rem;
	font-weight: 700;
}
html:lang(en) .chinese-medicine h2 { 
	font-size: 1.9rem;
	font-weight: 700;
}
.chinese-medicine .headline > h2 { 
    color: #04539b;
    margin: 0;
    padding: 30px 20px 30px 80px;
}
.chinese-medicine .cm-key {
	background: #f4fbfd;
	margin-top: 3rem;
	padding: 5rem 0;
}
.chinese-medicine .cm-key h2 {
	color: #2b8a9c;
    margin-bottom: 3rem;
	text-align: center;
}
.chinese-medicine .cm-key p,
html:lang(en) .chinese-medicine .cm-key p {
	font-size: 1.1rem;
}
.chinese-medicine .cm-key .cm-key-icons {
	display: flex;
}
.chinese-medicine .cm-key .cm-key-icons:last-child {
	margin-bottom: 20px;
}
.chinese-medicine .cm-key .cm-key-icons .cm-key-icon {
	max-width: 100%;
    width: 180px;
    margin: 20px 20px 0 20px;
}
.chinese-medicine .cm-key .cm-key-icons .cm-key-icon:first-child {
    margin-left: 0;
}
.chinese-medicine .cm-key .cm-key-icons .cm-key-icon:last-child {
    margin-right: 0;
}
.chinese-medicine .cm-key .cm-key-icons .name,
html:lang(en) .chinese-medicine .cm-key .cm-key-icons .name {
	margin-top: 10px;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 600;
    color: #2b8a9c;
}
.chinese-medicine .knowmore .box {
	width: 820px;
    border-radius: 30px;
    padding: 0;
    overflow: hidden;
}
.chinese-medicine .knowmore .box .banner {
	width: 100%;
    height: 310px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 101% auto;
	transition: 0.3s ease all;
}
.chinese-medicine .knowmore .box:hover .banner {
    background-size: 110% auto;
}
.chinese-medicine .knowmore .box h2 {
	background-color: #2767D4;
	background: linear-gradient(to bottom, #3268b7 0%, #2767D4 20%);
    color: white;
    text-align: center;
    padding: 20px;
	margin: 0;
}
.chinese-medicine .knowmore a:hover {
	text-decoration: none;
}
.chinese-medicine .sharable-records {
	background: #f4fbfd;
	margin-top: 3rem;
	padding: 5rem 0;
}
.chinese-medicine .sharable-records h2 {
	color: #2b8a9c;
    margin-bottom: 3rem;
	text-align: center;
}
.chinese-medicine .sharable-records .d-flex, 
html:lang(en) .chinese-medicine .sharable-records .d-flex {
	font-size: 1.1rem;
}
.chinese-medicine .benefits h2 {
	color: #2b8a9c;
	text-align: center;
}
.chinese-medicine .benefits .advantage-img1 {
	width: 100%;
	max-width: 1000px;
}
.chinese-medicine .benefits .orders {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 0 50px;
}
.chinese-medicine .benefits .orders .desc {
	position: relative;
	width: 30%;
	padding: 20px;
    border: 2px solid #78ccc7;
    border-radius: 20px;
}
.chinese-medicine .benefits .orders .desc:last-child {
	margin-right: 0;
}
.chinese-medicine .benefits .orders .desc:before, 
html:lang(en) .chinese-medicine .benefits .orders .desc:before {
    font-size: 1.563rem;
    position: absolute;
    left: -25px;
    top: -25px;
    background: #78ccc7;
    color: white;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.chinese-medicine .benefits .orders .desc:nth-child(1):before {
	content: "1";
}
.chinese-medicine .benefits .orders .desc:nth-child(2):before {
	content: "2";
}
.chinese-medicine .benefits .orders .desc:nth-child(3):before {
	content: "3";
}
.chinese-medicine .benefits .benefit-pt-title {
	font-size: 1.3rem;
    color: #2E7A76;
    font-weight: bold;
}
.chinese-medicine .future {
	background: #f4fbfd;
	margin-top: 3rem;
	padding: 5rem 0;
}
.chinese-medicine .future h2 {
	color: #2b8a9c;
    margin-bottom: 1.5rem;
	text-align: center;
}
.chinese-medicine .future .container {
	position: relative;
}
.chinese-medicine .future p {
	text-align: center;
	padding: 20px;
    /* position: relative; */
}
.chinese-medicine .future .future-dev-list-wrapper {
	display: flex;
	justify-content: center;
}
.chinese-medicine .future .future-dev-list li {
	margin: 25px 0;
}
.chinese-medicine .future .cm-future-icons {
	display: flex;
	justify-content: center;
}
.chinese-medicine .future .cm-future-icons .cm-future-icon {
	max-width: 100%;
    width: 180px;
    margin: 20px 50px;
}
.chinese-medicine .future .icon-second {
	position: absolute;
    width: 100%;
	z-index: 1;
}
.chinese-medicine .future .icon-second .cm-future-icons .cm-future-icon {
    margin: 20px 245px;
}
.chinese-medicine .future .cm-future-icons .cm-future-icon:first-child,
.chinese-medicine .future .icon-second .cm-future-icons .cm-future-icon:first-child {
    margin-left: 0;
}
.chinese-medicine .future .cm-future-icons .cm-future-icon:last-child,
.chinese-medicine .future .icon-second .cm-future-icons .cm-future-icon:last-child {
    margin-right: 0;
}
.chinese-medicine .future .cm-future-icons .name, 
html:lang(en) .chinese-medicine .future .cm-future-icons .name {
	margin-top: 10px;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 600;
}
.chinese-medicine .future .cm-future-graphic {
	display: flex;
    justify-content: center;
}
.chinese-medicine .future .cm-future-graphic img {
	width: 100%;
	max-width: 850px;
}
.chinese-medicine .future p.desc:before {
	content: "• ";
	/* position: absolute;
    left: 0; */
}
.chinese-medicine .promote-video-headline > img {
	position: absolute;
	width: auto;
	height: 100%;
	left: 0;
	transform: scale(1.2);
}
.chinese-medicine .promote-video-headline > h2 {
	margin: 0;
	margin-left: 4rem;
}
@media all and (max-width: 1099px) {
	html:lang(en) .chinese-medicine .top-title .headline {
		min-width: auto;
	}
	html:lang(en) .chinese-medicine .headline > h2 {
		padding-left: 120px;
	}
}
@media all and (max-width: 991px) {
	.chinese-medicine h2 { 
		font-size: 1.625rem;
	}
	html:lang(en) .chinese-medicine h2 {
		font-size: 1.425rem;
	}
	.chinese-medicine .headline { 
		transform: translateX(6%);
	}
	.chinese-medicine .headline > h2 { 
		padding: 10px 15px 10px 20px;
	}
	html:lang(en) .chinese-medicine .headline > h2 { 
		padding: 10px 15px 10px 15px;
	}
	.chinese-medicine .cm-key {
		margin-top: 2rem;
		padding: 3rem 0;
	}
	.chinese-medicine .cm-key h2 {
		margin-bottom: 1rem;
	}
	.chinese-medicine .cm-key .cm-key-icons {
		justify-content: center;
	}
	.chinese-medicine .cm-key .cm-key-icons:last-child {
		margin-bottom: 10px;
	}
	.chinese-medicine .cm-key .cm-key-icons .cm-key-icon {
		margin: 10px 10px 0 10px;
	}
	.chinese-medicine .knowmore h2 {
		font-size: 1.25rem;
	}
	html:lang(en) .chinese-medicine .knowmore h2 {
		font-size: 1.15rem;
	}
	.chinese-medicine .knowmore .box {
		width: 90vw;
	}
	.chinese-medicine .knowmore .box .banner {
		height: 33vw;
	}
	.chinese-medicine .sharable-records {
		margin-top: 2rem;
		padding: 3rem 0;
	}
	.chinese-medicine .sharable-records h2 {
		margin-bottom: 1rem;
	}
	.chinese-medicine .future .icon-second {
		position: relative;
		width: auto;
	}
	.chinese-medicine .future .cm-future-icons .cm-future-icon,
	.chinese-medicine .future .icon-second .cm-future-icons .cm-future-icon {
		margin: 20px;
	}
	.chinese-medicine .promote-video-headline > h2 {
		margin-left: 3rem;
	}
	.chinese-medicine .benefits .orders {
		flex-direction: column;
	}
	.chinese-medicine .benefits .orders .desc {
		width: 100%;
		margin-bottom: 40px;
	}
}
@media all and (max-width: 888px) {
	html:lang(en) .chinese-medicine .headline > h2 {
		padding-left: 50px;
	}
}
@media all and (max-width: 767px) {
	.chinese-medicine .headline > h2 {
		padding-left: 50px;
	}
	html:lang(en) .chinese-medicine .headline > h2 {
		padding-left: 55px;
	}
}
@media all and (max-width: 536px) {
	html:lang(en) .chinese-medicine .headline > h2 {
		padding-left: 80px;
	}
}

/*** CookiesConsent overwrite ***/
.cc-link {
	color: #FFFFFF;
	opacity: 1;
}
.cc-link:hover {
	color: #EAF0FB !important;
	opacity: 1;
}

/**************************************** 
Chinese medicine practitioner(cmp)
****************************************/
.cmp .top-title .headline {
	background: linear-gradient(to right, #f3faff, #c6e6ff);
	border-radius: 20px;
	max-width: 80%;
}
html:lang(en) .cmp .top-title .headline {
	min-width: 935px;
}
.cmp .top-title .headline > img { 
	position: absolute;
	width: auto;
	height: 100%;
	left: -2rem;
	transform: scale(1.3);
}
.cmp p,
html:lang(en) .cmp p {
    font-size: 1.1rem;
}
.cmp h2 { 
    font-size: 2.25rem;
	font-weight: 700;
}
html:lang(en) .cmp h2 { 
    font-size: 1.9rem;
	font-weight: 700;
}
.cmp .headline > h2 { 
    color: #04539b;
    margin: 0;
    padding: 30px 20px 30px 80px;
}
.cmp .intro {
	background: #f4fbfd;
	margin-top: 3rem;
	padding: 5rem 0;
}
.cmp .intro h2 {
	color: #3072ae;
    margin-bottom: 3rem;
}
.cmp .intro p,
html:lang(en) .cmp .intro p {
	font-size: 1.1rem;
}
.cmp .cmp-consent-area img {
	width: 200px;
}
.cmp .permission h2 {
	color: #3072ae;
}
.cmp .permission .permission-icons img {
	width: 200px;
}
.cmp .permission .permission-icons .name,
html:lang(en) .cmp .permission .permission-icons .name {
	margin-top: 10px;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 600;
    color: #3072ae;
}
.cmp .sharable-records {
	background: #f4fbfd;
	margin-top: 3rem;
	padding: 5rem 0;
}
.cmp .sharable-records h2 {
	color: #3072ae;
    margin-bottom: 3rem;
	text-align: center;
}
.cmp .sharable-records .d-flex,
html:lang(en) .cmp .sharable-records .d-flex {
	font-size: 1.1rem;
}
.cmp .future {
	/* background: #f4fbfd; */
	margin-top: 3rem;
}
.cmp .future h2 {
	color: #3072ae;
    margin-bottom: 1.5rem;
	text-align: center;
}
.cmp .future .container {
	position: relative;
}
.cmp .future p {
	text-align: left;
	padding: 0 20px;
    position: relative;
}
.cmp .future .future-dev-list-wrapper {
	display: flex;
	justify-content: center;
}
.cmp .future .future-dev-list li {
	margin: 25px 0;
}
.cmp .future .cm-future-icons {
	display: flex;
	justify-content: center;
}
.cmp .future .cm-future-icons .cm-future-icon {
	max-width: 100%;
    width: 180px;
    margin: 20px 50px;
}
.cmp .future .icon-second {
	position: absolute;
    width: 100%;
	z-index: 1;
}
.cmp .future .icon-second .cm-future-icons .cm-future-icon {
    margin: 20px 280px;
}
.cmp .future .cm-future-icons .cm-future-icon:first-child,
.cmp .future .icon-second .cm-future-icons .cm-future-icon:first-child {
    margin-left: 0;
}
.cmp .future .cm-future-icons .cm-future-icon:last-child,
.cmp .future .icon-second .cm-future-icons .cm-future-icon:last-child {
    margin-right: 0;
}
.cmp .future .cm-future-icons .name,
html:lang(en) .cmp .future .cm-future-icons .name {
	margin-top: 10px;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 600;
}
.cmp .future .cmp-future-graphic {
	display: flex;
    justify-content: center;
}
.cmp .future .cmp-future-graphic img {
	width: 100%;
	max-width: 850px;
}
.cmp .future p.desc:before {
	content: "• ";
	position: absolute;
    left: 0;
}
.cmp .ec-connect-box {
	background: #f4fbfd;
}
.cmp .ec-connect-box h2 {
	color: #3072ae;
    margin-bottom: 3rem;
	text-align: center;
}
.cmp .ec-connect-box .text-box,
html:lang(en) .cmp .ec-connect-box .text-box {
	display: flex;
    flex-direction: column;
    align-items: center;
	background: #3072ae;
	color: white;
	font-size: 1.1rem;
    padding: 1.5rem;
    border-radius: 20px;
}
.cmp .ec-connect-box .text-box a {
	background: white;
    color: #3072ae;
    font-weight: 600;
    padding: 10px 20px 10px 30px;
    border-radius: 50px;
	position: relative;
	display: flex;
	margin-top: 15px;
}
.cmp .ec-connect-box .text-box a:hover,
.cmp .ec-connect-box .text-box a:visited,
.cmp .ec-connect-box .text-box a:focus {
	text-decoration: none;
}
.cmp .ec-connect-box .text-box a:after {
    content: "";
    display: inline-block;
    position: relative;
    width: 30px;
    height: 100%;
    top: 0;
	margin-left: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='%233072ae' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M184 112l144 144-144 144'/%3E%3C/svg%3E");
}
.cmp .cmp-share h2 {
	color: #3072ae;
	text-align: center;
}
.cmp .cmp-share .cmp-share-icons {
	justify-content: center;
}
.cmp .cmp-share .cmp-share-icons .cmp-share-icon {
	width: 400px;
	height: 400px;
	display: flex;
	border: 2px solid #3072ae;
	border-radius: 20px;
	padding: 2rem;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 10px 15px;
}
.cmp .cmp-share .cmp-share-icons .cmp-share-icon a {
	color: inherit;
}
.cmp .cmp-share .cmp-share-icons .cmp-share-icon img {
	width: 250px;
}
.cmp .cmp-share .cmp-share-icons .cmp-share-icon .name,
html:lang(en) .cmp .cmp-share .cmp-share-icons .cmp-share-icon .name {
	font-weight: 600;
    font-size: 1.5rem;
}
@media all and (max-width: 1099px) {
	html:lang(en) .cmp .top-title .headline {
		min-width: auto;
	}
	html:lang(en) .cmp .headline > h2 {
		padding-left: 120px;
	}
}
@media screen and (max-width: 991px) {
	.cmp h2 { 
		font-size: 1.625rem;
	}
	html:lang(en) .cmp h2 {
		font-size: 1.425rem;
	}
	.cmp .headline { 
		transform: translateX(6%);
	}
	.cmp .headline > h2 { 
		padding: 10px 15px 10px 20px;
	}
	html:lang(en) .cmp .headline > h2 { 
		padding: 10px 15px 10px 15px;
	}
	.cmp .intro {
		margin-top: 2rem;
		padding: 3rem 0;
	}
	.cmp .intro h2 {
		margin-bottom: 1rem;
	}
	.cmp .sharable-records {
		margin-top: 2rem;
		padding: 3rem 0;
	}
	.cmp .sharable-records h2 {
		margin-bottom: 1rem;
	}
	.cmp .future .icon-second {
		position: relative;
		width: auto;
	}
	.cmp .future .cm-future-icons .cm-future-icon,
	.cmp .future .icon-second .cm-future-icons .cm-future-icon {
		margin: 20px;
	}
	.cmp .cmp-share .cmp-share-icons .cmp-share-icon {
		width: 320px;
    	height: auto;
	}
}
@media all and (max-width: 888px) {
	html:lang(en) .cmp .headline > h2 {
		padding-left: 50px;
	}
}
@media screen and (max-width: 767px) {
	.cmp .headline > h2 {
		padding-left: 50px;
	}
	html:lang(en) .cmp .headline > h2 {
		padding-left: 55px;
	}
}
@media all and (max-width: 536px) {
	html:lang(en) .cmp .headline > h2 {
		padding-left: 80px;
	}
}
/**************************************** 
EC-Connect
****************************************/
.ec-connect p {
    font-size: 1.1rem;
}
.ec-connect h2 { 
    font-size: 2.25rem;
	font-weight: 700;
}
html:lang(en) .ec-connect h2 { 
	font-size: 1.9rem;
	font-weight: 700;
}
.ec-connect .intro { 
    background: #eaf7fb;
	padding: 4rem 0;
}
.ec-connect .intro [class^=col-] { 
    display: flex;
    justify-content: center;
    align-items: center;
}
.ec-connect .intro img { 
    width: 360px;
	padding: 15px 0;
}
.ec-connect .features {
	background: #ddf1f8;
}
.ec-connect .features h2 {
	color: #3072ae;
	margin-bottom: 1.5rem;
}
.ec-connect .feature-section .title {
	font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 10px;
}
.ec-connect .feature-section:nth-child(odd) {
	/* background: #eaf7fb; */
}
.ec-connect .feature-section:nth-child(even) {
	background: #eaf7fb;
}
.ec-connect .installation h2 {
	color: #3072ae;
	margin-bottom: 1.5rem;
}
.ec-connect .requirement {
	background: #eaf7fb;
}
.ec-connect .requirement .box {
    border: 2px solid #3072ae;
    border-radius: 30px;
    padding: 1.5rem;
}
.ec-connect .requirement .box.device {
    position: relative;
}
.ec-connect .requirement .box.device:after {
	content: "";
    display: inline-block;
    width: 150px;
    height: 100%;
    background-image: url(../images/healthcare-provider-and-professional/ec-connect/requirement-graphic.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    right: 20px;
    top: 0;
}
.ec-connect .requirement .box .title {
	font-size: 1.3rem;
    font-weight: bold;
	margin-bottom: 10px;
	padding-right: 130px;
}
.ec-connect .requirement .box p {
    margin-bottom: 0;
}
.ec-connect .video-title {
	font-size: 1.5rem;
    font-weight: bold;
}
html:lang(en) .ec-connect .video-title {
	font-size: 1.438rem;	
	font-weight: normal;
}
.ec-connect .video-title:before {
	content: "";
	display: inline-block;
	width: 54px;
    height: 40px;
	background-image: url(../images/healthcare-provider-and-professional/ec-connect/video-icon.png);
    background-position: center center;
    background-repeat: no-repeat;
	background-size: contain;
	margin-right: 5px;
	margin-top: -5px;
    margin-bottom: -10px;
}
@media screen and (max-width: 991px) {
	.ec-connect h2 { 
		font-size: 1.625rem;
	}
	html:lang(en) .ec-connect h2 { 
		font-size: 1.425rem;
	}
	.ec-connect .intro { 
		padding: 2rem 0;
	}
	.ec-connect .intro img { 
		width: 300px;
		padding: 15px 0;
	}
}

/**************************************** 
eHealth Pro
****************************************/
.ehealth-pro .intro {
    background: #eaf7fb;
    padding: 4rem 0;
}

.ehealth-pro .intro .intro-point {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
}

.ehealth-pro .intro .intro-point img {
    max-width: 225px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.ehealth-pro .active-step h2 {
    color: #1e4d76;
    margin-bottom: 1.5rem;
    font-weight: bold;
}

.ehealth-pro .active-step .step-1 {
    width: 33%;
}

.ehealth-pro .active-step .step-2,
.ehealth-pro .active-step .step-3 {
    width: 22.4%;
}

.ehealth-pro .active-step .step-4 {
    width: 22%;
}

.ehealth-pro .active-step div[class^='step-'] .img-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 260px;
    margin-bottom: 15px;
}

.ehealth-pro .active-step div[class^='step-'] .img-wrap img {
    max-height: 260px;
}

.ehealth-pro .active-step div[class^='step-'] .desc {
    display: inline-flex;
    flex-direction: row;
    align-items: baseline;
}

.ehealth-pro .active-step div[class^='step-'] .desc .step-label {
    background-color: #1e4d76;
    color: white;
    padding: 0 0.5em;
    margin-right: 5px;
}

@media (max-width: 1139px) {
	.ehealth-pro .active-step div[class^='step-'] .img-wrap {
		height: 230px;
	}
}

@media (max-width: 991px) {
    .ehealth-pro .active-step div[class^='step-'] {
        display: inline-flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        width: 50%;
        margin: 1.5rem 0;
    }

    .ehealth-pro .active-step div.step-1,
    .ehealth-pro .active-step div.step-4 {
        width: 100%;
        margin: 1.5rem auto;
        flex-direction: column;
    }

    .ehealth-pro .active-step div[class^='step-']:last-child {
        margin-bottom: 0;
    }

    .ehealth-pro .active-step div[class^='step-'] .img-wrap {
        height: auto;
        width: 60%;
        padding: 0 1rem;
    }

    .ehealth-pro .active-step div.step-1 .img-wrap {
        width: 45%;
    }

    .ehealth-pro .active-step div.step-4 .img-wrap {
        width: 31%;
    }

    .ehealth-pro .active-step div[class^='step-'] .desc {
        width: 40%;
    }

    .ehealth-pro .active-step div.step-1 .desc,
    .ehealth-pro .active-step div.step-4 .desc {
        width: auto;
        max-width: 40%;
    }
}

@media (max-width: 767px) {
    .ehealth-pro .active-step div[class^='step-'] {
        width: 90%;
        margin: 1.5rem auto;
        flex-direction: column;
    }

    .ehealth-pro .active-step div[class^='step-'] .img-wrap {
        width: auto;
        max-width: 90%;
    }

    .ehealth-pro .active-step div[class^='step-'] .desc {
        width: auto;
        max-width: 90%;
    }
}

.ehealth-pro .more-faq {
    font-size: 1.5em;
    margin-bottom: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 30px;
}
.ehealth-pro .more-faq img {
    max-width: 200px;
    margin-right: 1.5rem;
}

.ehealth-pro .box-24hr_tel {
	width: 100%;
}

.ehealth-pro .box-24hr_tel > .row > div {
	width: 100%;
}

/**************************************** 
Self-service eHealth data sharing
****************************************/
.btn.btn-know-more {
	position: relative;
	padding-right: 35px;
}
.btn.btn-know-more:after {
	content: '';
	position: absolute;
	right: 15px;
    top: 42%;
    width: 0;
    height: 0;
	border-style: solid;
	border-width: 0 6px 8px 6px;
	border-color: transparent transparent #FFFFFF transparent;
	transform: rotate(90deg);
	clear: both;
	transition: 0.15s all ease;
}
.btn.btn-know-more:hover:after {
	border-color: transparent transparent #2767D4 transparent;
}

.ss-ehealth-box {
	clear: both;
    border-color: #EFEFEF;
    border-style: solid;
    border-width: 1px 0 0 1px;
    min-width: 100%;
    background-image: url(../images/healthcare-provider-and-professional/developer-portal/dev-portal-bg.png);
    background-repeat: repeat-x;
    background-size: 1px 275px;
    margin-bottom: 2em;
}
@media (max-width: 767px) {
	.ss-ehealth-box {
		background-size: 1px 230px;
	}
}

.ss-ehealth-box .title-box {
	padding: 70px 50px;
	border: #EFEFEF 2px solid;
	margin: -1px 0 0 -1px;
	background-image: url(../images/healthcare-provider-and-professional/developer-portal/dev-portal-page-banner-graphic.png);
	background-size: 360px;
    background-repeat: no-repeat;
    background-position: 90% 15px;
    text-shadow: 2px 0px 11px rgba(234,249,255,0.8);
}

@media (max-width: 991px) {
	.ss-ehealth-box .title-box {
		background-size: 50%;
	}
}
@media (max-width: 767px) {
	.ss-ehealth-box .title-box {
		padding: 50px 30px;
		background-size: 250px;
    	background-position: 95% bottom;
	}
	.ss-ehealth-box .title-box h2 {
		display: flex;
		flex-direction: column;
	}
}
.ss-ehealth-box .content-box {
	padding: 50px 50px;
	border: #EFEFEF 2px solid;
	margin: -2px 0 0 -1px;
}
@media (max-width: 767px) {
	.ss-ehealth-box .content-box {
		padding: 30px 30px;
	}
}

.ss-ehealth-box .content-box .btn.btn-know-more {
	padding: 10px 20px;
    padding-right: 40px;
    white-space: normal;
}
.ss-ehealth-box .content-box .btn.btn-know-more:after {
	right: 18px;
}


/*.dev-portal {
	background-image: url(../images/healthcare-provider-and-professional/developer-portal/dev-portal-bg.png);
	background-repeat: repeat-x;
}

.dev-portal .intro {
	padding-top: 5rem;
	padding-bottom: 5rem;
	background-image: url(../images/healthcare-provider-and-professional/developer-portal/dev-portal-page-banner-graphic.png);
	background-size: 37%;
    background-repeat: no-repeat;
    background-position: 80% bottom;
}
.dev-portal .intro .btn.btn-know-more {
	padding: 10px 20px;
    padding-right: 40px;
}
.dev-portal .intro .btn.btn-know-more:after {
	right: 18px;
}
.dev-portal .intro .content {
	padding-left: 10rem;
}
@media (max-width: 991px) {
	.dev-portal .intro {
		padding-top: 2rem;
		padding-bottom: 4rem;
		background-size: 305px;
		background-position: 85% bottom;
	}
	.dev-portal .intro .content {
		padding-left: 5rem;
	}
}
@media (max-width: 767px) {
	.dev-portal .intro {
		padding-bottom: 12rem;
		background-position: 50% bottom;
	}
	.dev-portal .intro .content {
		padding: 0;
		text-align: center;
	}
}

.dev-portal .steps-box {
	position: relative;
	border: 1px solid #75b2da;
	border-radius: 15px;
    background: white;
    padding: 15px;
    margin-bottom: 10rem;
    padding-bottom: 12rem;
}
.dev-portal .steps-box .step {
	border: 1px solid #aad4ff;
	border-radius: 15px;
	padding: 30px;
	margin-bottom: 20px;
	height: 180px;
	box-shadow: 0px 14px 19px -6px rgba(197,228,255,0.75);
	-webkit-box-shadow: 0px 14px 19px -6px rgba(197,228,255,0.75);
	-moz-box-shadow: 0px 14px 19px -6px rgba(197,228,255,0.75);
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}
.dev-portal .steps-box .step[class*=' item-'] {
	background-size: 28%;
    background-repeat: no-repeat;
    background-position: 85% 20%;
}
.dev-portal .steps-box .step.item-1 {
	background-image: url(../images/healthcare-provider-and-professional/developer-portal/step-1-bg.png);
}
.dev-portal .steps-box .step.item-2 {
	background-image: url(../images/healthcare-provider-and-professional/developer-portal/step-2-bg.png);
}
.dev-portal .steps-box .step.item-3 {
	background-image: url(../images/healthcare-provider-and-professional/developer-portal/step-3-bg.png);
}
.dev-portal .steps-box .step.item-4 {
	background-image: url(../images/healthcare-provider-and-professional/developer-portal/step-4-bg.png);
}
.dev-portal .steps-box .step img.step-icon {
	width: auto;
	max-width: 60px;
}
@media (max-width: 991px) {
	.dev-portal .steps-box .step {
		height: 160px;
	}
	.dev-portal .steps-box .step[class*=' item-'] {
		background-size: 20%;
	    background-position: 90% 20%;
	}
}
@media (max-width: 767px) {
	.dev-portal .steps-box {
		margin-bottom: 15rem;
	}
	.dev-portal .steps-box .step {
		align-items: center;
		text-align: center;
	}
}

.dev-portal .steps-box .guide-you-box-wrapper {
	position: relative;
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0;
}
.dev-portal .steps-box .guide-you-box {
	position: absolute;
    top: 3rem;
	background: #4f77d2;
	width: 100%;
	max-width: 85%;
	border: 1px solid #4f77d2;
	border-radius: 15px;
	box-shadow: 0px 14px 19px -6px rgba(197,228,255,0.75);
	-webkit-box-shadow: 0px 14px 19px -6px rgba(197,228,255,0.75);
	-moz-box-shadow: 0px 14px 19px -6px rgba(197,228,255,0.75);
	padding: 30px;
	display: flex;
	flex-direction: row;
    justify-content: center;
}
.dev-portal .steps-box .guide-you-box .icon-box {
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.dev-portal .steps-box .guide-you-box .icon-box img {
	width: auto;
	max-width: 170px;
}
.dev-portal .steps-box .guide-you-box .content-box {
	color: white;
	padding-left: 3rem;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.dev-portal .steps-box .guide-you-box .content-box p {
	font-size: 1.5rem;
	font-weight: bold;
}
.dev-portal .steps-box .guide-you-box .content-box .btn.btn-know-more {
	padding: 8px 30px;
    padding-right: 52px;
    background-color: white;
    color: #2767D4;
    width: fit-content;
    font-size: 1.2rem;
    font-weight: bold;
    text-wrap: wrap;
}
.dev-portal .steps-box .guide-you-box .content-box .btn.btn-know-more:after {
	right: 28px;
    top: 42%;
	border-width: 0 6px 8px 6px;
	border-color: transparent transparent #2767D4 transparent;
}
@media (max-width: 991px) {
	.dev-portal .steps-box .guide-you-box {
		padding: 20px;
	}
	.dev-portal .steps-box .guide-you-box .icon-box img {
		max-width: 140px;
	}
	.dev-portal .steps-box .guide-you-box .content-box {
		padding-left: 2rem;
	}
	.dev-portal .steps-box .guide-you-box .content-box p {
		font-size: 1.3rem;
	}
	.dev-portal .steps-box .guide-you-box .content-box .btn.btn-know-more {
		padding: 8px 23px;
    	padding-right: 45px;
		font-size: 1.1rem;
	}
	.dev-portal .steps-box .guide-you-box .content-box .btn.btn-know-more:after {
		right: 23px;
	}
}
@media (max-width: 767px) {
	.dev-portal .steps-box .guide-you-box {
		max-width: 99%;
		flex-direction: column;
	}
	.dev-portal .steps-box .guide-you-box .icon-box {
		align-items: center;
		margin-bottom: 1rem;
	}
	.dev-portal .steps-box .guide-you-box .content-box {
		padding: 0;
		align-items: center;
	}
	.dev-portal .steps-box .guide-you-box .content-box p {
		text-align: center;
	}
}*/


/**************************************** 
Mini Game 
****************************************/
.mini-game {
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
}
.mini-game .iframe-box {
	position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 178%;
	user-select: none;
	margin: 0 auto;
}
.mini-game-mobile .iframe-box {
	/* position: relative;
	width: 100%;
	overflow: hidden;
	padding-top: 178%; /* 16:9 Aspect Ratio /
	user-select: none; */
	/* position: relative;
	width: 100%;
	height: 90vh;
    height: calc(100vh - 150px);
    overflow: hidden;
    padding-left: 56%;
    user-select: none; */
}
.mini-game .responsive-iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: none;
}
@media all and (max-width: 767px) {
	.mini-game {
		max-width: 100%;
	}
}


/**************************************** 
Function: Extend/Collapse Content 
****************************************/
.accordion_control_btn{
	margin-top: 20px;
	margin-bottom: 10px;
}
.accordion_control_btn .faq-title:before {
	content: "";
	display: inline-block;
	width: 40px;
    height: 40px;
	background-image: url(../images/common/faq-icon.png);
    background-position: center center;
    background-repeat: no-repeat;
	background-size: contain;
	margin-right: 5px;
	margin-top: -5px;
    margin-bottom: -10px;
}
.accordion_control_btn h2, .accordion_control_btn h3{
	display: inline-block;
}
.accordion_control_btn .control_btn_wrap{
	float: none;
}
.accordion_control_btn .control_btn_wrap a{
	margin-bottom: 5px;
	width: 100%;
}


/* faq below */
.accordion{
	list-style-type: none;
	margin-left: 0;
	padding: 0;
	margin-bottom: 2rem;
}
.accordion>li:before{
	display: none;
}
.accordion .list_item div.list_header{
	cursor: pointer;
	position: relative;
	overflow: hidden;
	-webkit-transition: background 0.4s ease 0s;
	transition: background 0.4s ease 0s;
	padding: 10px;
	display: flex;
	align-items: center;
}
.accordion.expand_all .list_item div.list_header{
	cursor:default;
}
.accordion .list_item div.list_header p:last-child{
	margin-bottom: 0;
}

.accordion .list_item div.list_header img.list_header_icon {
	margin: 0;
    margin-right: 1rem;
    max-width: 60px;
}


.accordion .list_item div.list_header a.arrow{
	height: 20px;
    position: absolute;
	right: 12px;
	/* top: 23px; */
	overflow:hidden;
	width: 20px;
	z-index: 4;
	background-image:url(../images/common/plus-icon.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}
.accordion .list_item div.list_header:hover a.arrow, .accordion .list_item.selected div.list_header a.arrow{
	border-color: #fff;
}
.accordion .list_item.selected .list_content .accordion .list_item div.list_header a.arrow {
	border-color: #4ed1e5;
}
.accordion .list_item.selected .list_content .accordion .list_item.selected div.list_header a.arrow {
	border-color: #fff;
}

.accordion .list_item.selected>div.list_header a.arrow{
	background-image:url(../images/common/less-icon.png);
}
.accordion.expand_all .list_item.selected>div.list_header a.arrow{
	display:none;
}

.accordion>li{
	margin-bottom: 0px;
}
ul.accordion>li{
	background-image: none;
	padding-left: 0;
	border-bottom: 2px solid #3B87BB;

}
ul.accordion>li:last-child{
	border: none;	
}
ul.accordion>li:first-child{
	border-bottom: 2px solid #3B87BB;
}
.accordion>li>div.list_header{
	display: table;
	width: 100%;
}
.accordion>li>div.list_header>div, 
.accordion>li>div.list_header>h3, 
.accordion>li>div.list_header>h2 {
	background-image: url(../images/common/information-icon-yellow.png);
	background-position: left top 7px;
	background-repeat:no-repeat;
	background-size: 30px; 
	display: table;
	position: relative;
	z-index: 3;
	vertical-align: top;
	-webkit-transition: color 0.4s ease 0s;
	transition: color 0.4s ease 0s;
	font-size: 1.313rem;
	padding: 5px 30px 5px 40px;
	margin-bottom: 0;
	line-height: 1.5;
}

html:lang(en) .accordion>li>div.list_header>div, 
html:lang(en) .accordion>li>div.list_header>h3, 
html:lang(en) .accordion>li>div.list_header>h2,
html:lang(en) .accordion>li>div.list_header>.font_h2 {
	font-size: 1.438rem;
}
html:lang(en) .accordion>li>div.list_header>.font_h3 {
	font-size: 1.25rem;
}
.accordion.no_icon>li>div.list_header>div, 
.accordion.no_icon>li>div.list_header>h3, 
.accordion.no_icon>li>div.list_header>h2{
	background: none;
	padding-left: 0;
}
.accordion.no_icon .list_item div.list_content div.list_content_inner{
	padding-left: 10px;
}
.accordion>li>div.list_header>div a{
	color: #073238;
}
.accordion>li>div.list_header>div a:hover{
	text-decoration:none;	
}
.accordion>li>div.list_header>div a.underline, .accordion>li>div.list_header>div a.underline:hover{
	text-decoration:underline;
}

.accordion>li>div.list_header>div h2, .accordion>li>div.list_header>div h3{
	color: #073238;
	margin:0;	
	display:table-row;
}
.accordion>li>div.list_header>div h2 >span, .accordion>li>div.list_header>div h3 >span, .accordion>li>div.list_header>div >span{
	padding-right:5px;
	display:table-cell;
}
.accordion>li>div.list_header>div.qa{
	width: 40px;
	padding: 8px 20px;
	position: relative;
	z-index: 4;
	padding-right: 0;
}
.accordion>li table{
	margin: 0;
}
.accordion .list_item div.list_content{
	overflow: hidden;
	padding-bottom: 15px;
}
.accordion .list_item div.list_content {
    display: none;
}
.accordion .list_item.selected div.list_content {
    display: block;
}
.accordion .list_item div.list_content div.list_content_inner{
	padding: 10px 20px 0;
}
.accordion ol{
	margin-top: 0;
	margin-bottom: 20px;
}
.accordion ol li ul {
    list-style-type: disc;
}
.accordion div.image_wrap img{
	width: 270px;
}
.accordion .list_item div.list_content div.list_content_inner img.list_image_left {
	margin-bottom: 1rem;
}

/**************************************** 
Home page: Slider
****************************************/
.slider-pro{
	font-size: 1.125rem;	
}
.sp-image {
    image-rendering: -webkit-optimize-contrast;
}
.sp-right-thumbnails{
	color: #565656;
	right: 30px;
    top: 25px;
	height: 370px !important;
	background-color: #FFF;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	padding: 60px 20px;
	max-width: 300px;
}
.sp-caption-container{
	position: absolute;
	top: auto;
    bottom: -365px;
    left: 20px;
	text-align: left;
	margin-top: 0;
}
.sp-caption-container .title,
.sp-caption-container .text-grey{
	text-shadow: 0 0 4px #fff, 0 0 4px #fff;
}
.sp-caption-container p {
	margin-bottom: 0;
	margin-top: 6px;
}
.sp-caption-container a.btn {
	margin-top: 20px;
}
.sp-thumbnail-container {
    display: flex;
	align-items: center;
	transition: 0.3s all ease;
    position: relative;
    left: 10px;
    transition: 0.3s all ease;
}
.sp-slides-container {
	height: 400px; 
}
.sp-slides-container-inner{
	position: relative;
	margin: 0 auto;
	margin-top: -400px;
    height: 0px;
}
.sp-slides-container .sp-thumbnails-container {
	display: none;
}


.sp-selected-thumbnail{
	font-family: 'Quicksand-Medium', 'Microsoft JhengHei', 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, 'NotoSansHK-Medium', Arial, sans-serif;	
	font-weight: bold;
}
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{
	border:none;	
}
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{
	border:none;
	background-image:url(../images/common/arrow-left-icon-blue.png);
	background-repeat:no-repeat;
	background-position: center;
    background-size: 20px;
    height: 20px;
    width: 10px;
}

.sp-bottom-thumbnails .sp-thumbnail-container, .sp-top-thumbnails .sp-thumbnail-container {
    margin-left: 50px !important;
    margin-right: 0px !important;
}
.sp-bottom-thumbnails .sp-thumbnail-container:first-child, .sp-top-thumbnails .sp-thumbnail-container:first-child {
    margin-left: 0px !important;
}

.sp-grab {
    cursor: auto;
}
.sp-left-thumbnails .sp-thumbnail-arrows, .sp-right-thumbnails .sp-thumbnail-arrows{
	left:auto;
	margin:0;	
}
.sp-left-thumbnails .sp-previous-thumbnail-arrow, .sp-right-thumbnails .sp-previous-thumbnail-arrow{
	background-image: url(../images/common/banner-click-up-button.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	background-color: #FFF;
    width: 300px;
    height: 40px;
    left: -20px;
}
.sp-previous-thumbnail-arrow:before, .sp-previous-thumbnail-arrow:after, .sp-next-thumbnail-arrow:before, .sp-next-thumbnail-arrow:after{
	display:none;
}
.sp-fade-thumbnail-arrows{
	opacity: 100;
	-webkit-transition: none; 
    transition: none;
}
.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow, .sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow{
	-webkit-transform: none; 
    -ms-transform: none;
    transform: none; 
}
.sp-left-thumbnails .sp-next-thumbnail-arrow, .sp-right-thumbnails .sp-next-thumbnail-arrow{
	background-image: url(../images/common/banner-click-down-button.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	background-color: #FFF;
    width: 300px;
    height: 40px;
    left: -20px;
}
.sp-bottom-thumbnails .sp-next-thumbnail-arrow{
	background-image: url(../images/home/banner-click-right-button-tablet.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	background-color: #FFF;
    width: 40px;
    height: 60px;
}
.sp-bottom-thumbnails .sp-previous-thumbnail-arrow{
	background-image: url(../images/home/banner-click-left-button-tablet.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	background-color: #FFF;
    width: 40px;
    height: 60px;
}
.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail{
	position:relative;
	top:0;
}
.sp-bottom-thumbnails .sp-thumbnail-arrows, .sp-top-thumbnails .sp-thumbnail-arrows{
	margin-top: -32px;	
}
.sp-bottom-thumbnails.sp-has-pointer{
	margin-top :0;	
	padding: 0 40px;
	height: 65px;
	bottom: 0;
    position: absolute;
    background-color: #FFF;
    border-top: 1px #C0D2D6 solid;
    border-bottom: 1px #C0D2D6 solid;

}
.sp-caption-container .title{
	font-size: 1.875rem;
	line-height: 1.2;
}	
.playstop_btn{
	width:34px;
	height:34px;
	background-image:url(../images/common/pause-button.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 34px;
	cursor:pointer;
	position: absolute;
    bottom: -365px;
    right: 50px;
}
.previous_btn{
	width:34px;
	height:34px;
	background-image:url(../images/common/previous-button.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 34px;
	cursor:pointer;
	position: absolute;
    bottom: -365px;
    right: 80px;
}
.next_btn{
	width:34px;
	height:34px;
	background-image:url(../images/common/next-button.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 34px;
	cursor:pointer;
	position: absolute;
    bottom: -365px;
    right: 20px;
	
}
.playstop_btn.active{
	background-image:url(../images/common/play-button.png);
}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before, .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{
	display:none;	
}
.sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before{
	background-color: #2767d4;
}
.sp-fade-arrows{
	opacity: 100;
}

#subscribe_form input {
	padding: 10px 15px;
    border: 1px solid #adadad;
    border-radius: 5px;
    background-color: #FFFFFF;
    color: #212121;
    width: 100%;
    margin: 10px 0;
}
#subscribe_form select {
	padding: 10px 15px;
	padding-right: 32px;
    border: 1px solid #adadad;
    border-radius: 5px;
    background-color: #FFFFFF;
    color: #212121;
    width: 100%;
    margin: 10px 0;
    background-image: url(../images/common/arrow-down-icon-blue.png);
    background-position: right 10px center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
}
form#subscribe_form .form-check {
    margin: 0.5em 0;
    padding-left: 0;
}
form#subscribe_form .form-check .form-check-label {
    padding-left: 1.75em;
}
form#subscribe_form input[type="radio"] {
    font: inherit;
    color: #2f6ed9;
    width: 1.25em;
    min-width: 1.25em;
    height: 1.25em;
    min-height: 1.25em;
    border: 1px solid #2f6ed9;
    border-radius: 50%;
    padding: 0;
    margin: 0;
    transform: translateY(0.15em);
    display: grid;
    place-content: center;
}
form#subscribe_form input[type="radio"]::before {
    content: "";
    width: 0.75em;
    height: 0.75em;
    border-radius: 50%;
    transform: scale(0);
    box-shadow: inset 1em 1em #2f6ed9;
}
form#subscribe_form input[type="radio"]:checked::before {
    transform: scale(1);
}
form#subscribe_form textarea {
    margin: 10px 0;
}
#subscribe_form h3{
	font-size: 1rem !important;
    font-weight: 600;
	margin: 5px 0 0;
}
#subscribe_form h4 {
	font-size: 1rem !important;
    font-weight: 600;
	margin: 5px 0 0;
}
#success_message {
	margin-bottom: 30px;
}

#subscribe_form [id^=dp-] {
	width: 100%;
	position: relative;
}
#subscribe_form .add-row-column {
	display: flex;
	justify-content: center;
	margin: 10px 0;
}
#subscribe_form [id^=dp-] {
	border: 1px solid #e1e1e1;
	padding: 15px;
	margin: 10px 0;
}
#review-dp > div {
	border: 1px solid #e1e1e1;
    padding: 15px;
    margin: 10px 0;
}
@media screen and (max-width: 768px) {
	#subscribe_form [id^=dp-] button.close {
		position: absolute;
		top: 15px;
        right: 40px;
	}
}
/**************************************** 
Home page
****************************************/
.search_registercenter{
	background-image: url(../images/home/ehr-reg-centres-icon.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 32px 32px;
    padding: 5px 0px 5px 38px;
}

.search_dhc{
	background-image: url(../images/home/thumbnail_look-dhc.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 29px 28px;
    padding: 5px 0px 5px 38px;
}

.search_cmctr{
	background-image: url(../images/home/thumbnail_look-cmctr.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 32px 32px;
    padding: 5px 0px 5px 38px;
}

.search_hcp{
	background-image: url(../images/home/thumbnail_look-healthcare-providers-icon.png);
}

.to_adv_search{
	background-image: url(../images/home/advanced-search-icon.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 32px 32px;
    padding: 5px 0px 5px 38px;
}

.search_data_deposit{
	background-image: url(../images/home/file-arrow-up-solid.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 35px 32px;
    padding: 5px 0px 5px 40px;
}

.dropdown.bootstrap-select{
	
	padding: 10px 15px;
}

.bootstrap-select>.dropdown-toggle{
	padding: 10px 30px 10px 15px;
    border: 2px solid #ccc;
    border-radius: 5px;
    background-color: #FFFFFF;
	
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner{
	color: #212121;
}
.btn-light{
	color: #212121 !important;	
}

ul.select_box > li > a{
	display:block;
	text-align:left;
	padding: 10px 30px 10px 15px;
    border: 1px solid #adadad;
    border-radius: 5px;
    background-color: #FFFFFF;
    color: #212121;
	background-image: url(../images/common/arrow-down-icon-blue.png);
    background-position: right 10px center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
	width: 100%;
    margin: 10px 0;
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
}
.select_box a:hover{
	text-decoration:none;
}
.select_box .select-option, 
.select_box .select-options, 
.select_box .select-district-option,
.select_box .select-drs-district-option {
	background-color: #FFF;
	position:absolute;
	z-index: 999;
	padding: 0;
    margin-top: -13px;
    width: calc(100% - 20px);
    border: 2px solid #ccc;
    border-top: none;
    border-radius: 0px 0px 5px 5px;
	display:none;
	
}
.select_box .select-options {
	width: 100%;
	max-height: 450px;
    overflow-y: auto;
}
.wget_hcp_search .select_box .select-option{
    width: calc(100% - 70px);

}
.wget_hcp_search.wget_home_hcp .select_box .select-option{
	width: calc(100% - 20px) !important;
}

.wget_hcp_search.hcp_search .select_box .select-option, 
.wget_hcp_search.hcp_search .select_box .select-district-option,
.wget_hcp_search.hcp_search .select_box .select-drs-district-option {
	width: calc(100% - 30px);
}

.select_box .select-option.active, 
.select_box .select-options.active, 
.select_box .select-district-option.active,
.select_box .select-drs-district-option.active {
	display:block;	
}
.select_box .select-option .option, 
.select_box .select-options .multiple-option {
	display:block;
	background-image: url(../images/common/unselect-button.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
	background-position: left 12px center;
	padding: 8px 15px 8px 42px;
    border-bottom: #EFEFEF 2px solid;
	text-align:left;
	color: #212121;
	cursor: pointer;
}
.select_box .select-options .option {
	display:block;
	padding: 8px 15px;
    border-bottom: #EFEFEF 2px solid;
	text-align:left;
	color: #212121;
	cursor: pointer;
}
.select_box .select-options .option:hover,
.select_box .select-options .option:focus {
	background-color: #F0FAFF;
}
.select_box .select-option .option.active, 
.select_box .select-options .multiple-option.active {
	background-image: url(../images/common/selected-button.png);
}
.select_box .select-option .option:last-child, 
.select_box .select-options .option:last-child, 
.select_box .select-options .multiple-option:last-child {
	border:none;	
}
.select_box .select-district-option, 
.select_box .select-drs-district-option {
	background-color: #FFF;
	position:absolute;
	z-index: 999;
	padding: 0;
	margin-top: -58px;
	width: 96%;
    border: 2px solid #ccc;
    border-radius: 5px;
	display:none;
	padding-bottom: 15px;
}
.wget_hcp_search .select_box .select-district-option,
.wget_hcp_search .select_box .select-drs-district-option {
	width: 86%;
}
.wget_home_hcp.wget_hcp_search .select_box .select-district-option,
.wget_home_hcp.wget_hcp_search .select_box .select-drs-district-option {
	width: 97%;
	right: auto;
}
.wget_home_hcp.wget_hcp_search.hcp_search .select_box .select-district-option,
.wget_home_hcp.wget_hcp_search.hcp_search .select_box .select-drs-district-option {
	width: 96%;
}
.select_box .select-district-option a,
.select_box .select-drs-district-option a {
	color:#212121;	
}
.select_box .select-district-option hr,
.select_box .select-drs-district-option hr {
	margin: 0 15px;
}


.select_box .select-district-option .select-district,
.select_box .select-drs-district-option .select-drs-district {
	display:block;
	padding: 15px 30px 15px 15px;
	background-image: url(../images/common/arrow-down-icon-blue.png);
    background-position: right 10px center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
}

.select_box .select-district-option > div,
.select_box .select-drs-district-option > div {
	padding: 12px 15px 0px 15px;	
}
.select_box .select-district-option > div.dist-options > .option,
.select_box .select-drs-district-option > div.dist-options > .option {
	background-color: #F0FAFF;
}
.select_box .select-district-option > div .option,
.select_box .select-drs-district-option > div .option {
	display:block;
	background-image: url(../images/common/unselect-button.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
	background-position: left 5px center;
    padding: 5px 0px 10px 30px;
	text-align: left;
	cursor: pointer;
}
.select_box .select-district-option > div .option.radio-option,
.select_box .select-drs-district-option > div .option.radio-option {
	background-image: url(../images/common/unselect-radio-button.png);
}
.select_box .select-district-option > div .option.active,
.select_box .select-drs-district-option > div .option.active {
	background-image: url(../images/common/selected-button.png);

}
.select_box .select-district-option > div .option.radio-option.active,
.select_box .select-drs-district-option > div .option.radio-option.active {
	background-image: url(../images/common/selected-radio-button.png);

}
.select_box .select-district-option > div > div.sub-options,
.select_box .select-drs-district-option > div > div.sub-options {
	display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	padding-top: 15px;
}
.select_box .select-district-option > div > div.sub-options .option,
.select_box .select-drs-district-option > div > div.sub-options .option {
	display:inline-block;
	width:33%;
	margin-bottom: 10px;
	margin: auto 0;
		
}

.select_box .select-option .option:hover, 
.select_box .select-district-option .option:hover,
.select_box .select-drs-district-option .option:hover {
	text-decoration:none;	
}

.re_query_wrap {
	display: inline;
    position: relative;
}

/**************************************** 
eHealth System (eHS) (Subsidies) Page
****************************************/
.user_manual_covid_title_wrapper {
    display: table;
    width: 100%;
}
.user_manual_covid_title_h2 {
    display: table-cell;
    vertical-align: middle;
}
.user_manual_covid_title_img {
    display: table-cell;
    width: 245px;
    float: right;
}
@media (max-width: 599px) {
    .user_manual_covid_title_img {
        width: 150px;
    }
}
@media (max-width: 399px) {
    .user_manual_covid_title_h2 {
        width: 55%;
    }
}

/**************************************** 
醫健通eHealth App page
****************************************/
.apps-step {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100%;
    padding: 5px;
}

@media (min-width: 768px) {
    .apps-step {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important;
        max-width: 25%;
    }
    .apps-step-md-w40 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40% !important;
        flex: 0 0 40% !important;
        max-width: 40%;
    }
    .apps-step-md-w60 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60% !important;
        flex: 0 0 60% !important;
        max-width: 60%;
    }
}
@media (min-width: 992px) {
    .apps-step {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20% !important;
        flex: 0 0 20% !important;
        max-width: 20%;
    }
}

/**************************************** 
Mobile Health Station Page
****************************************/
.select_box.mobile-health-station-select .select-district-option {
	width: calc(100% - 30px);
}
.select_box.mobile-health-station-select .select-district-option .dist-options .dist {
    background-color: #F0FAFF;
    padding: 0.5em;
}


/**************************************** 
HCP search
****************************************/
section.hcp-results{
	background-color:#FAFAFA;
}
.hcp_starting{
	height:15px;
}
div.wget_hcp_search.hcp_search{
	background-color: #FFF;
	box-shadow: #BBB 0px 1px 5px;	
	text-align: left;
	min-height: auto;
	padding-top: 0;
    padding-bottom: 30px;
}
div.wget_hcp_search .tabs-box {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    border-bottom: 1px solid #adadad;
    padding: 0;
    margin-bottom: 1.5rem;
}

div.wget_hcp_search .tabs-box .tab-item {
    padding: 20px 40px;
    color: #2767D4;
}
div.wget_hcp_search .tabs-box .tab-item:hover {
    cursor: pointer;
}
div.wget_hcp_search .tabs-box .tab-item:not(.active):hover {
    text-decoration: underline;
}
div.wget_hcp_search .tabs-box .tab-item.active {
    color: inherit;
    border-bottom: 1px solid #F66400;
    box-shadow: 0px 2px 0px 0px #F66400;
}
section.adv_search div.wget_hcp_search.hcp_search {
	box-shadow: none;
}
section.hcp-results .count_results{
	text-align: center;
    margin: 0 0 10px 0;
}

section.hcp-results .social-share-list{
	margin:0;	
}

.result_box{
	background-color:#FFF;
		
	box-shadow: #BBB 0px 1px 5px;
	width: 100%;
    margin: 0 auto;
}
.result_box > div.col-12{
	padding-left: 0px;
	padding-right: 0px;
	
}
section.content ul.district_tab {
	border-bottom: 1px #CCC solid;	
	width: 100%;
    overflow-x: auto;
    white-space: nowrap;
	margin-bottom: 0;
}
section.content ul.district_tab li{
	display:inline-block;
}

section.content ul.district_tab > li{
	padding: 15px 0px;
    border-bottom: 2px #FFF solid;
    margin: 0px;
	padding-right: 20px;
}
section.content ul.district_tab > li:hover, section.content ul.district_tab > li.active{
	border-bottom: 2px #F66400 solid;
}
section.content ul.district_tab > li:hover  > a, section.content ul.district_tab > li.active > a{
	text-decoration:none;
	color: #212121;
}
section.content ul.district_tab > li:hover a{
	text-decoration:none;
}
div.div_sub_district{
	padding: 0 20px;	
}
ul.sub_district{
	margin: 10px 0 !important;
	display: none;
	left:15px;
	max-height: 48px;
    overflow-x: auto;
    white-space: nowrap;
}
ul.sub_district.active{
	display: block;	
}
ul.sub_district li{
	display: inline-block;
	font-size: 0.938rem;	
	padding-right: 25px;
	margin: 5px 0;
}

 ul.sub_district li.active a{
	color:#212121;
}

html:lang(en) ul.sub_district li{
	font-size: 0.875rem;	
}
.ui.table{
	border: none;	
}
.ui.celled.table > tbody > tr > td, .ui.celled.table > thead > tr > th{
	border-left: none;	
}

table.dataTable.table thead th.sorting:after, table.dataTable.table thead th.sorting_asc:after, table.dataTable.table thead th.sorting_desc:after, table.dataTable.table thead td.sorting:after, table.dataTable.table thead td.sorting_asc:after, table.dataTable.table thead td.sorting_desc:after{
	display: inline-block;
	position:relative;
	top:auto;
	right: auto;	
}
table.dataTable.table thead th.sorting_asc:after, table.dataTable.table thead td.sorting_asc:after{
	content: '';
	background-image: url(../images/hcp/tri-arrow-up-icon-white.png);
	background-repeat:no-repeat;
	width: 15px;
    height: 15px;
    vertical-align: middle;
    margin: 0px 5px;
    background-position: center;
    background-size: contain;
}
table.dataTable.table thead th.sorting:after, table.dataTable.table thead td.sorting:after{
	content: '';	
}
table.dataTable.table thead th.sorting_desc:after, table.dataTable.table thead td.sorting_desc:after{
	content: '';	
	background-image: url(../images/hcp/tri-arrow-down-icon-white.png);
	background-repeat:no-repeat;
	width: 15px;
    height: 15px;
    vertical-align: middle;
    margin: 0px 5px;
    background-position: center;
    background-size: contain;
}


table.dataTable:not(.ehr_centre) tbody tr:not(.group){
	cursor: pointer;	
}
table.dataTable tr:hover{
	box-shadow: #BBB 0px 1px 5px;
}

table.dataTable tr:focus{
	/* outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.5); */
	box-shadow: var(--var-dual-outline-box-shadow);
    outline: var(--var-dual-outline-outline);
    outline-offset: var(--var-dual-outline-outline-offset);
}

table.dataTable tr:hover:active:visited {
    outline: 0.01rem dotted rgba(255,255,255,0.01);
    box-shadow: none;
}
div.hcp_space{
	height: 120px;	
}

div.dt-more-container{
	margin:20px;	
}
section.content table.dataTable tr td{
	border-bottom: none;
}
table.dataTable:not(.ehr_centre) tr td:first-child{
	background-image: url(../images/common/arrow-right-icon-blue.png) !important;
    background-repeat: no-repeat !important;
    background-position: top 7px right 20px !important;
    background-size: 20px !important;

}
.ui.table:not(.unstackable) td:first-child, .ui.table:not(.unstackable) th:first-child{
	font-weight:normal;	
}
table.dataTable tr.group td:first-child{
	background-image: none !important;
}
table.dataTable tr td:last-child:after{
	content: '';
	background: none;
	
}

table.dataTable tr.group td:last-child:after{
	content: none;
	background: none !important;
}
table.dataTable tr.group td, table.dataTable tr.group, table.html_table tr.group td, table.html_table tr.group {
	font-family: 'Muli-Medium', 'Microsoft JhengHei', 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, 'NotoSansHK-Medium', 'NotoSansSC-Medium', Arial, sans-serif;
	color: #004C76;
	background-color: #F2F6F7 !important;
}
html:lang(en) table.dataTable tr.group td{
	font-family: 'Muli-Bold', 'Microsoft JhengHei', 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, 'NotoSansHK-Medium', 'NotoSansSC-Medium', Arial, sans-serif;
}

table.html_table tbody tr {
	display: none;
}

table.html_table tbody tr{
	cursor: pointer;
}


table.html_table tbody tr:after {
	content: '';
	display: block;
    width: 20px;
	height: 20px;
	margin-left: -30px;
    margin-top: 15px;
    background-image: url(../images/common/arrow-right-icon-blue.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

table.html_table tbody tr.group.selected:after, table.html_table tbody tr.district.selected:after{

    background-image: url(../images/common/arrow-down-icon-blue.png);

}

table.html_table tbody tr.active, table.html_table tbody tr.show  {
	display: table-row;
}
table.html_table thead tr{
	display: none;
}
table.html_table tbody tr.data-tr td{
	display: block;
	width: 100%;
}
table.dataTable .provider_name {
	color: #565656	
}
.icon-register_center{
	background-image:url(../images/hcp/have-ehr-reg-centres-icon.png);
	background-repeat:no-repeat;
    background-position: top center;
    background-size: 32px;
	height:55px;
	display: inline-block;
	vertical-align: middle;
	padding-top: 32px;
	text-align: center;
	font-size: 0.813rem;
			
}
html:lang(en) .icon-register_center{
	height:50px;
}
.tooltip.show {
  opacity: 1;
}

.tooltip-inner {
	max-width:400px;
	background-color: #FFF;	
	color: #212121;
	padding: 0;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
	border-top-color: #FFF
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
	border-right-color: #FFF
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
	border-bottom-color: #FFF
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
	border-left-color: #FFF;
}
.tooltip-inner .t_title{
	text-align:left;
	background-color: #F2F6F7;
	background-image:url(../images/hcp/ehr-reg-centres-opentime-icon.png);
	background-repeat:no-repeat;
    background-position: left 20px center;
    background-size: 30px;
	padding:10px 20px;
	padding-left:60px;
}
.tooltip-inner .t_body{
	padding: 0 10px 10px 10px;
}

form#hcp_search{
	margin-bottom: 10px;
}

.results-div{
	padding-bottom: 20px;
}

.no_ehr{
	display: inline-block;
    width: 32px;
    text-align: center;
}
.timetable .details .no_ehr{
	width: 42px;
}

.search_box .search_fields {
	display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0;
}
/*===========*/

.print_video{
	display: none;
}

.no_found_page{
	text-align: center;
	padding: 120px 0;

}
.no_found_page .images{
	width:600px;
	height:auto;
	max-width:100%;
}
.no_found_page h1{
	padding-top: 10px;
}
.no_found_page .list{
	padding-top:20px;
}
.no_found_page .list a{
	font-size: 1.125rem;
	padding-right: 0px;
	padding-bottom: 10px;
	display: block;
	
}
.no_found_page .no_found_heading {
	/* font-size: 30px !important; */
	font-size: 1.875rem !important;
}

.iamsmart-highlight {
/*	color: #3FAA96;*/
	font-weight: bold;
}

.highlight-blue {
	color: #2767D4;
}

/** Video container **/
.video-container {
    position: relative;
    width: 100%;
}
div.wide_video .video-container{
	min-height: 250px;	
	height: 100% !important;
}
.responsive-16by9 {
    padding-bottom: 56.25%;
}
.responsive-4by3 {
    padding-bottom: 75%;
}
.responsive-3by2 {
    padding-bottom: 66.66%;
}
.responsive-8by5 {
    padding-bottom: 62.5%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/****************************************
DRS Search
****************************************/
#drs-search-words-error,
#drs-hcp-search-words-error {
    font-size: 0.95rem;
    color: #bb2424;
    background-color: #ffe8e8;
    padding: 5px;
	text-align: center;
}
div.wget_hcp_search form#drs_search button.btn-secondary {
    margin: 0;
}
form#drs_search {
    margin-bottom: 10px;
}
form#drs_search .search_box {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 10px;
}

form#drs_search .search_box .area-notes {
    grid-area: 1 / 1 / 1 / 6;
    align-self: baseline;
}
form#drs_search .search_box .area-1 {
    grid-area: 2 / 1 / 2 / 5;
	display: flex;
    align-self: center;
}
@media (max-width: 767px) {
	form#drs_search .search_box .area-1 {
		grid-area: 2 / 1 / 2 / 6;
		flex-direction: column;
		row-gap: 10px;
    }
}
form#drs_search .search_box .area-1 .area_box_1 {
	padding-left: 10px;
	padding-right: 0;
}
@media (max-width: 767px) {
	form#drs_search .search_box .area-1 .area_box_1 {
		padding-right: 10px;
	}
}
form#drs_search .search_box .area-1 .area_box_2 {
	padding-left: 10px;
	padding-right: 10px;	
}

form#drs_search .search_box .area-1 ul.select_box > li {
	position: relative;
	margin: 0;
}

form#drs_search .search_box .area-1 ul.select_box > li > a {
	height: 46px;
	margin: 0;
}

form#drs_search .search_box .area-1 ul.select_box > li .select-options {
	margin-top: -3px;
}

form#drs_search .search_box .area-1 tags.tagify {
    width: 100%;
	background-color: white;
    border-radius: 5px;
	border-color: #adadad;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    --tag-hover: #F0FAFF;
	text-align: left;    
	height: auto;
    min-height: 46px;
}

form#drs_search .search_box .area-1 tags .tagify__tag {
    margin-block: 7px;
    flex-shrink: 0;
    white-space: nowrap;
}
form#drs_search .search_box .area-1 tags .tagify__tag > div > .tagify__tag-text {
    max-width: 175px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
form#drs_search .search_box .area-1 tags .tagify__input {
    margin: 7px;
}

form#drs_search .search_box .area-1 tags.tagify--loading .tagify__input::after {
    position: absolute;
    top: 35%;
}
form#drs_search .search_box .area-2 {
    grid-area: 2 / 5 / 2 / 5;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: nowrap;
    column-gap: 10px;
    padding-right: 10px;
}
@media (max-width: 767px) {
	form#drs_search .search_box .area-2 {
		grid-area: 3 / 1 / 3 / 6;
		padding-left: 10px;
    }
}
@media (max-width: 575px) {
	form#drs_search .search_box .area-2 {
		flex-direction: column;
		row-gap: 10px;
    }
}
form#drs_search .search_box .area-3 {
    grid-area: 3 / 1 / 3 / 6;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    column-gap: 10px;
    row-gap: 10px;
}
@media (max-width: 767px) {
	form#drs_search .search_box .area-3 {
		grid-area: 5 / 1 / 4 / 6;
		row-gap: 20px;
    }
}

form#drs_search .search_box .area-3 .col-12.col-lg-auto:first-child {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px 25px;
	max-width: 81%;
}
@media (max-width: 1099px) {
	form#drs_search .search_box .area-3 .col-12.col-lg-auto:first-child {
		max-width: 80%;
    }
}
@media (max-width: 991px) {
	form#drs_search .search_box .area-3 .col-12.col-lg-auto:first-child {
		max-width: 100%;
    }
}
@media (max-width: 767px) {
	form#drs_search .search_box .area-3 .col-12.col-lg-auto:first-child {
		flex-direction: column;
    }
}

form#drs_search .search_box .area-4 {
    grid-area: 6 / 1 / 6 / 6;
}
@media (max-width: 767px) {
	form#drs_search .search_box .area-4 {
		grid-area: 9 / 1 / 9 / 6;
    }
}

form#drs_search .search_box .area-4 .disclaimer-wrapper,
form#drs_adv_search .area-4 .disclaimer-wrapper,
form#drs_hcp_adv_search .area-4 .disclaimer-wrapper {
	font-size: 0.75rem;
}

form#drs_search .search_box .area-4 .disclaimer-wrapper img,
form#drs_adv_search .area-4 .disclaimer-wrapper img,
form#drs_hcp_adv_search .area-4 .disclaimer-wrapper img {
	width: auto;
	max-width: 120px;
}

form#drs_search .btn-adv-search {
    color: inherit;
    text-decoration: underline;
}
form#drs_search .btn-adv-search:after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(../images/common/cicle-arrow-to-right-blue.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: text-top;
    margin-left: 8px;
}
.quick-keys-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 10px;
}
form#drs_search .search_box .area-3 .quick-keys-box {
	max-width: 875px;
}
@media (max-width: 1199px) {
    form#drs_search .search_box .area-3 .quick-keys-box {
		max-width: 700px;
	}
}
.quick-keys-box .quick-key {
    display: inline-flex;
    cursor: pointer;
    color: inherit;
    border: 1px solid #adadad;
    border-radius: 5px;
    padding: 0 10px;
    margin-bottom: 8px;
}
.quick-keys-box .quick-key:hover,
.quick-keys-box .quick-key:focus {
    border: 1px solid #212121;
    box-shadow: inset 0px 0px 0px 1px #212121;
    text-decoration: none;

}
.quick-keys-box .quick-key.hotkey {
	border-color: #F66400;
	box-shadow: 0px 0px 2px 1px #ff8100 inset;
    color: #F66400;
}
.quick-keys-box .quick-key.hotkey:hover,
.quick-keys-box .quick-key.hotkey:focus {
    background-color: #F66400;
    color: white;
}

.prof-only,
.hcp-only {
	/* display: none; */
}

/**************************************** 
Voice Search
****************************************/
input.on-record,
tags.tagify.on-record {
	box-shadow: inset 0 0 0 3px orange !important;
}


/**************************************** 
Responsive: iPhone X view
****************************************/

@media all and (min-width: 375px) {
	nav div.mobile {
		padding: 0 20px;
	}

}

/**************************************** 
Responsive: Large mobile view
****************************************/

@media all and (min-width: 576px) {
	.container {
		max-width: 100%;
	}
	.wget_hcp_search .select_box .select-district-option,
	.wget_hcp_search .select_box .select-drs-district-option {
		width: 90%;
	}
	nav div.mobile .tagline {
		font-size: 1.563rem;
	}
	nav div.mobile .icons a.btn-secondary{
		font-size: 0.875rem;
		margin-right: 15px;
		padding: 10px 20px;
		font-weight: bold;
	}
	html:lang(en) nav div.mobile .tagline {
		font-size: 1.375rem;
	}
	html:lang(en) nav div.mobile .icons a.btn-secondary{
		font-size: 0.875rem;
		margin-right: 15px;
		padding: 10px;
	}
}



/**************************************** 
Responsive: Tablet view
****************************************/


@media all and (min-width: 768px) {
	nav div.mobile .tagline {
		font-size: 1.438rem;
		margin-left: 20px;
	}
	html:lang(en) nav div.mobile .tagline {
		font-size: 1.25rem;
		margin-left: 20px;
	}
	html:lang(en) nav div.mobile .icons a.btn-secondary{
		padding: 10px 20px;
	}
	.text-white-m-black{
		color: #FFF;
	}

	.container {
		max-width: 100%;
	}
	.mobile-only{
		display:none !important;
	}
	.mobile_scroll_menu{
		top: 85px;	
	}
	section.landing_banner > div{
		padding: 0 30px;
		width: 42%;
    	margin-left: 0px;
	}
	section.thin_banner > div{
		text-align: left;
	}
	
	section.landing_banner{
		height: 260px;
		margin-bottom: 0px;
	}
	section.landing_banner > div{
		margin-top: 0px;
		background-color: transparent;
		padding: 0 30px;
		text-align: left;
	}

	section.landing_banner.normal{
		margin-bottom: 0;
	}
	section.landing_banner.normal > div {
		margin-top: 0;
	}
	section.landing_banner {
		align-items: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: center center;
	}

	.social-share-list, .social-share-list .social-share {
		text-align:right;	
	}
	ul.breadcrumb{
		padding: 4px 0 30px;
	}
	div.tech-support {
		margin: 10px 0 30px;
	}
	div.tech-support > div[class*=col-]:last-of-type {
		border-left: 1px solid #c6c6c6;
		border-top: 0;
		padding-left: 30px;
   }

	/*** Content style [Start] ***/
	section.content .container{
		padding-left:15px;
		padding-right:15px;
	}
	
	section.content .image_list {
        padding: 15px 15px 0 15px;
        background-color: #FAFAFA;
    }
    section.content .image_list img,
    section.content .image_list a > img {
        display: inline-block;
        width: 33.333333%;
        margin-right: -1%;
        padding: 15px;
	}
	section.content .right_image {
        float: right;
        margin: 0 auto 30px 30px;
    }
	section.content .left_image {
        float: left;
        margin: 0 30px 30px auto;
    }
	section.content .register-steps .step {
		width: 30%;
		text-align: center;
	}
	section.content .register-steps .step img {
		max-width: 120px;
		height: auto;
	}
	section.content .register-steps .step p {
		padding: 20px 10px 0 10px;
		margin: 0;
		height: 55px;
		overflow: visible;
	}
	section.content .register-steps .arrow {
		width: 5%;
		display: flex;
		align-items: flex-end;
		justify-content: center;
	}
	section.content .register-steps .arrow img {
		max-width: 26px;
		height: auto;
		margin: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	section.content .three-steps {
		margin-top: 1em;
		margin-bottom: 1em;
	}
	section.content .three-steps .step {
		width: 30%;
		text-align: center;
	}

	section.content .three-steps.four-steps .step {
		width: 23%;
	}
	section.content .three-steps.five-steps .step {
		width: 16%;
	}
	section.content .three-steps .step .image-box {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	section.content .three-steps .step img {
		max-width: 120px;
		height: auto;
	}
	section.content .three-steps .step p {
		padding: 0 10px 0 10px;
		margin: 0;
		overflow: visible;
	}
	section.content .three-steps .arrow {
		width: 5%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	section.content .three-steps .arrow img {
		padding-bottom: 20px;
		max-width: 26px;
		height: auto;
		margin: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}	
    section.content div.platform {
        text-align: left;
    }
    section.content div.col-platform > .icon {
        text-align: center;
        display: inline-block;
        width: 18%;
        padding: 30px 1% 30px 30px;
    }
    section.content div.col-platform > .details {
        display: inline-block;
        width: 30%;
        padding: 30px 30px 30px 1%;
    }
    section.content div.col-platform > .details img {
        width: 245px;
        height: auto;
        padding: 5px 0;
    }
    section.content div.col-platform > .separator {
        width: 4%; 
        border-bottom: 0;
        margin: 0;
    }
    section.content div.col-platform > .separator:after {
        content: "";
        border-bottom: 0;
        border-right: 1px solid #c6c6c6;
        display: block;
        height: 100%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }
	/*** Content style [End] ***/

	.accordion_control_btn .faq-title:before {
		width: 50px;
		height: 65px;
		margin-top: -25px;
		margin-bottom: -25px;
	}

	div.wide_video .video_content div.content{
		height: 100%;
	}
	div.wide_video .video_content div.content .more_video{
		position: absolute;
		top: auto;
		bottom: 20px;	
	}
	
	div.box-24hr_tel > .row > div:last-child{
		border-left: 1px #C8CECE solid;
		border-top: none;
	}
	div.box-24hr_tel > .row > div:last-child > div{
		border-top: none;
	}
	
	div.two-col div.box-24hr_tel > .row > div:last-child{
		border-left: none; 
	}
	div.two-col div.box-24hr_tel > .row > div:last-child > div{
		border-left: none; 
		border-top: 1px #C8CECE solid;
	}
	
	div.box-24hr_tel.L4 > .row > div:last-child{
		border-left: none;
	}

	div.box-24hr_tel.L4 > .row > div:last-child > div{
		border-top: 1px #C8CECE solid;
		width: 100%;
	}

	.accordion_control_btn .control_btn_wrap{
		float: right;
	}
	.accordion_control_btn .control_btn_wrap a{
		width: auto;
	}

	section.content ul .list_image{
		float: right;
		margin-left: 15px;
	}
	section.content ul .list_image_left{
		float: left;
		margin: 0 30px 30px 0;
	}
	section.content .list_image_left ~ ul,
	section.content .list_image_left ~ ol {
		margin-bottom: 1rem;
		position: relative;
		padding-left: 0;
		left: 0;
	}
	section.content .list_image_left ~ ul ul,
	section.content .list_image_left ~ ul ol,
	section.content .list_image_left ~ ol ul,
	section.content .list_image_left ~ ol ol {
		padding-left: 0;
	}
	section.content .list_image_left ~ ul li,
	section.content .list_image_left ~ ol li {
		position: relative;
		padding-left: 0;
		left: 30px;
		padding-right: 30px;
	}
	section.content .forgot-password-title:before {
		width: 50px;
		height: 65px;
		margin-top: -23px;
		margin-bottom: -23px;
	}

	.order-table.img-right-side div.responsive-table{
	    flex-direction: row;
	}

	div.responsive-table {
		/*display: flex;
		flex-direction: row;*/
	}
	div.responsive-table > .image {
		float: left;
		max-width: 300px;
		min-width: 1px;
	}

	section.sub_menu .mobile_submenu .container a{
		padding: 15px 30px;
		background-position: right 30px center;
	}
	section.sub_menu ul li{
		padding: 0px 30px;
	}
	section.logo-carousel .container{
		padding: 0 30px;	
	}
	#scroll-to-top {
		top: -100px;
		right: 23px;
	}
	#scroll-to-top.fixed {
   		bottom: 46px;
	}
	footer .container-fluid .details {
		padding: 0 30px;
	}
	footer .container-fluid .simple.details div.text {
		width: 50%;
		display: inline-block;
		text-align:left;
	}
	footer .container-fluid .simple.details div.text:last-child{
		text-align:right;	
	}	.footer_blue_box > div.container.row {
		max-width: 100%;
	}
	.footer_blue_box .container {
		margin: 0;
		padding: 30px 30px 0;	
	}
	.footer_blue_box > div.container.row {
		max-width: 100%;
	}
	.footer_blue_box .title{
		font-family: 'Quicksand-Medium', 'Microsoft JhengHei', 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, 'NotoSansHK-Regular', 'NotoSansSC-Regular', Arial, sans-serif;
	}
	.footer_blue_box .name{
		font-size: 1rem;
		margin-bottom:10px;
	}
	html:lang(en) .footer_blue_box .name {
		width: 90px;
	}
	html:lang(en) .footer_blue_box .name,
	html:lang(en) .footer_blue_box .name a {
		font-size: 0.875rem !important;
	}
	.footer_blue_box .tel{
		font-size: 0.938rem;
	}
	
	footer .container-fluid .details.footermenu .col-sm-5{
		display:inline-block;
		max-width: 41.666667%;
		text-align: right;
	}
	footer .container-fluid .details.footermenu .col-sm-7{
		display:inline-block;
		max-width: 58.333333%;
		text-align: left;
	}
	footer .container-fluid .details.footermenu > div {
		padding-bottom: 10px;
	}
	footer .container-fluid .details .right.order-md-2 {
		border-top: 0;
	}
	footer .container-fluid .details .order-md-1, footer .container-fluid .details .order-md-2{
		padding-left: 20px;
		padding-right: 20px;	
	}

	.sp-slides-container {
		height: 368px; 
	}

	.sp-slides-container-inner{
		margin-top: -368px;
	}

	.sp-right-thumbnails{
		right: 30px;
	}

	
	
	.sp-caption-container{
		bottom: -338px;
		left: 30px;
	}

	.playstop_btn{
		right: 60px;
		bottom: -338px;
	}

	.previous_btn{
		right: 90px;
		bottom: -338px;
	}

	.next_btn{
		right: 30px;
		bottom: -338px;
	}

	div.linkbox > a:nth-child(3),
	div.linkbox > a:nth-child(4){
		margin-top: 0;
	}

	div.wget_home_hcp{
		height: 270px;
	}
	div.wget_hcp_search{
		height: auto;
	}
	div.wget_content_banner .container-fluid{
		height:220px;	
	}
	div.linkbox > a{
		width:25%;
	}
	div.linkbox{
		max-width: 570px;
	}
	div.wget_content_banner .mobile-container > div{
		text-align:left;
	}
	
	div.wget_right_security{
		background-size: 70%;
	}
	div.wget_full_security{
		background-position:left 80px bottom 0px;
		padding: 0;	
    	text-align: left;
	}
	div.wget_full_security > div.container{
		max-width: 975px;
	}
	div.wget_full_security .align-item{
		display:flex	
	}

	div.wget_full_security {
		background: #FAFAFA;
	}
	div.wget_full_security > div > div.col-md-4 {
		background-image: url(../images/common/security-banner-img.png);
		background-repeat: no-repeat;
		background-color: #FAFAFA;
		background-position: right 15px bottom 0px;
		padding: 20px 20px 150px 20px;
		background-size: 180px 114px;
	}
	div.wget_full_security > div > div.col-md-8 {
		padding: 24px 0;
		min-height: 170px;
	}
	div.wget_full_security > div .text-grey {
		margin-bottom: 10px;
	}
	div.wget_full_security > div .btn-secondary {
		margin: 0px;
	}

	.wget_home_hcp.wget_hcp_search .select_box .select-option{
		width: calc(100% - 20px);
	}
	.wget_home_hcp.wget_hcp_search.hcp_search .select_box .select-option{
		width: calc(100% - 30px) !important;
	}
	
	.select_box .select-district-option,
	.select_box .select-drs-district-option {
		width: 160%;
	}
	.wget_hcp_search .select_box .select-district-option,
	.wget_hcp_search .select_box .select-drs-district-option {
		width: 140%;
		right: 35px;
	}
	.wget_home_hcp.wget_hcp_search .select_box .select-district-option,
	.wget_home_hcp.wget_hcp_search .select_box .select-drs-district-option {
		width: 135%;
	}
	.wget_home_hcp.wget_hcp_search.hcp_search .select_box .select-district-option,
	.wget_home_hcp.wget_hcp_search.hcp_search .select_box .select-drs-district-option {
		width: 133%;
		right: auto;
	}

	.result_box{
		width: auto;
		margin: auto;
	}
	.result_box > div.col-12{
		padding-left: 30px;
		padding-right: 30px;
		
	}
	ul.sub_district{
		left:32px;
		white-space: normal ;
		
	}
	table.dataTable:not(.ehr_centre) tr td:first-child{
		background: none !important;
	}
	table.dataTable:not(.ehr_centre) tr td:not(.dt-empty):last-child:after{
		content: '';
		position: absolute;
		right: 60px;
		margin-top: -25px;
		display:block;
		width:20px;
		height: 20px;
		background-image:url(../images/common/arrow-right-icon-blue.png);	
		background-repeat:no-repeat;
		background-position: center;
		background-size: contain;
	}
	section.hcp-results .count_results{
		text-align:left;
		margin:0;	
	}
	div.wget_hcp_search.hcp_search .container{
		text-align: left;
	}
	table.html_table thead tr{
		display: table-row;
	}
	table.html_table tbody tr.data-tr td{
		display: table-cell;
		width: auto;
	}
	div.wget_hcp_search.hcp_search{
		padding-bottom: 25px;
	}

	div.hcp_space{
		height: 350px;	
	}
	.results-div .social-share-list{
		padding-top: 15px;
	}

	
	.results-div{
		padding-bottom: 15px;
	}
	div.div_sub_district{
		padding:0;	
	}
	ul.sub_district {
		max-height: none;
		overflow: hidden ;
		white-space: normal;
	}
	section.content ul.district_tab > li{
		padding: 15px 20px;
	

	}
	.ui.table{
		padding: 0;
	}
	.ui.table thead tr{

	}
	.ui.table thead th{
		line-height: 22px;
		padding: 4px 15px !important;	
	}
	.ui.table thead th.w-40p{
		width: 40% !important;	
	}
	.ui.table thead th.w-35p{
		width: 35% !important;	
	}
	.ui.table thead th.w-30p{
		width: 30% !important;	
	}
	.ui.table thead th.w-25p{
		width: 25% !important;	
	}
	.ui.table thead th.w-20p{
		width: 20% !important;	
	}
	.ui.table thead th.w-15p{
		width: 15% !important;	
	}
	.ui.table thead th.w-10p{
		width: 10% !important;	
	}

	.no_found_page .list a{
		margin-right: 30px;
		padding-bottom: 0px;
		display: inline-block;
		
	}
	section.content .content-tab-panel .nav-tabs .nav-link {
		margin-right: 25px;
	}
	section.content .content-tab-panel .nav-tabs .nav-link span{
		display: inline-block;
	}

	html:lang(en) .icon-register_center{
		height:72px;
	}
	
	.re-search-field {
		width: 70%;
	}
}


/**************************************** 
Responsive: Deskktop view
****************************************/


@media all and (min-width: 992px) {
	.container {
		max-width: 100%;
	}
	
	.content-top {
		padding: 6px 0px;
	}
	
	div.wget_content_banner .container-fluid{
		background-position:calc(50% + 50px);
	
	}

	div.wget_content_banner .container-fluid.toLeft{
		background-position:calc(50% - 50px);
	
	}

	section.content .you-and-your-family {
		padding-right: 64px;
	}
	section.content .you-and-your-family:after {
		display: block;
		position: absolute;
		content: "";
		right: 34px;
		top: 50%;
		border-right: 1px solid #dfdfdf;
		width: 1px;
		height: 100%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	section.content .you-and-your-family ~ [class*=col-lg-3] {
		padding-left: 0;
	}
	section.content .you-and-your-family ~ [class*=col-lg-3] > .row > [class*=col-] {
		padding-left: 10px;
	}
    section.content .content-heading{
        text-align: left;
    }
    section.content .image{
        display: inline-block;
        float: left;
        margin-right: 20px;
        margin-bottom: 15px;
        width: auto;
        text-align: left;
    }
    section.content .content-heading a.btn {
        display: inline-block;
        margin: 10px 0;
    }
	section.landing_banner > div, section.thin_banner > div{
		margin: 0 auto;	
		width: 100%;
	}

	div.wget_home_hcp {
		/*height: 205px;*/
		height: auto;
	}
    div.wget_hcp_search div.col-district {
        display: inline-block; 
        width: 60%;
    }
    div.wget_hcp_search div.col-submit {
        display: inline-block; 
        float: right; 
        width: 40%; 
        padding-left: 10px;
	}
	div.wget_hcp_search.side button.btn-secondary:after {
		display: none;
	}

	section.sub_menu .container-fluid{
   		position: relative;
		background-color: #2767D4;
		height: 52px;
		display: block;
	}

	section.sub_menu .col-auto{
		margin: 0 auto;
		width: auto;
	}
	section.sub_menu ul{
		box-shadow: none;
	}
		
	section.sub_menu ul li{
		display:inline-block;	
		margin-top: 5px;
		padding: 0;
	}
	section.sub_menu ul li.active{
		background-color: transparent;
	}

	section.sub_menu ul li a{
		font-size: 1rem;
		color: #FFFFFF;	
		border: none;
		padding: 12px 12px;
	}
	section.sub_menu ul li a:hover, section.sub_menu ul li.active a{
		background-color: #FFF;
		border-radius: 5px 5px 0px 0px;
	}
	section.sub_menu.fixed .container-fluid{
		height: 32px;
		padding-left:35px;
	}
	
	section.sub_menu.fixed .col-auto{
		margin: 0;
	}
	
	section.sub_menu.fixed ul li{
		margin-top: 0px;
		padding: 0px;
	}
	section.sub_menu.fixed ul li a{
		font-size: 1rem;
		padding: 3px 16px;
	}
	html:lang(en) section.sub_menu.fixed ul li a{
		padding: 3px 16px;
	}
	section.sub_menu.fixed ul li a:hover, section.sub_menu.fixed ul li.active a{
		background-color:transparent;
		border-radius: 0;
		color:#FFFFFF;
		border-bottom:2px #F66400 solid;
	}
	.footer_quicklink .container {
		padding: 30px 20px;	
	}
	.footer_quicklink .col-md-10{
		padding-right: 15px;
		padding-left: 15px;
	}
	.footer_quicklink .title{
		text-align: left;
		padding-bottom: 0px;
	}
	
	.footer_quicklink ul.quick_link > li > ul{
		display:block;
		list-style:disc;	
		padding-top: 5px;
		padding-left: 23px;
		background-color: transparent;
		margin: 0;
		margin-bottom: 20px;
	}
	.footer_quicklink ul.quick_link > li > ul > li{
		padding: 2px 0;
	}
	.footer_quicklink ul.quick_link > li > ul > li a{
		color: #FFF;
	}
	.footer_quicklink ul.quick_link > li{
		width: 25%;
	}
	
	.footer_quicklink ul.quick_link > li > a{		
		padding: 0;
		border-bottom: none;
		background: none;
		font-size: 0.938rem;
	}


	
	

	.sp-right-thumbnails{
		right: 30px;
	}
	.sp-caption-container{
		top: 130px;
		bottom: auto;
		left: 30px;
		width: 27%;
	}
	.playstop_btn{
		right: 65px;
		bottom: -400px;
	}

	.previous_btn{
		right: 95px;
		bottom: -400px;
	}

	.next_btn{
		right: 35px;
		bottom: -400px;
	}

	.sp-slides-container {
		height: 420px; 
	}

	.sp-slides-container-inner{
		margin-top: -420px;
	}

	.sp-bottom-thumbnails.sp-has-pointer{
		bottom: auto;
		position: relative;
		background-color: #FFF;
		border-top: none;
		border-bottom: none;
	
	}
	.sp-thumbnail .sp-thumbnail-title {
		padding-right: 40px;
		line-height: 21px;
	}
	.sp-right-thumbnails.sp-has-pointer .sp-thumbnail {
		position: relative;
	}
	.sp-selected-thumbnail{
		left: 0;
	}

	.content-text{
		margin-top: 60px;	
	}

	div.wget_content_banner .container-fluid{
		height:410px;	
		background-size: 2000px auto;
	}
	div.linkbox{
		max-width: 100%;
	}
	div.wget_full_security{
		background-position:left 200px bottom 0px;
	}
	div.wget_full_security > div .text-grey {
		margin-bottom: 0;
	}

	.search-adv .font_h1 {
		margin-bottom: 0;
	}
	.search-adv .day-range {
		padding-right: 15px;
    	padding-left: 15px;
	}
	.wget_hcp_search .select_box .select-option {
		width: calc(100% - 65px);
	}
	.wget_home_hcp.wget_hcp_search .select_box .select-district-option,
	.wget_home_hcp.wget_hcp_search .select_box .select-drs-district-option {
		width: 160%;
	}
	.wget_home_hcp.wget_hcp_search.hcp_search .select_box .select-district-option,
	.wget_home_hcp.wget_hcp_search.hcp_search .select_box .select-drs-district-option {
		width: 157%;
	}
	#subscribe_form input{
    	width: 40%;
	}

	.notification a > .title{
		margin: 0 auto;
		width: auto;
		padding-left: 0;
	}
	.notification a > .icon{
		position: relative;
		top: 0;
		left: 0;
	}
}

@media all and (min-width: 1140px) {
	section.sub_menu.fixed{
		top:45px;
	}
}

@media all and (min-width: 1139px){

	div.wget_content_banner .container-fluid{
		background-position:center;
	
	}

	div.wget_content_banner .container-fluid.toLeft{
		background-position:center;
	
	}

	section.logo-carousel .container{
		padding: 0 50px;	
	}
	footer .container-fluid {
		padding: 0 50px;
	}
	footer .container-fluid .simple.details {
		display:flex;
		padding: 10px 50px 10px 30px;
	}
	
	footer .container-fluid .simple.details .col-xl-6{ 
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		
	}
	footer .container-fluid .details .right {
		text-align: right;
		border-top:1px #CCC solid;
		padding: 10px 15px 0;
	}
	footer .container-fluid .simple.details > .left{
		border-top: none;
		margin-top: 0px;
	}
	footer .container-fluid .simple.details div.text {
		width: 100%;
		display: block;
		text-align:left;
	}
	footer .container-fluid .simple.details div.text:last-child{
		text-align:left;
	}
	footer .container-fluid .details {
		padding: 0 50px;
		display: flex;
		justify-content: center;
		align-items: flex-end;
	}
	
	.footer_blue_box .container, .footer_quicklink .container {
		margin: 0;
		padding: 30px 50px 0px 50px;	
	}
	footer .container-fluid .details .left, footer .container-fluid .details .right {
		max-width: 50%;
	}
	footer .container-fluid .details.footermenu .left, footer .container-fluid .details.footermenu .right {
		max-width: 100%;
	}
	footer .container-fluid .details .left{
		text-align: left;	
	}	
	footer .container-fluid .details .right {
		border-top: 0;
	}
	
	footer .container-fluid .details {
		margin-bottom: 0px;
	}
	footer .container-fluid .details > div {
		padding-bottom: 0px;
		padding-top: 0px;
	}
	footer .container-fluid .details .left{
		padding-top: 0;	
	}

	.sp-right-thumbnails, .sp-left-thumbnails .sp-previous-thumbnail-arrow, .sp-right-thumbnails .sp-previous-thumbnail-arrow, .sp-left-thumbnails .sp-next-thumbnail-arrow, .sp-right-thumbnails .sp-next-thumbnail-arrow{
		max-width: 300px;
	}

	.playstop_btn {
		right: 65px;
	}

	.next_btn{
		right: 35px;
	}

	.previous_btn{
		right: 95px;

	}

}


/**************************************** 
Responsive: 1920* Full Width
****************************************/
@media all and (min-width: 1200px){
	/*.hcp_search .search_registercenter{
		margin-left: -20px;
	}
	.hcp_search .search_dhc{
		margin-left: -20px;
	}*/
	.container {
		max-width: 1200px;
	}

	section.landing_banner > div, section.thin_banner > div{
		max-width: 1200px;
		padding: 0;
	}
	section.sub_menu ul li a{
		font-size: 1.125rem;
		padding: 10px 18px;
	}

	.playstop_btn{
		right: 35px;
	}

	.next_btn{
		right: 05px;
	}

	.previous_btn{
		right: 65px;

	}

	.sp-right-thumbnails{
		right: 0px;
	}
	.sp-caption-container{
		left: 0px;
		width: 35%;
	}

	
}

@media all and (min-width: 1269px){
	section.content .container > .row{
		margin-left: -30px;
		margin-right: -30px;
		
	}

	div.wget_hcp_search .row{
		margin-left: -30px;
		margin-right: -30px;
	}
}


/* Chatbot Style */
img.chat-icon-clickable {
	max-width: none !important;
}
@media (max-width: 767px) {
	.ml-root-container button[class^=sc-] {
		right: 7px !important;
	}
}

/* END Chatbot Style */


#overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99999;
    background-color: #FFF;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
    display: none;
}
#overlay img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    margin:-60px 0 0 -60px;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

/**************************************** 
CSS specific to iOS devices
****************************************/
@supports (-webkit-overflow-scrolling: touch) {
	body.modal-open {
		position: fixed;
		top:    0;
		right:  0;
		bottom: 0;
		left:   0;
	}
	#mobile-nav .modal-body {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
}