@charset "utf-8";
/* CSS Document */
@font-face { font-family: 'clubpointsregular'; src: url('/sites/default/files/font/clubpoints-regular-webfont.woff2') format('woff2'), url('/sites/default/files/font/clubpoints-regular-webfont.woff') format('woff'), url('/sites/default/files/font/clubpoints-regular-webfont.svg#clubpointsregular') format('svg'); font-weight: normal; font-style: normal; }
article#locus .cp-sign { font-family: 'clubpointsregular' !important; font-weight: normal !important; padding-left: 2px; padding-right: 2px; }
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
article#locus .font1010 { font-family: 'Poppins', sans-serif !important; font-weight: 700; letter-spacing: 0.1em; color: inherit; }
h1, h2, h3, h4, h5, h6 { text-shadow: none; }
.navbar { margin-bottom: 0 !important; }
article#locus * { font-family: 'Century Gothic', Helvetica, Arial, 'Microsoft JhengHei', STHeiti, sans-serif !important; }
article#locus table { background-color: transparent; }
article#locus body { background-color: #000; color: #ffffff; font-family: "Century Gothic", "Myriad Pro", Helvetica, Arial, sans-serif; }
article#locus a, article#locus a:visited, article#locus a:focus { color: inherit; text-decoration: underline }
article#locus a:hover, article#locus a:active { color: inherit; text-decoration: underline }
article#locus .lang-switch { font-size: 12px; color: #999 !important; }
article#locus .mainlogo { width: 130px; height: 75.8px; cursor: pointer; margin-left: 15px; }
article#locus .container { width: 100% !important; max-width: 1170px !important; overflow: hidden; }
article#locus .navbar-custom { margin-bottom: 0; border-bottom: none; letter-spacing: 1px; border-radius: 0; }
article#locus .navbar-custom .container { background: #000; padding: 15px; }
article#locus #brand { padding-top: 10px; padding-bottom: 10px; }
article#locus #cta { padding-top: 20px; }
article#locus .no-padding { padding: 0; }
article#locus .img-center { margin-left: auto; margin-right: auto; display: block; }
article#locus .pad-intro { padding: 25px 15px 0px 15px; }
article#locus .pad-block { padding-top: 10px; padding-bottom: 10px; }
article#locus .pad-side { padding-left: 15px; padding-right: 15px; }
article#locus .img-rounded-big { border-radius: 20px; }
article#locus .hkt > img { height: 13px; }
article#locus .white-bg { background: #fff; }
article#locus .grey-bg { background: #4f4f4f; }
article#locus .white-bg .cta-txt { color: #000; }
article#locus .grey-bg .cta-txt { color: #fff; }
article#locus .white-bg .tnc-txt { color: #111; }
article#locus .grey-bg .tnc-txt { color: #eee; }
article#locus .tnc-txt { font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: normal; }
article#locus #tnc ol, article#locus #tnc ul { margin: 0; }
article#locus #tnc ol > li, #tnc ul > li { margin-left: -2.2em; }
article#locus sup { color: inherit; }
/*Button*/
article#locus .btn-cta { font-size: 120%; padding: 10px 20px; font-weight: bold; color: #000; background-color: #ffdd00; border: none; margin: 8px 5px; white-space: normal; }
article#locus .btn-cta:focus, article#locus .btn-cta.focus { color: #000; background-color: #f5d400; border: none; }
article#locus .btn-cta:hover { color: #000; background-color: #e7c800; border: none; }

@media (max-width: 767px) {
article#locus .mainlogo { width: 75px; height: 43.75px }
article#locus .btn-cta { width: 90%; margin: 0; margin-bottom: 10px; }
article#locus .pad-side { padding-left: 15px; padding-right: 15px; }
article#locus .pad-block { padding-top: 10px; padding-bottom: 10px; padding-left: 0; padding-right: 0; }
}
article#locus .brand-bg { background-color: #333333; padding: 75px 0; }
article#locus * { color: #fff; }
/*    article#locus .row { padding-left: 70px; padding-right: 70px; }*/
    
article#locus .tnc-txt { font-family: Helvetica, Arial, sans-serif; font-size: 10px; line-height: 120%; color: #FFFFFF; }
article#locus .stickyBTN { background-image: linear-gradient(rgba(237, 0, 153, 0), rgba(102, 0, 153, 0)), linear-gradient(90deg, #61acbc, #36fbff); }
.big-pad { padding: 0px 80px !important; }
.flexR { display: flex; flex-direction: row; justify-content: center; }
.flexC { display: flex; flex-direction: column; justify-content: center; }
.space_around { justify-content: space-around; }
article#locus .container { width: 100% !important; max-width: 960px !important; overflow: hidden; background-color: #faf3e6; }
article#locus .container * { color: #a560ac; }
.tnc-txt * { color: #fff !important; }
.lang_btn { position: relative; }
.lang_btn a { width: 80px; height: 35px; line-height: 35px; background: #9D4FA5; color: #FFF !important; text-align: center; position: absolute; right: 0; top: 0; z-index: 1; text-decoration: none !important; }

@media (max-width: 768px) {
article#locus .row { padding-left: 20px; padding-right: 20px; }
article#locus .brand-bg { background-color: #fcf7e9; padding: 55px 0; }
.big-pad { padding: 0 15px !important; }
.flexR { flex-direction: column; }
}

@media (max-width: 500px) {
.lang_btn { height: 35px; }
.lang_btn a { background: #958D76; }
}

@media (max-width: 414px) {
}