/* HKJC IndexSlider COMPONENT*/
.indexSlider .sliderCaption{
  font-size:1.5em; 
  color:#fff; 
  font-weight:bold;
  width:100%;
}
.indexSlider .sliderDesc{
  font-size:1em; 
  color:#fff;
  width:100%;
}
span.sliderCat {
    font-size:1.2em;
    font-weight:bold;
    color: #000;
    float: right;
    padding: 0px 8px;
    background: #ffca02;
    margin-top: 5px;
    margin-right: -8px;
    margin-bottom: -8px;
    visibility: hidden;
}
.indexSlider .slick-dots{
    text-align:center;
}
.indexSlider .slick-dots li {
    margin: 0 4px;
}
.indexSlider .slick-dots li button:before{
    border: 0px;
    background-color: #e9eef5;
    border-radius: 10px;
}
.indexSlider .slick-dots li.slick-active button:before {
    background-color: #ffca02;
}
.indexSlider .slider-tab, .indexSlider .slider-tab.active{
    border-top:0px;
}
.indexSlider .slider-tab.active:hover, .indexSlider .slider-tab.active:focus {
    background-color: #244FA1 !important;
    border-top:0px;
    color: #fff !important;
}

/* HKJC Whatshot COMPONENT*/
.whats-hot-container .dashLine{
  margin-bottom:5px
}
.whats-hot-container .whats-hot-news-content{
  margin-top:5px; 
  margin-bottom:5px; 
  color:#333 !important
}
/* HKJC Whatshot COMPONENT*/

/* HKJC RESPONSIVE TABLE COMPONENT*/
/* responsive-table */
.responsive-table-container {
    width: 100%;
    overflow-y: auto;    
    margin: 0 0 1em;
}

.responsive-table-container::-webkit-scrollbar {    
    width: 14px;
    height: 14px;
}

.responsive-table-container::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 3px solid #fff;
    background-color: rgba(0, 0, 0, .3);
}

.responsive-table-container table {
    min-width: 100%;
    width: auto;
}

/* Float responsive-table */
.floatTableHeader{
	position:fixed;
	top:0px; 
	z-index:999;
	overflow:hidden;
	display:none;
}

.tablelock-title{
	min-width:auto;
	width:auto;
	position:absolute;
	margin:0px;
	margin-left:-1px;
}
.table-lock{
	min-width:auto;
	width:auto;
	position:absolute;
	margin-left:-1px;
	z-index:0;
	display:none;
	-webkit-box-shadow: 3px 0 5px -2px #888;
    box-shadow: 3px 0 5px -2px #888;
}

@media (max-width: 1200px) {
    .whats-hot-container .whats-hot-news-content {
        margin-top: 1px;
        margin-bottom: 1px;
    }
}

@media (max-width: 992px) {
    .responsive-table-container {

    }
    .responsive-table-container table {
        min-width: 100%;
        width: auto;
        white-space: nowrap;
    }
}
/* HKJC RESPONSIVE TABLE COMPONENT*/

/* HKJC RESPONSIVE Embed video*/
.videoBox{
    cursor:pointer;
}
#viFrame{
    max-width:800px;
    min-width:200px;
    min-height:100px;
}
.video_close, .popup_close{
    display: block;
    z-index: 9999999;
    position: relative;
    float:right;
}
.video_close::before, .popup_close::before{
/*    content: url('cross.png'); */
    color: #fff;
    cursor: pointer;
    float: right;
    font-family: 'fontawesome';
    float:right;
}
.videoBox{
    cursor:pointer;
}
/*.videoBox::before{
    content:"\f01d";
    font-family:'fontawesome';
    font-size:60px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-30px;
    margin-top:-30px;
}*/
.popContainer h1, .popContainer h2, .popContainer h3, .popContainer h4, .popContainer h5, .popContainer h6{
    color:#fff
}
.popContainer{
    color:#fff;
}

.video_open .fa-play-circle{
    font-size: 1.2em;
    cursor: pointer;
}
/* HKJC RESPONSIVE Embed video*/

/*Datepicker*/
#mobileSelectedDate{
    padding:5px;
}

/* VC_Content */
.vc_section.container{
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}
.wpb_content_element{
    margin-bottom:15px;
}
.wpb_single_image{
    position:relative;
}
.fullwidth{
    width:100%;
}
.wpb_single_image .vc_figure{
    width:100%;
}
.vc_single_image-wrapper {
    width:100%;
}
img.attachment-full{
    width:100%;
}

section.vc_section > div.vc_row.container{
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.vc_column-inner .wpb_single_image{
    margin-left: -10px;
    margin-right: -10px;
}