/*============================================
    PLEASE DO NOT REMOVE AND UPDATE THIS FILE
==============================================*/

/* Start: RESET Common.css */
html,
body,
p,
span,
h1,
h2,
h3,
h4,
h5 {
  color: inherit;
}
a {
  color: inherit;
}
a:hover,
a:focus {
  color: inherit;
}
a.active {
  color: inherit;
}
.navbar .menu-item,
.navbar-nav > li > .dropdown-menu {
  background: inherit;
}
#mmenu #menu-main-menu > .menu-item {
  background: inherit;
}
.navbar .menu-item.current-menu-item,
.navbar .menu-item:hover,
.navbar .menu-item:focus {
  background: inherit;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background: inherit;
}
.navbar .dropdown-menu > li > a:hover,
.navbar .dropdown-menu > li > a:focus {
  background: inherit;
}
.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: inherit;
}
#mmenu .menu-item.current-menu-item,
#mmenu .menu-item:hover {
  background: inherit;
}
.navbar .navbar-nav > li > a,
.navbar .navbar-nav > li > a span,
.navbar .navbar-nav > li > span {
  color: inherit;
}
.navbar .dropdown-menu > li > a {
  color: inherit;
}
#mmenu .mm-list > li > a,
#mmenu .mm-list > li > span {
  color: inherit;
}
.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: inherit;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: inherit;
}
.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: inherit;
}
#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: inherit;
}
.navbar .menu-item.active a {
  color: inherit !important;
}
.navbar .menu-item.active a:hover {
  color: inherit !important;
}
footer,
footer p,
footer a,
footer span,
footer li,
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
  color: inherit;
}
footer a:hover,
footer a span:hover {
  color: #cccccc;
}
.pageHeader,
.topMainvisual {
  background-color: inherit;
}
.pageTopMenu,
.navbar,
.navbar-default {
  background-color: inherit;
}
body {
  background-color: inherit;
}
#mmenu {
  background-color: inherit;
}
.page-template-page-fullwidth #content,
#content > .container,
.widget > .container,
.content-header > .container,
#content .subpage-top-container .container,
.vc_section.container {
  background-color: inherit;
}
.pageFooter,
.sidebar-footer {
  background-color: inherit;
  background-repeat: inherit;
  background-position: inherit;
  background-size: inherit;
  background-attachment: inherit;
}
.footerSection {
  background-color: inherit;
  background-repeat: inherit;
  background-position: inherit;
  background-size: inherit;
  background-attachment: inherit;
}
/* End: RESET Common.css */

/* Top Menu */

#site-navigation .navbar-header {
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: table !important;
}

#site-navigation .navbar-nav > li > a {
  text-transform: uppercase;
  font-weight: normal;
}

/* MMenu style */
#mmenu .langToggle a {
  color: #fff;
}

#mmenu .ewin_link a {
  color: #fff;
}

#mmenu .followUs p,
#mmenu .followUs span {
  color: #fff;
}

#mmenu {
  background-color: #666;
}

#mmenu #menu-main-menu > .menu-item {
  background: #787878;
}

/* Table Style */
.generalTable {
}

table thead tr {
  background: #ddd;
}

table tbody tr {
  background: rgba(255, 255, 255, 0.8) none repeat scroll 0px 0px;
}

table tbody tr:nth-child(even) {
  background: rgba(228, 228, 228, 0.5) none repeat scroll 0px 0px;
}

table tbody tr:nth-child(odd) {
  background: rgba(255, 255, 255, 0.8) none repeat scroll 0px 0px;
}

td,
th {
  padding: 3px;
}

.responsive-table-container table th {
  color: #fff;
  background: #888888;
}

table.raceinfo th {
  background-color: #888888 !important;
}

table.raceinfo td.bg-blue {
  background-color: #ccc !important;
}

h1,
h2 {
  font-size: 1.8em;
  line-height: 1em;
  margin-bottom: 12px;
  font-weight: bold;
  font-family: "open sans", "Roboto Condensed", "arial", "Meiryo", "Meiryo UI",
    "Microsoft JhengHei UI", "Microsoft JhengHei", "微軟正黑體";
}

h1 {
  color: #fff;
}

h2,
h3 {
  color: #888888;
}

.messagebox h3 {
  color: #888888;
}

.ewinIcon .ewin_link a {
  color: #fff;
}

.gotoTop .fa {
  color: #888888;
}

h1.page-title {
  color: #a5191a;
  font-size: 1.5em;
}

.subpage-top-container {
  background: #fff;
}

.subpage-top-container > .container {
  background: #fff !important;
}

.maincolor {
  color: #888888;
}

.secondarycolor {
  color: #f7efe2;
}

/* news */
.article-list .article-list-container h2 {
  padding: 5px 10px;
  background: #888888;
  color: #fff;
}

.article-list .article-list-container .othersList blockquote {
  padding: 0px;
  padding-bottom: 10px;
  margin-top: 2px;
  margin-bottom: 0;
  border-top: 0px solid #cecece;
  border-right: 0px solid #cecece;
  border-bottom: 1px solid #888888;
  border-left: 0px solid #cecece;
}

.othersList h3 {
  color: #333;
  font-weight: nomal;
}

.article-list .article-list-container .othersList a.active blockquote {
  background: rgba(255, 255, 255, 0);
}

.footerSection .rgp-container .rgp-text {
  font-size: 18px;
}

/*race*/
.race-icon {
  background: #888888;
}

.pastwinnerlist table th {
  color: #fff !important;
}

/* Contenders */

.subStarContent {
  background: rgba(255, 255, 255, 0.2) none repeat scroll 0px 0px !important;
  border-bottom: 1px solid #ccc !important;
}

.subStarContent:hover {
  color: #888888;
  opacity: 0.7;
}

.subStarContent.on {
  background: #888888 !important;
  color: #fff;
}

.rating.ng-binding {
  background: #888888 !important;
}

.messageFirst {
  background: #888888 !important;
  color: #fff;
}

.messagebox {
  background: rgba(255, 255, 255, 0.5) none repeat scroll 0px 0px;
  border: 1px solid #ccc;
}

.graphTitle {
  font-size: 1.2em;
}

.highlight-box h4 {
  background-color: #888888 !important;
}

.highlightTable table tr:first-child > td {
  background-color: #ccc;
}

.btn-primary {
  color: #888888;
  background-color: #ccc;
  border-color: #fff;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #888888;
  border-color: #fff;
}

.fa-play-circle {
  color: #888888 !important;
}

.otherlist-dropdown button {
  width: 100%;
}

.otherlist-dropdown ul.dropdown-menu {
  max-height: 400px;
  overflow-y: auto;
  width: 100%;
}

.burger-container,
.burger,
.content-header .page-title,
.article-content.col-md-12 > .page-title,
.BackListingBtn,
#menuIcon {
  display: none !important;
}

.wpb_content_element,
.wpb_text_column .wpb_wrapper p br {
  margin-bottom: 0 !important;
}

/******** new added CSS 20241215 Start ******************/

.content .body a, .content .component-popup__content .body a, .component-popup .body a, .section-milestone__desc--txt .body a, .bg_blue1 .component-popup__wrapper .body a, .bg_blue2 .component-popup__wrapper .body a {
  color: #337ab7;
  text-decoration: underline;
}
.bg_blue1 .body a {
  color: #75bed6;
}

.bg_blue1 .body a:hover {
  color: #abe8fb
}

.bg_blue2 .body a {
color: #98d7f2;
}

.bg_blue2 .body a:hover {
  color:#cbebf9;
}
/******** new added CSS 20241215 End ******************/