/* style ch */ 

a.nav-link2.media-guide-english {
    display: none;
}

.hkir-2022-all-medias a {
    width: 105px!important;
}


/* eWin Football -*/
.ewinIcon .ewin_link a {
    font-size: 11.4px;
}
.ewin_link a:nth-child(2) {
    font-size: 0;
                margin-top: 2px;
}
.ewin_link a:nth-child(2) i {
    font-size: 11.4px;
}
.ewin_link a:nth-child(2):after {
    content: "足智彩";
    font-size: 11.4px;
}

.goracing-submenu{width:250px;}

body {
  font-family: "微軟正黑體", "Microsoft JhengHei", "Microsoft JhengHei", "Meiryo UI", "Meiryo", 'arial', 'open sans' !important;
}

h1, h2, h3, h4, h5, h6 {
    /* font-family: 'Noto Sans HK', sans-serif !important;*/
   font-family: "微軟正黑體", "Microsoft JhengHei", "Microsoft JhengHei", "Meiryo UI", "Meiryo", 'arial', 'open sans' !important;
   /*  font-family: 'Noto Sans TC'!important;
   font-weight:500!important;*/
}


.sub-title {
    font-size: 2.5em;
}

@media (min-width:1200px){
#wb-jockey-slider p.small{
	text-align: center;
}
}

@media (max-width:480px){
   .img-header-title h1, .mobile-page-title {
    font-size:2em;
} 	
	.img-header-title {
    top: -140px;
	}

.sub-title {
    font-size: 2em;
}

}

/* === add ----CHINESE----  table mobile hand icon START ===*/

.hand-icon.pastwinners table th:nth-child(1), .hand-icon.pastwinners table th:nth-child(6){ text-align:center!important;  }
.hand-icon.pastwinners table td:nth-child(1), .hand-icon.pastwinners table td:nth-child(6){ text-align:center!important;  }

.hand-icon.entries table td:nth-child(4) { text-align:center!important;  }
.hand-icon.entries table th:nth-child(4) { text-align:center!important;  }

.hand-icon.entries table td:nth-child(5) { text-align:center!important;  }
.hand-icon.entries table th:nth-child(5) { text-align:center!important;  }

.hand-icon.selections table td:nth-child(2) { text-align:center!important;  }
.hand-icon.selections table th:nth-child(2) { text-align:center!important;  }

.hand-icon.selections table th:nth-child(5) { text-align:center!important;  }
.hand-icon.selections table td:nth-child(6) { text-align:center!important;  }

.hand-icon.selections table th:nth-child(6) { text-align:center!important;  }
.hand-icon.selections table td:nth-child(7) { text-align:center!important;  }

.hand-icon.selections table th:nth-child(9) { text-align:center!important;  }
.hand-icon.selections table td:nth-child(10) { text-align:center!important;  }

.hand-icon.racecard table th:nth-child(1), .hand-icon.racecard table th:nth-child(3), .hand-icon.racecard table th:nth-child(5), .hand-icon.racecard table th:nth-child(7){ text-align:center!important;  }
.hand-icon.racecard table td:nth-child(1), .hand-icon.racecard table td:nth-child(3), .hand-icon.racecard table td:nth-child(5), .hand-icon.racecard table td:nth-child(7){ text-align:center!important;  }


.result table th:nth-child(1), .result table th:nth-child(2), .result table th:nth-child(6), .result table th:nth-child(7), .result table th:nth-child(8), .result table th:nth-child(9), .result table th:nth-child(10){ text-align:center!important;  }
.result table td:nth-child(1), .result table td:nth-child(2), .result table td:nth-child(6), .result table td:nth-child(7), .result table td:nth-child(8), .result table td:nth-child(9), .result table td:nth-child(10){ text-align:center!important;  }

/* === add ----CHINESE---- table mobile hand icon END ===*/



/**** Event Slider Start *******/
#events-moments-slider .vc_single_image-wrapper.vc_box_circle img {
    margin-bottom: 5% !important;
	
}

#events-moments-slider p.small {
    line-height: 1.2em;
    min-height:30px;


	
}

/**** Event Slider End *******/


/**** Start: Event Sub Menu *******/
	.eventsSubMenu ul {
		min-width: 280px;
	}
/**** End: Event Sub Menu  *******/

/**** Start: News Sub Menu *******/
     .newsSubMenu ul {
          min-width: 280px;
      }

	.media_guide_hide_ch{
  		display:none !important;
	}
/**** End: News Sub Menu  *******/


/****** Phase 2 Start ****************/
#special-cuisine.product-detail .product-detail-title {
    font-size: 1.1em!important;
}

/******* Phase 2 End **************/

.subStarContent {
    font-size: 0.85em!important;
}

#home-listing {
    font-family: "微軟正黑體", "Microsoft JhengHei", "Microsoft JhengHei", "Meiryo UI", "Meiryo", 'arial', 'open sans' !important;
}



@media (max-width: 414px) and (min-width: 375px)  {
.ijc-title-home {
    font-size: 2em !important;
    line-height: 1.4em !important;
    color: #fff;
}


.ijc-logo-width {

 width:150px!important;

}

}

@media (max-width: 374px) {

.ijc-title-home {
    font-size: 2em !important;
    line-height: 1.4em !important;
    color: #fff;
}
	
.ijc-logo-width {

 width:99px!important;

}

}


/** menu chi font **/


.narbar-sub-menu #hkirRacesMenu .hkirRacesCupItems {
   letter-spacing: 0.05em;
	font-family: "微軟正黑體", "Microsoft JhengHei", "Microsoft JhengHei", "Meiryo UI", "Meiryo", 'arial', 'open sans' !important;
}


@media (max-width: 1200px) and (min-width: 997px){

.narbar-sub-menu #hkirRacesMenu .hkirRacesCupItems {
   /* font-size: 18px;
    line-height: 1.4!important;*/
}
}


@media (max-width: 996px) {
#hkirRacesMenu > li.hkirRacesCupItems a {
   
   /* line-height: 1.4!important;*/
   
}

}

@media  (max-width: 540px) and (min-width: 415px) {

.narbar-sub-menu #hkirRacesMenu .hkirRacesCupItems {
    font-size: 15px!important;
    font-family: "微軟正黑體", "Microsoft JhengHei", "Microsoft JhengHei", "Meiryo UI", "Meiryo", 'arial', 'open sans' !important;
  
}

#hkirRacesMenu > li.hkcup a:focus::before, #hkirRacesMenu > li.hkcup.active a::before, #hkirRacesMenu > li.hkcup a:hover::before, #hkirRacesMenu > li.hkcup a::before, #hkirRacesMenu > li.hkmile a:focus::before, #hkirRacesMenu > li.hkmile.active a::before, #hkirRacesMenu > li.hkmile a:hover::before, #hkirRacesMenu > li.hkmile a::before, #hkirRacesMenu > li.hksprint a:focus::before, #hkirRacesMenu > li.hksprint.active a::before, #hkirRacesMenu > li.hksprint a:hover::before, #hkirRacesMenu > li.hksprint a::before, #hkirRacesMenu > li.hkvase a:focus::before, #hkirRacesMenu > li.hkvase.active a::before, #hkirRacesMenu > li.hkvase a:hover::before, #hkirRacesMenu > li.hkvase a::before {
   
    height: 40px!important;
  
    margin-bottom: 5px!important;
}

.sortBar {
 font-size:1.2em!important;
}

}


@media  (max-width: 414px) and (min-width: 361px) {

.narbar-sub-menu #hkirRacesMenu .hkirRacesCupItems {
    font-size: 13px!important;
    font-family: "微軟正黑體", "Microsoft JhengHei", "Microsoft JhengHei", "Meiryo UI", "Meiryo", 'arial', 'open sans' !important;
  
}

#hkirRacesMenu > li.hkcup a:focus::before, #hkirRacesMenu > li.hkcup.active a::before, #hkirRacesMenu > li.hkcup a:hover::before, #hkirRacesMenu > li.hkcup a::before, #hkirRacesMenu > li.hkmile a:focus::before, #hkirRacesMenu > li.hkmile.active a::before, #hkirRacesMenu > li.hkmile a:hover::before, #hkirRacesMenu > li.hkmile a::before, #hkirRacesMenu > li.hksprint a:focus::before, #hkirRacesMenu > li.hksprint.active a::before, #hkirRacesMenu > li.hksprint a:hover::before, #hkirRacesMenu > li.hksprint a::before, #hkirRacesMenu > li.hkvase a:focus::before, #hkirRacesMenu > li.hkvase.active a::before, #hkirRacesMenu > li.hkvase a:hover::before, #hkirRacesMenu > li.hkvase a::before {
   
    height: 40px!important;
  
    margin-bottom: 5px!important;
}

.sortBar {
 font-size:1em!important;
}

}



@media screen and (max-width: 360px) {
.narbar-sub-menu #hkirRacesMenu .hkirRacesCupItems {
    font-size: 11px !important;
    font-family: "微軟正黑體", "Microsoft JhengHei", "Microsoft JhengHei", "Meiryo UI", "Meiryo", 'arial', 'open sans' !important;
  
}

#hkirRacesMenu > li.hkcup a:focus::before, #hkirRacesMenu > li.hkcup.active a::before, #hkirRacesMenu > li.hkcup a:hover::before, #hkirRacesMenu > li.hkcup a::before, #hkirRacesMenu > li.hkmile a:focus::before, #hkirRacesMenu > li.hkmile.active a::before, #hkirRacesMenu > li.hkmile a:hover::before, #hkirRacesMenu > li.hkmile a::before, #hkirRacesMenu > li.hksprint a:focus::before, #hkirRacesMenu > li.hksprint.active a::before, #hkirRacesMenu > li.hksprint a:hover::before, #hkirRacesMenu > li.hksprint a::before, #hkirRacesMenu > li.hkvase a:focus::before, #hkirRacesMenu > li.hkvase.active a::before, #hkirRacesMenu > li.hkvase a:hover::before, #hkirRacesMenu > li.hkvase a::before {
   
    height: 35px!important;
  
    margin-bottom: 5px!important;
}

.sortBar {
 font-size:0.9em!important;
}

}



.racestitlemenu {
	border-right: 2px solid #d5d5d5;
}

.racestitlemenu img {
    height: 42px;
    padding-right: 10px;
}

@media (max-width: 767px) {
.racestitlemenu {
	border-right: 0px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	margin-left:40%;
	margin-right:40%;
}
	.nav>li.racestitlemenu {
 
    text-align: center;
}



.racestitlemenu img {
    height: 36px;
    padding-right: 0px;
	padding-bottom:3px;

	
	}
}

@media (max-width: 413px) {
.racestitlemenu {
	
	margin-left:30%!important;
	margin-right:30%!important;
}
}

.time-clock-title-bar {
    color: #fff!important;
     font-family: "微軟正黑體", "Microsoft JhengHei", "Microsoft JhengHei", "Meiryo UI", "Meiryo", 'arial', 'open sans' !important;
    line-height: 1.4em;
	 font-size: 1.8em;
font-weight: bold;
    top: 4px;
    position: relative;
}



<!-- start of Phase 2 -->

@media (max-width: 1200px) {
.btn-ijc-vote-bar {
    display:block !important;
}
}

.events-text {
	    height:75px;
}

@media  (max-width: 992px) and (min-width: 768px) {
.events-text {
	    height:95px;
	}
}


/***** 2020 addition start ******/

.racestitlemenu {
    border-right: 0px solid #d5d5d5;
    border-left: 2px solid red;
}

.side-cups-panel__item{
font-size:13px;
}

.side-cups-panel__ico {
   margin-right: 0em;
}



.content_block form>.textbox {
    font-size: 1em!important;
}

#home-top-news-2-title, #home-top-news-3-title {
    font-size: 1em!important;
}

.homenews-title a {
    font-size: 1.2em!important;
}

.search-box-padding p {
    font-size: 1.2em!important;
}

.mobile-menu-tr-left {
    width: 30%;
}



ul#hkirRacesMenu {
    padding: 0 30px 5px 30px;
}

li.jccup-new {
    margin-top: 5px;
}

li.racestitlemenu {
    margin-top: 5px;
}

.eventsSubMenu ul {
    min-width: 310px;
}

@media (min-width: 1200px) {

.listing-text-box-container {
    font-size: 1em!important;
}
}

@media (min-width: 997px) {
#hkirRacesMenu > li.hkirRacesCupItems a, .mobile-hkirtop-menu .hkirRacesCupItems a {
    height: 50px;
    width: 150px;
	}
	
	.doubleSize .listing-text-box-container {
    font-size: 1.25em!important;
}
}


@media (min-width: 768px) {
#hkirRacesMenu > li.hkirRacesCupItems a, .mobile-hkirtop-menu .hkirRacesCupItems a {
    width: 125px;
}
	
	.racestitlemenu img {
    padding-right: 0px;
}
	
	hkirRacesCupItems {
    margin: 0px;
}
}


@media (max-width: 1024px) and (min-width: 800px) {
.racestitlemenu img {
    height: 35px;
    padding-right: 0px;
}

#hkirRacesMenu > li.hkirRacesCupItems a {
    padding: 0px 1px 0px 1px;
}
	
	ul#hkirRacesMenu {
    padding: 0 1px 0px 1px;
}
	
	

} 


#home-listing p.newsdate {
    font-size: 0.75em!important;
}
 
/***** 2020 addition end ******/


<!-- end of Phase 2 -->

/***** 2021 addition Start ******/
.side-cups-panel__ico {
    width: 20%!important;
}


.side-cups-panel__button {
    padding: 5px 5px 5px 0px;
}

.sect-events__tab-list.active .sect-events__tab-btn>span {
    font-size: 1.2em!important;
}

.side-cups-panel {
	width: 100px;
}


@media (max-width: 640px) {
.side-cups-panel__button {
    padding: 5px 3px 5px 3px;
}

.side-cups-panel__hkir-ico{
width:80%;
}
.side-cups-panel__close {
    margin-top: 0.5em;
}

.side-cups-panel__hkir-ico {
    margin: 0 auto 0em;
    padding: 0px;
}

.side-cups-panel {
	width: 6em;
}

}



/***** 2021 addition end ******/


/***** 2021 addition Start ******/

@media (max-width: 768px) {
    .btn-other-races {
        background-image: url(https://campaign.hkjc.com/magnificent-raceday/images/global/icon-other-races-white-c.svg)!important;
    }
	.side-cups__button{width: 5em;}
}
 @media all and (-ms-high-contrast:none)
     {
     .side-cups-panel{width: 10em;} /* IE10 */
     *::-ms-backdrop, .side-cups-panel{width: 10em;} /* IE11 */
    .side-cups__button{width:8em}/* IE10 */
      *::-ms-backdrop, .side-cups__button{width: 8em;} /* IE11 */
     }



/***** 2021 addition end ******/
