/* Common Style */ 
body{
   /* background-image: url("https://res.hkjc.com/wpres/wp-content/uploads/sites/88/bg.jpg");
    background-repeat: no-repeat;*/
  background-color: #f9f9f9;
    background-size: 100%
}

html, body, p, span{
     color: #808080;
}
a {
     color: #1a9fda;
}
a:hover, a:focus{
     color: #1a9fda;
    text-decoration:underline;
}
a.active{
     color: #1a9fda;
    text-decoration:underline;
}


h1{
    color:#0063af;
    font-size:1.5em;
    padding-top:15px;
    line-height:25px;
}


h2{
    color:#0063af;
    font-size:1.2em;
    line-height:25px;
    margin-bottom:10px;
}

/*h3{
    color:#1a9fda;
    font-size:1em;
    font-weight:400;
}*/

h3 {
    font-size:2.2rem;
    color:#0063af;
font-weight: 700;
}

.date img{
max-width:320px;
width:100%;
margin-top:15px;
}

#main{
min-height:400px;
}


hr{
border: 0;
    height:2px;
  background-color: #ffd500;
}

.language-tc, .language-sc, .language-en{
cursor: pointer;}


.desktop-hidden{
display:none;   
}
    .mobile-hidden{
    display:block;                                    
    }

.logo-all img{
max-width:600px;
    width:100%;
  padding-top:15px;

}

.logo-pbc img{
max-width:250px;
    width:100%;
     margin-top:15px;
}

.date-pbc img{
max-width:500px;}

.navbar .menu-item, .navbar-nav>li>.dropdown-menu{
     background:#787878;
}
#mmenu #menu-main-menu > .menu-item{
     background:#00a0de;
}
.navbar .menu-item.current-menu-item, .navbar .menu-item:hover, .navbar .menu-item:focus{
     background:#fedb0f;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
     background:#fedb0f;
}
.navbar .dropdown-menu>li>a:hover, .navbar .dropdown-menu>li>a:focus{
     background:#939393;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar .navbar-nav > li.current-menu-item > a, .navbar .navbar-nav .current-menu-item > li > span, .navbar .navbar-nav>li>a:hover, .navbar .navbar-nav>li>a:focus{
     background:#fedb0f;
}
#mmenu .menu-item.current-menu-item, #mmenu .menu-item:hover{
     background:#fedb0f;
}

.mm-menu .mm-list > li:after {
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar .navbar-nav > li > a, .navbar .navbar-nav > li > a span,.navbar .navbar-nav > li > span{
     color:#333;
}
.navbar .dropdown-menu>li>a{
     color:#333;
}
#mmenu .mm-list > li > a, #mmenu .mm-list > li > span{
     color:#fff;
}
.navbar .navbar-nav > li.current-menu-item > a, .navbar .navbar-nav .current-menu-item > li > span, .navbar .navbar-nav>li>a:hover, .navbar .navbar-nav>li>a:focus{
     color:#333;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
     color:#333;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar .dropdown-menu>li>a:hover, .navbar .dropdown-menu>li>a:focus{
     color:#333;
}
#mmenu .mm-list > li.current-menu-item > a, #mmenu .mm-list.current-menu-item > li > span, #mmenu .mm-list > li > a:hover, #mmenu .mm-list > li > span:hover{
     color:#ffd500;
}
#mmenu .mm-list > li > a:hover{
color:#fff;
}

.navbar .menu-item.active a {
     color:#333!important;
}
.navbar .menu-item.active a:hover{
     color:#333!important;
}
footer, footer p, footer a, footer span, footer li, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6{
     color: #1a9fda;
}
footer a:hover, footer a span:hover{
        color: #1a9fda;
    text-decoration:underline;
}

.pageHeader, .topMainvisual{
    background-color: #fff;
}
.pageTopMenu, .navbar, .navbar-default{
    background-color: #414140;
}

#mmenu{
    background-color: #0063af;
}
.page-template-page-fullwidth #content, #content >.container, .widget >.container, .content-header >.container, #content .subpage-top-container .container, .vc_section.container{
    background-color: #transparent;
}

#custom_post_widget-1087, #custom_post_widget-1928{
display:none;
}

.pageFooter, .sidebar-footer{
    /*background-color: #fff;*/
    display:block;
padding-top:0px;
margin-top:-50px;
}

.rounded img{
border-radius: 50%;
width:65%;
margin:0 auto;
  border:2px solid #fff;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.philanthropy{
    color:#999;
    font-size:25px;
    font-weight:bold;
margin-top:30px;
}

.convened{
    color:#999;
    font-size:20px;
    font-weight:bold;
    text-align:right;
}



.prettyphoto.cboxElement:not(.imageThumb)::after{
display:none;
}

#menu-item-811{display:none;}


#menu-item-1720 {
    border-bottom: 4px solid #0063af;
}


#menu-item-1395 {
    border-bottom: 4px solid #0063af;
}


#menu-item-2227, #menu-item-4149, #menu-item-5060, #menu-item-5090 {
    border-bottom: 4px solid #18295f;
}

#menu-item-1896 {
    border-bottom: 4px solid #0063af;
}


#menu-item-1448,  #menu-item-4148, #menu-item-4151, #menu-item-4333{
     border-bottom: 4px solid #0063af;
}

#menu-item-1447 {
    border-bottom: 4px solid #00a0de;
}

#menu-item-3622 {
    border-bottom: 4px solid #0063af;
}

/*#menu-item-1446 {
    border-bottom: 4px solid #18295f;
}*/

#menu-item-1429 {
    border-bottom: 4px solid #0063af;
}

.pageTopMenu{
    background:transparent;
   margin-top:0px;
}
.navbar .menu-item{
background:transparent;
border-bottom:4px solid #00a0de;
}

#site-navigation .navbar-nav>li>a{
width:100%;
}

.navbar .navbar-nav>li>a:hover, .navbar .navbar-nav>li>a:focus {
background: #fedb0f;   
}

.navbar, .navbar-default{
    background:transparent;
}
.widget >.container{
    background:transparent;
    padding-top: 0px;
    padding-bottom: 5px;
}

.vc_images_carousel .vc_carousel-indicators li {
    border: 1px solid #fff!important;
    background-color: #fff!important;
}

.fa-home{color:#333;}
.fa-comment{color:#ffd500;}



.read-more{
    text-align:right;
    font-size:0.9125em;
                font-weight:bold;
}

.fa-angle-right{
  margin-right:5px;
    font-weight:bold;
}

.logo-container{
position:relative;
margin-top:0px;
    display:block;
}
.logo-pbc{
float:left;
}
.logo-inhpsew{
float:left;
    margin-left:15px;
}
.page-title, .iconsContainer, .faq-container{
display:none;
}

#fontSizeSelecter{
display:none;
}

.subpage-top-container .container {
    padding-top: 0px;
}



.marginTop-20px{
    margin-top:20px;
}

.marginTop-30px{
    margin-top:30px;
}

.marginTop-50px{
    margin-top:50px;
}

.toggle-language{
float:right; 
font-size:15px;
}

.language-en, .language-tc, .language-sc{
float:left; 
/*margin-left:15px;*/    
}


.social-media{
padding-top:10px;
float:right;
}

.ticket-btn{
background:#00a0de;
   color:#fff;
    padding:6px 15px;
    border-radius: 5px;
    width:200px;
    text-align:center;
    font-size:16px;
    font-weight:bold;
    float:left;
}


.programme-btn{
background:#00a0de;
   color:#fff;
    padding:7px 20px;
    border-radius: 5px;
    text-align:center;
    font-size:16px;
    font-weight:bold;
position: absolute;
    margin-left: 270px;
cursor: pointer;
z-index:100;
}
.marginLeft-chi{
 margin-left: 290px;

}

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

.programme-btn{
   position: relative!important;
    margin-left: 0px!important;
   width:220px;
}
}

.ticket-btn:hover, .programme-btn:hover{
background:#fedb0f;
color:#333;
}

.past-forum{
background:#00a0de;
    color:#fff;
    padding:6px 15px;
    border-radius: 5px;
    width:200px;
    text-align:center;
    font-size:16px;
    font-weight:bold;
}

.facebook{float:left; width:36px; margin:2px 10px 0px 10px;}
.linkin{float:left; width:36px; margin:2px 0px 0px 0px;}

.fa-ticket{margin-right:5px; font-size:1.5em;}
.facebook img .linkin img{
width:100%;
}

.center {
    margin: auto;
}

.logo-charities img{
width:100%;
max-width:500px;
}


#article-list-right{
margin-top:25px;
}

.article-list .article-list-container h2 {
    background: #0063af;
    margin-top:-14px;
}

.dropdown-toggle.btn-default {
    width: 100%;
    margin-top:20px;
}


.article-baseinfo {
    margin-bottom: 0px;
}

.open>.dropdown-menu {
    width: 100%;
}


.open>.dropdown-menu li{
    width: 100%;
    border-bottom:1px dotted #ccc;
}

.dropdown-menu>li>a {

    white-space: normal;
}

u, ins {
    text-decoration: none;
}

.article-baseinfo .article-mdate{
display:none;
}


#video h1{
    padding-top:0px;
}

.post-even hr {
    border: 0;
    height: 1px;
    background-color: #ccc;
margin:20px 0px;
}

.gallery .wpb_image_grid .wpb_image_grid_ul img {
    width: 100%;
    border:2px solid #fff;
}

.gallery .wpb_image_grid .wpb_image_grid_ul .isotope-item {
    width: 33.2%;
}


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

.convened {
    font-size: 16px;
}
	



}


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

    .mobile-hidden{
    display:none;                                    
    }
    
.desktop-hidden{
display:block!important;
}

.title-border{
border-top:2px solid #d8d8d8;
}

.toggle-language{display:none;}

.date-pbc{
/*border-bottom :1px solid #ccc;*/
width: 98%;
    margin: 0 auto;
}

}


@media only screen and (max-width: 767px) {
.convened {
    text-align: left;
}
h1 {
    padding-top: 0px;
}

.footer-padding{
padding:0px 15px;
}

.sidebar-footer{
padding:0px 20px 0px 20px;
}

}

@media only screen and (max-width: 650px) {
.gallery .wpb_image_grid .wpb_image_grid_ul .isotope-item {
    width: 32.8%;
}
}

@media only screen and (max-width: 414px) {
.philanthropy{
    font-size:20px;
 margin-top:10px;
}
.marginTop-30px{
margin-top:20px;
}
}

@media only screen and (max-width: 320px) {
.ticket-btn{
width:150px;
padding: 6px 5px;
}

.philanthropy{
    font-size:16px;
    margin-top:10px;
}

}


/* keynote */ 


.Keynote .map_infobox2 {
    margin: 0px 0 0 0px;
    position: relative;
    background: #e9e8e8;
    width: 100%; 
    height: 140px;
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
    padding:10px 10px 10px 10px;
}

.Keynote .map_infobox2 .height-ch{
    height: 100px!important;
}


.Keynote .map_infobox2:before{
    content: "";
    position: absolute;
    top: 5px;
    left:46%;
    z-index: 1;
    height:20px;
    width:20px;
    margin-top: -15px;
    background:#e9e8e8;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
     border-opacity: 0.3;
     border-left:0px solid rgba(0, 0, 0, .3);
     border-bottom: 0px solid rgba(0, 0, 0, .3);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

.Keynote .map_infobox2 p{
line-height:16px;
margin-top:10px;
  font-size:0.9125em!important;
}

.Keynote .map_infobox2 h3{
float:left;
width:100%;
}

.Keynote h3{
margin-bottom:5px;
}
.Keynote .speaker-name{
display:table;
}

.Keynote .map_infobox2 .arrow{
display:table-cell;
}

.Keynote .map_infobox2 .name{
display:table-cell;
}

@media screen and (max-width: 1199px) {
.Keynote .map_infobox2 {
        padding: 10px 5px 5px 5px;
          height: 180px;
    }
}


@media screen and (max-width: 991px){
.Keynote .map_infobox2 {
    padding: 10px 5px 5px 5px;
    height: 190px;
}
}

@media only screen and (max-width: 768px) {
.Keynote .map_infobox2 {
    /*background: #fff;
    border-bottom:1px dotted #ccc;*/
}

.Keynote .map_infobox2:before{
    position: inherit;
}


}



@media screen and (max-width: 767px){
.Keynote .map_infobox2 {
    height: auto;
    padding: 10px 20px 5px 20px;
border-bottom: 1px dotted #ccc;
}

}

@media screen and (max-width: 414px){
.Keynote .map_infobox2 {
    height: auto;
    padding: 10px 10px 5px 10px
}

}







/* agenda*/ 
.break{
background:#fffadb;
}
.agenda{
width:100%;
float:left;
color:#000; 
    font-size:1em;
}

.agenda ul{
    /*list-style-type: none;*/
    padding:0px;
    margin:0px;
}

.agenda ul>li{
   /*list-style-type: none;*/
display:inline-block;
}

.agenda ul li{
    /*padding:0px;
    margin:0px;*/
    background: #def3fc;
    width: 100%;
    display: table;
    border-bottom: 1px solid #fff;  
    
}


.agenda .date{
    float:left; 
    width:20%; 
   padding:8px 8px;
line-height:25px;
font-weight:600;
color:#666;
text-align:center;
}

.agenda .details{
    float:left;
    width:80%;
    padding:8px 8px;
   line-height:25px;
}

.agenda .details a{
color:#1a9fda;
}

.agenda .details h3{
margin-bottom:10px;
color:#333;
font-weight:400;
}


.agenda .details .linegap {
    height: 1px;
margin:5px 0px;
border-bottom:0.5px solid #bbd7e3;
}

.agenda .details .list{
color:#bbd7e3;
display:inline-block;
}


.list-container{
display:table;
width:100%;
}

.list-content{
display:table-cell;
padding-bottom:10px;
font-size:0.9125em;
}
.sub-content{
    font-size:0.9125em;
}

.marginBottom-25px{
    margin-bottom:25px;
}


.agenda .lightblue{
    background:#d3effb;
}

.upperalpha{
display:table-cell;
width:30px;
color:#1a9fda;
padding-bottom:10px;
font-size:0.9125em;
}



@media screen and (max-width: 767px) {
.marginTop-20px-m{
    margin-top:20px;
}
.agenda .date{
    width:100%;
    display:block;
     padding:5px 5px 5px 5px;
   
}
    .agenda .details{
    width:100%;
    display:block;
    padding:0px 5px 5px 5px;
   line-height:20px;
}
    .agenda .date{
         border-bottom:0px;   
text-align:left;                            
     }


}



/* tab */ 

.vc_tta-panel-body h2{
margin-bottom:10px;
}

.vc_tta.vc_general .vc_tta-tab.vc_active>a,
.vc_tta.vc_general .vc_tta-tab>a {
    -webkit-transition: unset !important;
    transition: unset !important;
}


.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a{
background:#0087c0!important;
}


.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a {
background-color: #fedb0f!important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a{
/*background:#fedb0f!important;*/
	background:#40c8f4!important;
}


.vc_tta-title-text{
color:#000;
	/*color:#fff;*/
}

.vc_tta-title-text:hover{
/*color:#333!important;*/
}

.vc_tta-tab:hover{
/*color:#333!important;*/
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a:hover{
/*color:#333!important;
background:#fedb0f!important;*/
}


.vc_active .vc_tta-title-text{
/*color:#666!important;*/
	color:#000!important;
}

/*.vc_tta-panel.vc_active{
background:#fff;
    border-top:1px solid #f0f0f0;
    border-left:1px solid #f0f0f0;
    border-right:1px solid #f0f0f0;
    border-bottom:1px solid #f0f0f0;
}*/

.vc_tta.vc_general .vc_tta-tab>a{
padding:8px 20px!important;
}

.vc_tta-container {
    margin-bottom: 0px!important;
}

.vc_tta.vc_general .vc_tta-panel-body {
padding:20px!important;
}

@media screen and (max-width: 767px) {
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body{
 border:1px!important; 
}
.vc_tta.vc_general .vc_tta-panel-title{
/*background:#00a0de;*/
}
}


@media screen and (max-width: 414px) {
    .vc_tta.vc_general .vc_tta-panel-body {
padding:10px 5px!important;
}
}



/********************************** 2020 version Start****************/

/**** share social icon start *************/
.iconsContainer {
     display: block;
}

.icon-facebook:before {
    content: "";
    background-image: url(https://res.hkjc.com/wpres/wp-content/uploads/sites/112/icon-share-fb.png);
    background-size: 25px 25px;
    display: inline-block;
    width: 25px;
    height: 25px;
}

.icon-twitter:before {
    /* content: "\f099"; */
    content: "";
    background-image: url(https://res.hkjc.com/wpres/wp-content/uploads/sites/112/icon-share-twitter.png);
    background-size: 25px 25px;
    display: inline-block;
    width: 25px;
    height: 25px;
}


.icon-whatsapp:before {
    /* content: "\f099"; */
    content: "";
    background-image: url(https://res.hkjc.com/wpres/wp-content/uploads/sites/112/icon-share-wta.png);
    background-size: 25px 25px;
    display: inline-block;
    width: 25px;
    height: 25px;
}

#socialutility {
    margin: 0px 0px;
}

span.share-text {
    vertical-align: top;
    color:#18295f;
}

/**** share social icon End *************/




/******* font style  Start ***********/
.color-lightblue {
    color:#40c8f4;
}

h1 {
    font-size: 3.5rem;
    text-align:center;
	    line-height: 1.2;
}

.h1-btm-line {
        border-bottom: 1px solid #18295f;
    width: 120px;
    margin: 20px auto 40px;
}

h2 {
    font-size: 3rem;
    text-align:center;
	font-weight: normal
}

.h2-btm-line {
        border-bottom: 1px solid #18295f;
    width: 90px;
    margin: 20px auto 20px;
}

.margin-top-20rem {
    margin-top:2vh;
}

.margin-top-50rem {
    margin-top:5vh;
}

.margin-top-100rem {
	 margin-top:10vh;
}

.mt-less-35px {
    margin-top:-35px;
}

.txt-center {
    text-align: center
}

.md-break {
    display:block;
}

.white-bg {
background:#fff;
}

.logo-border {
   
}

.logo-border img {
    max-width: 600px;
    width: 100%;
    padding-top: 10px;
}

.logo-m {
     border: 1px dashed #e9e9e9;
    min-height: 110px;
	padding:0 10px;
}

.bg-gray-color {
    background-image: url("https://res.hkjc.com/wpres/wp-content/uploads/sites/112/gray-bg.jpg");
  background-repeat: no-repeat;
  background-size:cover;
  background-position: center bottom;
    
}

.bg-grad-linear {
	background-image: url("https://res.hkjc.com/wpres/wp-content/uploads/sites/112/linear-gray-bg.png");
  background-repeat: no-repeat;
  background-size:100%;
  background-position: bottom;
}

.navbar .menu-item.current-menu-item {
	border-bottom: 4px solid #fedb0f!important;	
}

.navbar .menu-item.current-post-ancestor {
	border-bottom: 4px solid #fedb0f!important;
}

.br-m {
	display:inline;
	color: #0063af;
}


hr.hr-grey {
    background-color: #dddddd!important;
}

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

.h1-btm-line {
    margin: 20px auto 20px;
}
	
	.md-break {
    display:inline;
}
	
}

@media only screen and (max-width: 400px) {
.br-m {
	display:block;
}
	
}

/******* font style  End ***********/

/******** button Start  ************/

.btn-join {
    margin-top: 40px;
	transition: transform .2s; /* Animation */
}





.btn-join a{
	background-color: #40c8f4;
    color: #fff;
    font-size: 2rem;
    padding: 12px 25px;
    border: none;
    cursor: pointer;
    border-radius: 20px;
    text-align: center;
	text-decoration: none;
    background-image: url(https://res.hkjc.com/wpres/wp-content/uploads/sites/112/icon-register.png);
    background-repeat: no-repeat;
    background-size: 55px 40px;
    padding-left: 65px;
	background-position: 0px 3px;
}


.btn-join:hover, .readmore:hover, .subscribe:hover {
  -ms-transform: scale(1.2); /* IE 9 */
  -webkit-transform: scale(1.2); /* Safari 3-8 */
  transform: scale(1.2); 
}



.readmore {
    margin-top: 2vw;
    position: relative;
	transition: transform .2s; /* Animation */
	    text-align: center;
}


.readmore a {
    background-color: #40c8f4;
    color: #fff;
    font-size: 2rem;
    padding: 10px 25px;
    border: none;
    cursor: pointer;
    border-radius: 20px;
    left: 50%;
	text-decoration: none;
}

/*button.subscribe {
    background-color: #40c8f4;
    color: #fff;
    font-size: 1.6rem;
    padding: 15px 30px;
    border: none;
    cursor: pointer;
    border-radius: 0px;
    text-align: center;
    margin-top: 3vw;
    left: 50%;
    position: relative;
    transform: translate(-50%, -50%);
}*/

.subscribe {
   margin-top: 5vh;
	margin-bottom: 2vh;
    position: relative;
	transition: transform .2s; /* Animation */
	    text-align: center;
}


.subscribe a {
   background-color: #40c8f4;
    color: #fff;
    font-size: 1.6rem;
    padding: 15px 30px;
    border: none;
    cursor: pointer;
    border-radius: 0px;
    text-align: center;
    left: 50%;
	text-decoration: none;
}

.icon-size {
    font-size: 2.5rem;
    vertical-align: bottom;
}


@media only screen and (max-width: 767px) {
.btn-join {
    margin-top: 4vw;
    margin-bottom: 4vw;
}
}


/******** button End  ************/

/*** Follow Us Start *********/
.flw-text {
    font-size: 2.5rem;
    color: #0063af;
    vertical-align: top;
}

.Flwus-Container i {
    margin-right: 5px;
}

.flw-icon-facebook:before {
    /* content: "\f099"; */
    content: "";
    background-image: url(https://res.hkjc.com/wpres/wp-content/uploads/sites/112/icon-flwus-fb.png);
    background-size: 63px 60px;
    display: inline-block;
    width: 63px;
    height: 60px;
}

.flw-icon-twitter:before {
    /* content: "\f099"; */
    content: "";
    background-image: url(https://res.hkjc.com/wpres/wp-content/uploads/sites/112/icon-flwus-twitter.png);
    background-size: 63px 60px;
    display: inline-block;
    width: 63px;
    height: 60px;
}

.flw-icon-youtube:before {
    /* content: "\f099"; */
    content: "";
    background-image: url(https://res.hkjc.com/wpres/wp-content/uploads/sites/112/icon-flwus-youtube.png);
    background-size: 63px 60px;
    display: inline-block;
    width: 63px;
    height: 60px;
}

@media only screen and (max-width: 767px) {
.flw-text {
    font-size: 1.5rem;
}
	
	.flw-icon-facebook:before, .flw-icon-twitter:before, .flw-icon-youtube:before {
    background-size: 48px 45px;
    width: 48px;
    height: 45px;
	}
	
}
/*** Follow Us End *********/

/**** toggle Start ******/
.language-tc {
    background: #0063af;
    color: #fff;
    padding: 5px 10px;
}

.language-sc {
    background: #18295f;
    color: #fff;
    padding: 5px 10px;
}

.language-en {
    background: #00a0de;
    color: #fff;
    padding: 5px 5px;
}
/**** toggle End ******/

/****** info Start ********************/
.light-blue {
    background:#41c8f5;
    background-image: url(https://res.hkjc.com/wpres/wp-content/uploads/sites/112/hr-yellow-1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
}

.color-white {
    color:#fff;
}

#Accommodation h2, #hk-bg h2, #faq h2 {
  text-align:left;
}

#Accommodation .h2-btm-line, #hk-bg .h2-btm-line, #faq .h2-btm-line {
    margin: 20px 0 20px;
}

#Accommodation p {
   margin: 0px;
}

#Accommodation p.item {
    color:#0063af;
    font-weight: 700;
}


#Accommodation i, .info-hk-bg i {
    color:#fdd30b;
}

#Accommodation a {
    color:#0427ff;
}

.info-hk-bg {
background-image: url(https://res.hkjc.com/wpres/wp-content/uploads/sites/112/info-hk-bg.png);
   background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    min-height: 60vh;
}

.info-dark-bg {
   background-color: rgba(0, 0, 0, 0.6);
   padding:25px;
}

.info-dark-bg p.intro {
   color:#fff;
   line-height: 2;
}

.info-dark-bg table {
    border-bottom: 0px;
}

.info-dark-bg td {
    border-top: 0px;
    padding: 6px 0px 6px 0;
}

.info-dark-bg td p{
    margin: 0px;
}

.info-hk-bg p.item {
color:#40c8f4;
font-weight: 700;
}

.info-icon {
    max-width:165px;
}

.info-hr {
    border-bottom: 1px dashed #40c8f4;
    margin:5vh 0;
}


@media only screen and (max-width: 767px) {
#Accommodation .wpb_content_element {
    margin-bottom: 0px;
}
#Accommodation .vc_row {
    margin-bottom: 10px;
}

#Accommodation img {
    margin-bottom: 20px;
}

.info-icon {
    max-width:100px;
}

}

/****** info End ********************/

/***** speaker Start ********/
.deep-blue-bg {
    background: #0063af;
    padding: 15px 20px;
	min-height: 400px;
  /*   min-height:40vh; */
    margin-top: 30px;
}

.light-bg {
    background: #40c8f4;
}

.min-30vh {
	min-height: 300px;
  /*   min-height: 30vh; */
}

.min-37vh {
	min-height: 370px;
  /*   min-height: 37vh; */
}

.min-44vh {
	 min-height: 400px;
   /* min-height: 44vh; */
}

.min-50vh {
	min-height: 520px;
  /*   min-height: 50vh; */
}

.deep-blue-bg p {
    color:#fff;
}

.speaker {
    display: flex;
}


.speaker img {
    height: 100px;
    /* width: 100px; */
    border-radius: 100%;
    overflow: inherit;
    margin-left: -35px;
    margin-top: -30px;
    box-shadow: 1px 1px 4px 1px #0f0f0f0d;
}

.speak-info {
    margin-left: 15px;
}

.profession p {
    font-size: 1.3rem;
    line-height: 1.3;
    color: #54d5ff;
}

.light-bg .profession p{
    color: #0063b5;
}

.name p {
    font-size: 1.8rem;
}

.curly-quotes:before {
    content: '\201C';
    margin-right: 4px;
    margin-left: -8px;
}

.curly-quotes:after {
    content: '\201D';
    margin-left: 4px;
    margin-right: -8px;
    margin-top: 3rem;
}

.curly-quotes:before, .curly-quotes:after {
    display: inline-block;
    vertical-align: top;
    height: 18px;
    width: 28px;
    line-height: 45px;
   font-size: 10rem;
    color: #ffd502;
}


blockquote {
    border-left: 0px solid #000000;
    color:#fff;
    margin-top: 20px;
	text-align:center;
}

@media only screen and (max-width: 1280px) {
	.deep-blue-bg {
		min-height: 550px;
  /*   min-height:55vh; */
}
	
		.min-30vh {
			min-height: 350px;
   /*  min-height: 35vh; */
}
	
	.min-37vh {
		min-height: 450px;
   /*  min-height: 45vh; */
}

.min-44vh {
	min-height: 650px;
  /*   min-height: 65vh; */
}
	
.min-50vh {
	min-height: 500px;
  /*   min-height: 58vh; */
}
	
}

@media only screen and (max-width: 980px) {
	.deep-blue-bg, .min-30vh, .min-37vh, .min-44vh, .min-50vh {
    min-height:unset;
}
	
	.info-hr {
    margin: 2vh 0;
}
	
		
}



/****** speaker End  ************/


/************  Gallery post Start  *************/
.prev-next {
    /*display: inline;*/
	height: 30px;
}

.prev-next i {
    font-size:6rem;
    font-weight:bold;
    vertical-align: sub;
    z-index:999;
}

.next-icon {
    right: 10px;
    position: absolute;
    vertical-align: top;
    font-size: 3rem;
    font-weight: bold;
	transition: transform .2s; /* Animation */
}

.prev-icon {
    left: 10px;
    position: absolute;
    vertical-align: top;
    font-size: 3rem;
    font-weight: bold;
	transition: transform .2s; /* Animation */
}

.prev-next a:hover {
        text-decoration: none!important;
}


.next-icon:hover, .prev-icon:hover {
	  -ms-transform: scale(1.2); /* IE 9 */
  -webkit-transform: scale(1.2); /* Safari 3-8 */
  transform: scale(1.2); 
}

    #gallery-post .info-hr {
    margin: 5vh 0 0vh;
    }


/************  Gallery post End  *************/


/********* News Start ******************/
.article-content h1 {
    font-size: 1.5em;
    text-align: left;
}

.article-content h2 {
    text-align: left;
    font-size: 1.5em;
}

.article-content #socialutility {
    margin-top: 10px;
}

.article-list h2 {
    text-align: left;
}

.article-list h3 {
    text-align: left;
font-size: 1em;
    font-weight: normal;
}

.article-list .article-mdate {
    text-align: left;
}

/********* News End ******************/

/**
Floating Register Button
**/

.floatRegsiterButton{
	max-width: 94px;
	position: fixed;
    right: 0;
    top: 200px;
    background: rgba(6, 96, 165, 0.9);
    padding: 20px;
	border-bottom-left-radius: 10px;
	transition: all 0.7s ease-in-out;
    transform: translateX(94px);
}

.floatRegsiterButton::before {
	content: "";
    height: 6px;
    width: 100%;
    background: #e5c110;
    position: absolute;
    top: -6px;
    left: 0;
    border-top-left-radius: 10px;
}

.floatRegsiterButton span {
	display: block;
    width: 60px;
    color: #fff;
    text-align: center;
    line-height: 1.5;
    margin-top: 15px;
}

.floatRegsiterButton:hover span{
	text-decoration: underline;
}

.showFloatRegister .floatRegsiterButton{
	transform: translateX(0);
}


/********************************** 2020 version End****************/