html, body, :global(#root) { height: 100%; } html { padding: 0px !important; } /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. CUSTOM FOR WEBFLOW: Removed the input[type="submit"] selector to reduce * specificity and defer to the .w-button selector */ button, html input[type="button"], input[type="reset"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. CUSTOM FOR WEBFLOW: changed from `textfield` to `none` to normalize iOS rounded input * 2. CUSTOM FOR WEBFLOW: box-sizing: content-box rule removed * (similar to normalize.css >=4.0.0) */ input[type="search"] { -webkit-appearance: none; padding-left: 14px; /* 1 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } @font-face { font-family: 'webflow-icons'; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype'); font-weight: normal; font-style: normal; } [class^="w-icon-"], [class*=" w-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'webflow-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .w-icon-slider-right:before { content: "\e600"; } .w-icon-slider-left:before { content: "\e601"; } .w-icon-slider-agent-right:before { content: "\e600"; font-size: 18px; background-color: rgba(255,255,255,0.5); border-radius: 50%; } .w-icon-slider-agent-left:before { content: "\e601"; font-size: 18px; background-color: rgba(255,255,255,0.5); border-radius: 50%; } .w-icon-nav-menu:before { content: "\e602"; } .w-icon-arrow-down:before, .w-icon-dropdown-toggle:before { content: "\e603"; } .w-icon-file-upload-remove:before { content: "\e900"; } .w-icon-file-upload-icon:before { content: "\e903"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { height: 100%; } body { margin: 0; min-height: 100%; background-color: #fff; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333; } img { max-width: 100%; vertical-align: middle; display: inline-block; } html.w-mod-touch * { background-attachment: scroll !important; } .w-block { display: block; } .w-inline-block { max-width: 100%; display: inline-block; } .w-clearfix:before, .w-clearfix:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-clearfix:after { clear: both; } .w-hidden { display: none; } .w-button { display: inline-block; padding: 9px 15px; background-color: #3898EC; color: white; border: 0; line-height: inherit; text-decoration: none; cursor: pointer; border-radius: 0; } input.w-button { -webkit-appearance: button; } html[data-w-dynpage] [data-w-cloak] { color: transparent !important; } .w-webflow-badge, .w-webflow-badge * { position: static; left: auto; top: auto; right: auto; bottom: auto; z-index: auto; display: block; visibility: visible; overflow: visible; overflow-x: visible; overflow-y: visible; box-sizing: border-box; width: auto; height: auto; max-height: none; max-width: none; min-height: 0; min-width: 0; margin: 0; padding: 0; float: none; clear: none; border: 0 none transparent; border-radius: 0; background: none; background-image: none; background-position: 0% 0%; background-size: auto auto; background-repeat: repeat; background-origin: padding-box; background-clip: border-box; background-attachment: scroll; background-color: transparent; box-shadow: none; opacity: 1.0; transform: none; transition: none; direction: ltr; font-family: inherit; font-weight: inherit; color: inherit; font-size: inherit; line-height: inherit; font-style: inherit; font-variant: inherit; text-align: inherit; letter-spacing: inherit; text-decoration: inherit; text-indent: 0; text-transform: inherit; list-style-type: disc; text-shadow: none; font-smoothing: auto; vertical-align: baseline; cursor: inherit; white-space: inherit; word-break: normal; word-spacing: normal; word-wrap: normal; } .w-webflow-badge { position: fixed !important; display: inline-block !important; visibility: visible !important; opacity: 1 !important; z-index: 2147483647 !important; top: auto !important; right: 12px !important; bottom: 12px !important; left: auto !important; color: #AAADB0 !important; background-color: #fff !important; border-radius: 3px !important; padding: 6px 8px 6px 6px !important; font-size: 12px !important; opacity: 1.0 !important; line-height: 14px !important; text-decoration: none !important; transform: none !important; margin: 0 !important; width: auto !important; height: auto !important; overflow: visible !important; white-space: nowrap; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1); cursor: pointer; } .w-webflow-badge > img { display: inline-block !important; visibility: visible !important; opacity: 1 !important; vertical-align: middle !important; } h1, h2, h3, h4, h5, h6 { font-weight: bold; margin-bottom: 10px; } h1 { font-size: 38px; line-height: 44px; margin-top: 20px; } h2 { font-size: 32px; line-height: 36px; margin-top: 20px; } h3 { font-size: 24px; line-height: 30px; margin-top: 20px; } h4 { font-size: 18px; line-height: 24px; margin-top: 10px; } h5 { font-size: 14px; line-height: 20px; margin-top: 10px; } h6 { font-size: 12px; line-height: 18px; margin-top: 10px; } p { margin-top: 0; margin-bottom: 10px; } blockquote { margin: 0 0 10px 0; padding: 10px 20px; border-left: 5px solid #E2E2E2; font-size: 18px; line-height: 22px; } figure { margin: 0; margin-bottom: 10px; } figcaption { margin-top: 5px; text-align: center; } ul, ol { margin-top: 0px; margin-bottom: 10px; padding-left: 40px; } .w-list-unstyled { padding-left: 0; list-style: none; } .w-embed:before, .w-embed:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-embed:after { clear: both; } .w-video { width: 100%; position: relative; padding: 0; } .w-video iframe, .w-video object, .w-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } fieldset { padding: 0; margin: 0; border: 0; } button, html input[type="button"], input[type="reset"] { border: 0; cursor: pointer; -webkit-appearance: button; } .w-form { margin: 0 auto 15px; max-width: 768px; padding: 0 6px; } .w-form-done { display: none; padding: 20px; text-align: center; background-color: #dddddd; } .w-form-fail { display: none; margin-top: 10px; padding: 10px; background-color: #ffdede; } label { display: block; margin-bottom: 5px; font-weight: bold; } .w-input, .w-select { display: block; width: 100%; height: 38px; padding: 8px 12px; margin-bottom: 10px; font-size: 14px; line-height: 1.428571429; color: #333333; vertical-align: middle; background-color: #ffffff; border: 1px solid #cccccc; } .w-input:-moz-placeholder, .w-select:-moz-placeholder { color: #999; } .w-input::-moz-placeholder, .w-select::-moz-placeholder { color: #999; opacity: 1; } .w-input:-ms-input-placeholder, .w-select:-ms-input-placeholder { color: #999; } .w-input::-webkit-input-placeholder, .w-select::-webkit-input-placeholder { color: #999; } .w-input:focus, .w-select:focus { border-color: #3898EC; outline: 0; } .w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select { cursor: not-allowed; background-color: #eeeeee; } textarea.w-input, textarea.w-select { height: auto; } .w-select { background-color: #f3f3f3; } .w-select[multiple] { height: auto; } .w-form-label { display: inline-block; cursor: pointer; font-weight: normal; margin-bottom: 0px; } .w-radio { display: block; margin-bottom: 5px; padding-left: 20px; } .w-radio:before, .w-radio:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-radio:after { clear: both; } .w-radio-input { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; float: left; margin-left: -20px; } .w-radio-input { margin-top: 3px; } .w-file-upload { display: block; margin-bottom: 10px; } .w-file-upload-input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -100; } .w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success { display: inline-block; color: #333333; } .w-file-upload-error { display: block; margin-top: 10px; } .w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden { display: none; } .w-file-upload-uploading-btn { display: flex; font-size: 14px; font-weight: normal; cursor: pointer; margin: 0; padding: 8px 12px; border: 1px solid #cccccc; background-color: #fafafa; } .w-file-upload-file { display: flex; flex-grow: 1; justify-content: space-between; margin: 0; padding: 8px 9px 8px 11px; border: 1px solid #cccccc; background-color: #fafafa; } .w-file-upload-file-name { font-size: 14px; font-weight: normal; display: block; } .w-file-remove-link { margin-top: 3px; margin-left: 10px; width: auto; height: auto; padding: 3px; display: block; cursor: pointer; } .w-icon-file-upload-remove { margin: auto; font-size: 10px; } .w-file-upload-error-msg { display: inline-block; color: #ea384c; padding: 2px 0; } .w-file-upload-info { display: inline-block; line-height: 38px; padding: 0 12px; } .w-file-upload-label { display: inline-block; font-size: 14px; font-weight: normal; cursor: pointer; margin: 0; padding: 8px 12px; border: 1px solid #cccccc; background-color: #fafafa; } .w-icon-file-upload-icon, .w-icon-file-upload-uploading { display: inline-block; margin-right: 8px; width: 20px; } .w-icon-file-upload-uploading { height: 20px; } .w-container { margin-left: auto; margin-right: auto; max-width: 940px; } .w-container:before, .w-container:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-container:after { clear: both; } .w-container .w-row { margin-left: -10px; margin-right: -10px; } .w-row:before, .w-row:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-row:after { clear: both; } .w-row .w-row { margin-left: 0; margin-right: 0; } .w-col { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 10px; padding-right: 10px; } .w-col .w-col { padding-left: 0; padding-right: 0; } .w-col-1 { width: 8.33333333%; } .w-col-2 { width: 16.66666667%; } .w-col-3 { width: 25%; } .w-col-4 { width: 33.33333333%; } .w-col-5 { width: 41.66666667%; } .w-col-6 { width: 50%; } .w-col-7 { width: 58.33333333%; } .w-col-8 { width: 66.66666667%; } .w-col-9 { width: 75%; } .w-col-10 { width: 83.33333333%; } .w-col-11 { width: 91.66666667%; } .w-col-12 { width: 100%; } .w-hidden-main { display: none !important; } @media screen and (max-width: 991px) { .w-container { max-width: 728px; } .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: none !important; } .w-col-medium-1 { width: 8.33333333%; } .w-col-medium-2 { width: 16.66666667%; } .w-col-medium-3 { width: 25%; } .w-col-medium-4 { width: 33.33333333%; } .w-col-medium-5 { width: 41.66666667%; } .w-col-medium-6 { width: 50%; } .w-col-medium-7 { width: 58.33333333%; } .w-col-medium-8 { width: 66.66666667%; } .w-col-medium-9 { width: 75%; } .w-col-medium-10 { width: 83.33333333%; } .w-col-medium-11 { width: 91.66666667%; } .w-col-medium-12 { width: 100%; } .w-col-stack { width: 100%; left: auto; right: auto; } } @media screen and (max-width: 767px) { .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: inherit !important; } .w-hidden-small { display: none !important; } .w-row, .w-container .w-row { margin-left: 0; margin-right: 0; } .w-col { width: 100%; left: auto; right: auto; } .w-col-small-1 { width: 8.33333333%; } .w-col-small-2 { width: 16.66666667%; } .w-col-small-3 { width: 25%; } .w-col-small-4 { width: 33.33333333%; } .w-col-small-5 { width: 41.66666667%; } .w-col-small-6 { width: 50%; } .w-col-small-7 { width: 58.33333333%; } .w-col-small-8 { width: 66.66666667%; } .w-col-small-9 { width: 75%; } .w-col-small-10 { width: 83.33333333%; } .w-col-small-11 { width: 91.66666667%; } .w-col-small-12 { width: 100%; } } @media screen and (max-width: 479px) { .w-container { max-width: none; } .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: inherit !important; } .w-hidden-small { display: inherit !important; } .w-hidden-tiny { display: none !important; } .w-col { width: 100%; } .w-col-tiny-1 { width: 8.33333333%; } .w-col-tiny-2 { width: 16.66666667%; } .w-col-tiny-3 { width: 25%; } .w-col-tiny-4 { width: 33.33333333%; } .w-col-tiny-5 { width: 41.66666667%; } .w-col-tiny-6 { width: 50%; } .w-col-tiny-7 { width: 58.33333333%; } .w-col-tiny-8 { width: 66.66666667%; } .w-col-tiny-9 { width: 75%; } .w-col-tiny-10 { width: 83.33333333%; } .w-col-tiny-11 { width: 91.66666667%; } .w-col-tiny-12 { width: 100%; } } .w-widget { position: relative; } .w-widget-map { width: 100%; height: 400px; } .w-widget-map label { width: auto; display: inline; } .w-widget-map img { max-width: inherit; } .w-widget-map .gm-style-iw { text-align: center; } .w-widget-map .gm-style-iw > button { display: none !important; } .w-widget-twitter { overflow: hidden; } .w-widget-twitter-count-shim { display: inline-block; vertical-align: top; position: relative; width: 28px; height: 20px; text-align: center; background: white; border: #758696 solid 1px; border-radius: 3px; } .w-widget-twitter-count-shim * { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .w-widget-twitter-count-shim .w-widget-twitter-count-inner { position: relative; font-size: 15px; line-height: 12px; text-align: center; color: #999; font-family: serif; } .w-widget-twitter-count-shim .w-widget-twitter-count-clear { position: relative; display: block; } .w-widget-twitter-count-shim.w--large { width: 36px; height: 28px; margin-left: 7px; } .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner { font-size: 18px; line-height: 18px; } .w-widget-twitter-count-shim:not(.w--vertical) { margin-left: 5px; margin-right: 8px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large { margin-left: 6px; } .w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after { top: 50%; left: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .w-widget-twitter-count-shim:not(.w--vertical):before { border-color: rgba(117, 134, 150, 0); border-right-color: #5d6c7b; border-width: 4px; margin-left: -9px; margin-top: -4px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large:before { border-width: 5px; margin-left: -10px; margin-top: -5px; } .w-widget-twitter-count-shim:not(.w--vertical):after { border-color: rgba(255, 255, 255, 0); border-right-color: white; border-width: 4px; margin-left: -8px; margin-top: -4px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large:after { border-width: 5px; margin-left: -9px; margin-top: -5px; } .w-widget-twitter-count-shim.w--vertical { width: 61px; height: 33px; margin-bottom: 8px; } .w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .w-widget-twitter-count-shim.w--vertical:before { border-color: rgba(117, 134, 150, 0); border-top-color: #5d6c7b; border-width: 5px; margin-left: -5px; } .w-widget-twitter-count-shim.w--vertical:after { border-color: rgba(255, 255, 255, 0); border-top-color: white; border-width: 4px; margin-left: -4px; } .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner { font-size: 18px; line-height: 22px; } .w-widget-twitter-count-shim.w--vertical.w--large { width: 76px; } .w-widget-gplus { overflow: hidden; } .w-background-video { position: relative; overflow: hidden; height: 500px; color: white; } .w-background-video > video { background-size: cover; background-position: 50% 50%; position: absolute; right: -100%; bottom: -100%; top: -100%; left: -100%; margin: auto; min-width: 100%; min-height: 100%; z-index: -100; } .w-background-video > video::-webkit-media-controls-start-playback-button { display: none !important; -webkit-appearance: none; } .w-slider { position: relative; height: 300px; text-align: center; background: #dddddd; clear: both; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .w-slider-mask { position: relative; display: block; overflow: hidden; z-index: 1; left: 0; right: 0; height: 100%; white-space: nowrap; margin-bottom: 10px; } .w-slide { position: relative; display: inline-block; vertical-align: initial; width: 100%; height: 100%; white-space: normal; text-align: left; } .w-slider-nav { position: absolute; z-index: 2; top: auto; right: 0; bottom: 0; left: 0; margin: auto; padding-top: 10px; height: 40px; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .w-slider-nav-agent { padding-top: 15px; } .w-slider-agent-nav { padding-top: 0px; } .w-slider-nav.w-round > div { border-radius: 100%; } .w-slider-nav.w-num > div { width: auto; height: auto; padding: 0.2em 0.5em; font-size: inherit; line-height: inherit; } .w-slider-nav.w-shadow > div { box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); } .w-slider-nav-invert { color: #fff; } .w-slider-nav-invert > div { background-color: rgba(34, 34, 34, 0.4); } .w-slider-nav-invert > div.w-active { background-color: #222; } .w-slider-dot { position: relative; display: inline-block; width: 10px; height: 10px; background-color: rgba(255, 255, 255, 0.4); cursor: pointer; margin: 0 3px 0.5em; transition: background-color 100ms, color 100ms; } .w-slider-dot.w-active { background-color: #fff; } .w-slider-dot-agent { position: relative; display: inline-block; width: 7px; height: 7px; background-color: rgba(255, 255, 255, 0.4); cursor: pointer; margin: 0 3px 0.5em; transition: background-color 100ms, color 100ms; } .w-slider-dot-agent.w-active { background-color: #fff; } .w-slider-arrow-left, .w-slider-arrow-right { position: absolute; width: 80px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; cursor: pointer; overflow: hidden; color: white; font-size: 40px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] { position: absolute; } .w-slider-arrow-left { z-index: 3; right: auto; } .w-slider-arrow-right { z-index: 4; left: auto; } .w-slider-arrow-agent-left { z-index: 3; right: 90%; } .w-slider-arrow-agent-right { z-index: 4; left: 84%; } .w-icon-slider-left, .w-icon-slider-right { top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 1em; height: 1em; font-size: 30px; } .w-dropdown { display: inline-block; position: relative; text-align: left; margin-left: auto; margin-right: auto; z-index: 900; } .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { position: relative; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; white-space: nowrap; } .w-dropdown-toggle { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; cursor: pointer; padding-right: 40px; } .w-icon-dropdown-toggle { position: absolute; top: 0; right: 0; bottom: 0; margin: auto; margin-right: 20px; width: 1em; height: 1em; } .w-dropdown-list { position: absolute; background: #dddddd; display: none; min-width: 100%; } .w-dropdown-list.w--open { display: block; } .w-dropdown-link { padding: 10px 20px; display: block; color: #222222; } .w-dropdown-link.w--current { color: #0082f3; } .w-nav[data-collapse="all"] .w-dropdown, .w-nav[data-collapse="all"] .w-dropdown-toggle { display: block; } .w-nav[data-collapse="all"] .w-dropdown-list { position: static; } @media screen and (max-width: 991px) { .w-nav[data-collapse="medium"] .w-dropdown, .w-nav[data-collapse="medium"] .w-dropdown-toggle { display: block; } .w-nav[data-collapse="medium"] .w-dropdown-list { position: static; } } @media screen and (max-width: 767px) { .w-nav[data-collapse="small"] .w-dropdown, .w-nav[data-collapse="small"] .w-dropdown-toggle { display: block; } .w-nav[data-collapse="small"] .w-dropdown-list { position: static; } .w-nav-brand { padding-left: 10px; } .w-slider-arrow-agent-left { right: 77%; padding-left: 5px !important; } .w-slider-arrow-agent-right { left: 79%; } } @media screen and (max-width: 479px) { .w-nav[data-collapse="tiny"] .w-dropdown, .w-nav[data-collapse="tiny"] .w-dropdown-toggle { display: block; } .w-nav[data-collapse="tiny"] .w-dropdown-list { position: static; } } /** * ## Note * Safari (on both iOS and OS X) does not handle viewport units (vh, vw) well. * For example percentage units do not work on descendants of elements that * have any dimensions expressed in viewport units. It also doesn’t handle them at * all in `calc()`. */ /** * Wrapper around all lightbox elements * * 1. Since the lightbox can receive focus, IE also gives it an outline. * 2. Fixes flickering on Chrome when a transition is in progress * underneath the lightbox. */ .w-lightbox-backdrop { color: #000; cursor: auto; font-family: serif; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; list-style: disc; text-align: start; text-indent: 0; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; position: fixed; top: 0; right: 0; bottom: 0; left: 0; color: #fff; font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif; font-size: 17px; line-height: 1.2; font-weight: 300; text-align: center; background: rgba(0, 0, 0, 0.9); z-index: 2000; outline: 0; /* 1 */ opacity: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-tap-highlight-color: transparent; -webkit-transform: translate(0, 0); /* 2 */ } /** * Neat trick to bind the rubberband effect to our canvas instead of the whole * document on iOS. It also prevents a bug that causes the document underneath to scroll. */ .w-lightbox-backdrop, .w-lightbox-container { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } .w-lightbox-content { position: relative; height: 100vh; overflow: hidden; } .w-lightbox-view { position: absolute; width: 100vw; height: 100vh; opacity: 0; } .w-lightbox-view:before { content: ""; height: 100vh; } /* .w-lightbox-content */ .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { height: 86vh; } .w-lightbox-frame, .w-lightbox-view:before { display: inline-block; vertical-align: middle; } /* * 1. Remove default margin set by user-agent on the
element. */ .w-lightbox-figure { position: relative; margin: 0; /* 1 */ } .w-lightbox-group .w-lightbox-figure { cursor: pointer; } /** * IE adds image dimensions as width and height attributes on the IMG tag, * but we need both width and height to be set to auto to enable scaling. */ .w-lightbox-img { width: auto; height: auto; max-width: none; } /** * 1. Reset if style is set by user on "All Images" */ .w-lightbox-image { display: block; float: none; /* 1 */ max-width: 100vw; max-height: 100vh; } .w-lightbox-group .w-lightbox-image { max-height: 86vh; } .w-lightbox-caption { position: absolute; right: 0; bottom: 0; left: 0; padding: .5em 1em; background: rgba(0, 0, 0, 0.4); text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .w-lightbox-embed { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .w-lightbox-control { position: absolute; top: 0; width: 4em; background-size: 24px; background-repeat: no-repeat; background-position: center; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } .w-lightbox-left { display: none; bottom: 0; left: 0; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); } .w-lightbox-right { display: none; right: 0; bottom: 0; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"); } /* * Without specifying the with and height inside the SVG, all versions of IE render the icon too small. * The bug does not seem to manifest itself if the elements are tall enough such as the above arrows. * (http://stackoverflow.com/questions/16092114/background-size-differs-in-internet-explorer) */ .w-lightbox-close { right: 0; height: 2.6em; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); background-size: 18px; } /** * 1. All IE versions add extra space at the bottom without this. */ .w-lightbox-strip { position: absolute; bottom: 0; left: 0; right: 0; padding: 0 1vh; line-height: 0; /* 1 */ white-space: nowrap; overflow-x: auto; overflow-y: hidden; } /* * 1. We use content-box to avoid having to do `width: calc(10vh + 2vw)` * which doesn’t work in Safari anyway. * 2. Chrome renders images pixelated when switching to GPU. Making sure * the parent is also rendered on the GPU (by setting translate3d for * example) fixes this behavior. */ .w-lightbox-item { display: inline-block; width: 10vh; padding: 2vh 1vh; box-sizing: content-box; /* 1 */ cursor: pointer; -webkit-transform: translate3d(0, 0, 0); /* 2 */ } .w-lightbox-active { opacity: .3; } .w-lightbox-thumbnail { position: relative; height: 10vh; background: #222; overflow: hidden; } .w-lightbox-thumbnail-image { position: absolute; top: 0; left: 0; } .w-lightbox-thumbnail .w-lightbox-tall { top: 50%; width: 100%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .w-lightbox-thumbnail .w-lightbox-wide { left: 50%; height: 100%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } /* * Spinner * * Absolute pixel values are used to avoid rounding errors that would cause * the white spinning element to be misaligned with the track. */ .w-lightbox-spinner { position: absolute; top: 50%; left: 50%; box-sizing: border-box; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; border: 5px solid rgba(0, 0, 0, 0.4); border-radius: 50%; -webkit-animation: spin .8s infinite linear; animation: spin .8s infinite linear; } .w-lightbox-spinner:after { content: ""; position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; border: 3px solid transparent; border-bottom-color: #fff; border-radius: 50%; } /* * Utility classes */ .w-lightbox-hide { display: none; } .w-lightbox-noscroll { overflow: hidden; } @media (min-width: 768px) { .w-lightbox-content { height: 96vh; margin-top: 2vh; } .w-lightbox-view, .w-lightbox-view:before { height: 96vh; } /* .w-lightbox-content */ .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { height: 84vh; } .w-lightbox-image { max-width: 96vw; max-height: 96vh; } .w-lightbox-group .w-lightbox-image { max-width: 82.3vw; max-height: 84vh; } .w-lightbox-left, .w-lightbox-right { display: block; opacity: .5; } .w-lightbox-close { opacity: .8; } .w-lightbox-control:hover { opacity: 1; } } .w-lightbox-inactive, .w-lightbox-inactive:hover { opacity: 0; } .w-richtext:before, .w-richtext:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-richtext:after { clear: both; } .w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after { white-space: initial; } .w-richtext ol, .w-richtext ul { overflow: hidden; } .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after { outline: 2px solid #2895f7; } .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div { outline: 2px solid #2895f7; } .w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after { content: ''; position: absolute; display: none; left: 0; top: 0; right: 0; bottom: 0; } .w-richtext figure { position: relative; max-width: 60%; } .w-richtext figure > div:before { cursor: default!important; } .w-richtext figure img { width: 100%; } .w-richtext figure figcaption.w-richtext-figcaption-placeholder { opacity: 0.6; } .w-richtext figure div { /* fix incorrectly sized selection border in the data manager */ font-size: 0px; color: transparent; } .w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] { display: table; } .w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div { display: inline-block; } .w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption { display: table-caption; caption-side: bottom; } .w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] { width: 60%; height: 0; } .w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div { width: 100%; } .w-richtext figure.w-richtext-align-center { margin-right: auto; margin-left: auto; clear: both; } .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div { max-width: 100%; } .w-richtext figure.w-richtext-align-normal { clear: both; } .w-richtext figure.w-richtext-align-fullwidth { width: 100%; max-width: 100%; text-align: center; clear: both; display: block; margin-right: auto; margin-left: auto; } .w-richtext figure.w-richtext-align-fullwidth > div { display: inline-block; /* padding-bottom is used for aspect ratios in video figures we want the div to inherit that so hover/selection borders in the designer-canvas fit right*/ padding-bottom: inherit; } .w-richtext figure.w-richtext-align-fullwidth > figcaption { display: block; } .w-richtext figure.w-richtext-align-floatleft { float: left; margin-right: 15px; clear: none; } .w-richtext figure.w-richtext-align-floatright { float: right; margin-left: 15px; clear: none; } .w-nav { position: relative; background: #dddddd; z-index: 1000; } .w-nav:before, .w-nav:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-nav:after { clear: both; } .w-nav-brand { position: relative; float: left; text-decoration: none; color: #333333; } .w-nav-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; } .w-nav-link.w--current { color: #0082f3; } .w-nav-menu { position: relative; float: right; } .w--nav-menu-open { display: block !important; position: absolute; top: 100%; left: 0; right: 0; background: #C8C8C8; text-align: center; overflow: visible; min-width: 200px; } .w--nav-link-open { display: block; position: relative; } .w-nav-overlay { position: absolute; overflow: hidden; display: none; top: 100%; left: 0; right: 0; width: 100%; } .w-nav-overlay .w--nav-menu-open { top: 0; } .w-nav[data-animation="over-left"] .w-nav-overlay { width: auto; } .w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] .w--nav-menu-open { right: auto; z-index: 1; top: 0; } .w-nav[data-animation="over-right"] .w-nav-overlay { width: auto; } .w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] .w--nav-menu-open { left: auto; z-index: 1; top: 0; } .w-nav-button { position: relative; float: right; padding: 18px; font-size: 24px; display: none; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .w-nav-button.w--open { background-color: #C8C8C8; color: white; } .w-nav[data-collapse="all"] .w-nav-menu { display: none; } .w-nav[data-collapse="all"] .w-nav-button { display: block; } .thirdPartyBox{ display: flex; padding: 5px; } .thirdPartyFieldSet{ border: 1px solid #c0c0c0; margin-top: 16px; padding: 0.35em 0.625em 0.75em; } @media screen and (max-width: 991px) { .w-nav[data-collapse="medium"] .w-nav-menu { display: none; } .w-nav[data-collapse="medium"] .w-nav-button { display: block; } } @media screen and (max-width: 767px) { .w-nav[data-collapse="small"] .w-nav-menu { display: none; } .w-nav[data-collapse="small"] .w-nav-button { display: block; } .w-nav-brand { padding-left: 10px; } .thirdPartyBox{ display: block; } .thirdPartyFieldSet{ margin-top: 8px; } } @media screen and (max-width: 479px) { .w-nav[data-collapse="tiny"] .w-nav-menu { display: none; } .w-nav[data-collapse="tiny"] .w-nav-button { display: block; } } .w-tabs { position: relative; } .w-tabs:before, .w-tabs:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-tabs:after { clear: both; } .w-tab-menu { position: relative; } .w-tab-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; padding: 9px 30px; text-align: left; cursor: pointer; color: #222222; background-color: #dddddd; } .w-tab-link.w--current { background-color: #C8C8C8; } .w-tab-content { position: relative; display: block; overflow: hidden; } .w-tab-pane { position: relative; display: none; } .w--tab-active { display: block; } @media screen and (max-width: 479px) { .w-tab-link { display: block; } } .w-ix-emptyfix:after { content: ""; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .w-dyn-empty { padding: 10px; background-color: #dddddd; } .w-dyn-bind-empty { display: none !important; } .w-condition-invisible { display: none !important; } /* stamp card */ .stamp_card { overflow: hidden; position: relative; display: flex; flex-direction: column; } .stamp_card_top_section { min-height: 70vh; background-image: url(https://uat-fwdmax.fwd.com.hk/static/30b2ddd8f59a70aaaba2e36783e1f536.jpg); background-repeat: no-repeat; background-size: cover; position: relative; display: flex; flex-direction: column; } .stamp_card_top_section.complete { background-image: url(https://uat-fwdmax.fwd.com.hk/static/9c5a5a288ee58070575879083ecb5f03.jpg); background-color: #f88028; } .stamp_card_middle_section { background: #f88028; position: relative; } /* top section start */ @media only screen and (max-width: 992px) { /*For Mobile/ Tablet Size 992px*/ .stamp_card_popup-container { width: 90%; } .stamp_card_top_section-content { flex: 1; display: grid; grid-template: '. . . .' 50px '. dialog . .' 200px '. . . .' 200px '. . . .' 50px / 1fr 200px 200px 1fr; align-items: center; transition: width .5s; } .stamp_card_top_section-dialog { grid-area: dialog; position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; color: #FFF; padding: 60px 20px; top: 20px; left: 15px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/ce9bb972624613e68eb20e9c34ac25a4.png); background-repeat: no-repeat; background-size: contain; background-position: center; z-index: 100; text-align: center; } .stamp_card_top_section-progress-text { margin: 12px 24px 7%; z-index: 100; text-align: center; } } @media only screen and (min-width: 992px) { /*For Desktop Size > 992px*/ .stamp_card_top_section-content { flex: 1; display: grid; grid-template: '. . . .' 50px '. dialog . .' 200px '. . . .' 300px '. . . .' 50px / 1fr 300px 300px 1fr; align-items: center; transition: width .5s; } .stamp_card_top_section-dialog { grid-area: dialog; position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; color: #FFF; padding: 100px 20px; top: 20px; left: 15px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/ce9bb972624613e68eb20e9c34ac25a4.png); background-repeat: no-repeat; background-size: contain; background-position: center; z-index: 100; text-align: center; font-weight: bold; } .stamp_card_top_section-progress-text { z-index: 100; margin: 60px 12px; text-align: center; font-size: 32px; font-weight: bold; } } /*For All Size (Mobile, Desktop)*/ .stamp_card_top_section-dialog.complete { top: 20px; left: 10px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/dc5510fa86f8f7fdc202154775b784a5.png); } .stamp_card_top_section-balloon-image { position: relative; grid-area: 2 / 2 / span 2 / span 2; background-position: center; top: 40px; align-self: center; } .stamp_card_top_section-complete-image { position: relative; grid-area: 2 / 2 / span 2 / span 2; background-position: center; top: 70px; z-index: 50; } .stamp_card_top_section-recieve-reward { background: #FFF; color: #f88028; padding: 4px 16px; border-radius: 16px; cursor: pointer; } .stamp_card_top_section-bottom { position: absolute; max-height: 50%; width: 100%; bottom: 0; } /* top section end */ /* Stamp card component start */ @media only screen and (max-width: 992px) { /*For Mobile/ Tablet Size 992px*/ .stamp_card-wrapper { display: grid; height: 200px; width: 100%; grid-template: '. . . . . . .' 1fr / 1fr 50px 150px 50px 150px 50px 1fr; align-self: center; justify-content: center; transition: ease all .5s; } .stamp_card-container { display: grid; grid-template: 'label label' 50px '. .' 1fr / 3fr 2fr; z-index: 50; height: fit-content; cursor: pointer; } .stamp_card-container.odd { grid-area: 1 / 3 / span 1 / span 2; } .stamp_card-container.even { grid-area: 1 / 4 / span 1 / span 2; } .stamp_card-label { display: flex; align-items: center; grid-area: label; z-index: 50; color: #FFF; } .stamp_card-number { height: 100%; padding-right: 5px; } .stamp_card-status { position: relative; grid-area: 1 / 2 / 1 / 2; right: -10px; top: 25px; } .stamp_card_middle_section-container { display: flex; flex-direction: column-reverse; } .stamp_card-decoration { z-index: 0; position: relative; top: 30px; max-width: 250px; } .stamp_card-decoration.odd { grid-area: 1 / 2 / span 1 / span 3; } .stamp_card-decoration.even { grid-area: 1 / 4 / span 1 / span 3; } .stamp_card-line { grid-area: 1 / 1 / span 1 / span 7; width: 100%; object-fit: cover; } .stamp_card-status-active-content { position: absolute; height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; top: 0; padding-right: 10px; } .stamp_card-status-active-starList { display: flex; } } @media only screen and (min-width: 992px) { /*For Desktop Size > 992px*/ .stamp_card-wrapper { display: grid; height: 200px; width: 100%; grid-template: '. . . . . . .' 1fr / 1fr 50px 300px 50px 300px 50px 300px 50px 1fr; align-self: center; justify-content: center; transition: ease all .5s; } .stamp_card-container { display: grid; grid-template: 'label label' 50px '. .' 1fr / 3fr 2fr; z-index: 50; height: fit-content; cursor: pointer; } .stamp_card-container.left { grid-area: 1 / 3 / span 1 / span 2; } .stamp_card-container.mid { grid-area: 1 / 5 / span 1 / span 2; } .stamp_card-container.right { grid-area: 1 / 7 / span 1 / span 2; } .stamp_card-label { display: flex; align-items: center; grid-area: label; z-index: 70; color: #FFF; font-weight: bold; position: relative; top: -28px; } .stamp_card-number { height: 100%; padding-right: 5px; } .stamp_card-status { position: relative; grid-area: 1 / 2 / 1 / 2; right: -10px; top: 25px; z-index: 50; } .stamp_card_middle_section-container { display: flex; flex-flow: row wrap-reverse; align-content: space-between center; justify-content: space-between center; align-items: center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABGUAAAF1CAYAAABBBFdiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMy4wIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1ODEwQUE3NzREMDAxMUVDQkEzQkNFMDJBNTcxMjhFNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1ODEwQUE3ODREMDAxMUVDQkEzQkNFMDJBNTcxMjhFNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU4MTBBQTc1NEQwMDExRUNCQTNCQ0UwMkE1NzEyOEU2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU4MTBBQTc2NEQwMDExRUNCQTNCQ0UwMkE1NzEyOEU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+LtCumQAAHjhJREFUeNrs3XnQXlddB/DzpGmWtmnTJN132jQtkNDiUKjQUlRQCyiiKBQ3xH3G0RmdccY/UEFw1L8dHRdQQFxwR6jiwipLO1ZoC90XuqZtkq5pkzTN9ffznoe8TdM2y/u851k+n5nf3PQt2ry/5z73nvO99547KAAA86TrusNisyTqiKjFUUdGLYo6as72kKgVUYdGHT6Cv8au+t96zr9q1OBgftV9+L/fl7/Hgdga9WTUo1FPRT1c/1vD7SNRO6Mei9oxGAwet2cCwHgaaAEAzJau6zIIyfAktyvrn7MySDmq/nlZ6YOHuWOGbi9/3vPfZwCwowYCO58lOHiq/nznYDB4zCey35/fMPDKYOuQsvfAa3H9PJfUz3Owl8+zPMdnmv+8rX6eD9fP8/FaD5U+GHo8Pr+tPhEAOHBCGQCYrAn5sjr5nlsr63bFHhPsvU28S51QD+vh4QS7TrzzLoutMdnertszv68tLX1wl3c7ZcAzDPKOqtth7W0f68rTg55H6772UN1+s2Jf26bbAMwqoQwAtJvwrqq1OmpN/fOKPSa1T/s/i9r+HJPbR3SWMd3fM9jZW5CYtfRZ9vXhzzIs3By1qW63ZAkOAZgGQhkAmL9J5/GlD1dye0zp7yzY2yQz/7yjTi6Hk8z/n3B6nAee8d3Ku3TmBper63ZJeeadOUN559cDURvrd2uj0BKAcSSUAYC9TwRzTY5jSx+w5PaYOil82v+s9Gt55PaRORPA+7JiEviETkKT7+/y2BxXaxiUHlnHvrv2MgbO7+0Dte6Nuj++vzt1EoBRE8oAMGuTtWHYcnKdqJ1Y+jta9ryTJRejzXAlg5b7c7IWk7RNOghTeVzI4OaYsjuIzTDnkPLMO3HyDpx76nHhriK8AeAgCWUAmKaJVT7WcEqtk8pzhy1314nV3e5oAfbxGLO8HluOr9vnCm/yGHNnVhxjNuseAHsjlAFgUiZDuQBuhi2n1u0Re5kIbR5OgqLuErYAjY5XGd6cXHaHxKvLM9e9ebQeq+4ofXDzqM4BzB6hDADjMIFZVCcwp9davZfz1HAC843SBy4mMMAkH/dW1OPeaaUPblbM/dd1m0Hz7bXyuLdL5wCmi1AGgIWagJwQmzNKH7ocX89Bw4lHTjTuGk4+rN0C8M21bk6vlQHOojlj+Dx+bqzHzdviuHmvjgFMHqEMAPM1eTg6NmeVPng5cc7kYSgnD7eWPnTZqGMAB33czYD79KgXlD7snivD7lyU+Laom+O4+6COAYwfoQwA+zMByMeK1tY6pjx9TZcc8N9S+uDlHrfZAzQ9XmcwngF5BjZnRh29xzE7X/99U5aFiAHaEcoAsOdAPq+2rq0D+dVl923yuc3Him6OujEG8Q/oFsDEHuszWD+79Hc4rplznM9thjQZsN/kzkaA0RLKAMzmYPzwOhg/JyrXeslXuj5V/3W+Ljqvnt7i6inATJ4jMpDPu2syoD+u/nh4nsi1a64vfTi/VbcADo5QBmC6B9a5MGSGL+dGLZ1z3H+8DqpviEH1PToFwD6eV/KRqHWlD/UPG/44anvUdaUPa+7SKYB9I5QBmPwB8pI6OM7w5dR6bM/KNV3ujrqhDpIf1y0ARnQuOqyehzKwObnsfhQq6448D0VdH+eiHboFsJtQBmByBryL64D3RVGn1GN4LuS4rfTBS975cmcMeDvdAmBMzl2Des7KiwcZ2Cwr/UWDPFfdGfW10l842KlbwCwSygCM3wA2n9vPRXYzfDmr/jgHsPksfy6ye20MXr+hUwBM+PnutNi8uJ7r8ty3qP6rPNdlWHNrnO+e0ilgmgllANoOSPPq4Uv2GJDm1cJ8tfS1Ubd7tTQAM3RezPPg6aUPa3Kx4bxLdO6Fia/GefFOnQKmhVAGYGEGmUvrAHND6V8zPTwG53P2X8mBpquBAPCs59G8cJEXMM4r/fppw0d18y2BV5f+LtLtOgVMGqEMwPwPHPMV0xm+5PPzS+rAMdd9yVuxr/aaaQCYt3Pu6nrOzUd+l9X5TS4mfH09596rS8A4E8oAHPhAMK/aZfDy0qjjy+63TNwX9dWo6yxcCAALfn7OR57OLf3jwceV3W8l3Bh1VenfAuXuVGAsCGUA9n2A98Kobyn940cZvuSALt969L8xuNuoSwAw1ufyvIByfunfAnVInQvl3av/E/V1F1KAFoQyAM8ctB1adgcwRw9/nAO2HLjFoO0BXQKAqTjnH1PP9y+cMzd6sOwOap7UJWCUhDLArA/GMoBZX/pHkFbVH+cALN98lAHMFl0CgJkaG+R4IIOaXKD/0PrjHA/ko0/XCGqA+SSUAWZtoLU2NhdEnVh/lAOrfGtDBjAP6xAAsJfxw1GlD2pyUeFhUHNP1BUxfrhJh4ADJZQBpnkAtab0AczwluR8BOmWqC/HAOoeHQIADmKckRd4Xh515pxxRj7qnEHNJh0C9oVQBpiWgdHy0i/el48hLa8/zgHRFaV/C9IuXQIARjgWWVT6tz7lBaE19cdPlP6xp3wpwBO6BOxJKANM6sDnjNh8a9RJURm47Cj9onxXGfQAAGMyXskLRXnBKB99WhKVwc3dUV+I8cptOgQIZYBJGNAsqQOal0Utq8euHMj8t8eQAIAJG9fkY0+vjMoLTPnI07aoK0t/YWmHDsFsEcoA4zhYyVt+8y6YdfU4lQOUvPX3SnfBAABTNu7Ju2nywlNegMoLURnU3FD6u2msTQNTTigDtB6I5HEon7/OEGZVHYhszoFIDkhiMNLpEgAwY2OjdXVstLrO2bbUsdF1xkYwXYQywEIPNA4p/YK8OdBYWo9DX4v6UgwyNusQAMAzxk8Zzrwi6kWlv4C1vfQhTS4g/JQOweQSygCjHkTkbbj5FoJc4C7Xg8mBQz6KlCHM4zoEALDf46vDSh/S5CNPecEr16XJFx5cYV0amCxCGWAUg4QLo86LOjQqg5erDBIAAEY2/hpeBMuQJsdiT0Z9JeqLLoLBeBPKAAc7CDgiNq+K2lDcTgsAMA7js709Ln511OdjfPaYDsH4EMoA+3uSX1ZP8MPbZR+N+lzU1+Ikv0uHAADGbvy2qPTr0VwUtaLsfpw83/C0TYegHaEM8Hwn8cWlf01jPpKUjyPlnTCfL+6EAQCY1PHd8E6avNs576TJx52+GHVljO926hAsHKEMsOdJOq+kbKgn6cOj8sR8ZekX5rUmDADA9I3/ck2aXDg4L8TlBbmtpb8Id7U7oWG0hDJAnojXxebVUatKfzvrNVGftTAcAMBMjg1zseCLo9aX/nH1LVGfjrHhjboD80soA7N5oj06Nt8etTYqr37kCfYzcaLdojsAAOwxdswLd3kB7+yovKv6pqj/jLHjg7oDB0coA7NxIs3bUF9e+ttS8/bUDF/+I06kt+gOAAD7ObY8MzbfUfq7rPPx9i9Ffdl6NLD/hDIwvSfLM2Lz2nqyzMXbcl2YLzhZAgAwj2POvPiXb+bM9WjypRB58e/fY8x5m+7A8xPKwPScEPP1hq+JOrf0t5XmXTB5W+lm3QEAYIHGpKtL/5h83k2Tj8lfF/WpGJM+qjvwTEIZmOyT3gvrSe+IqDzR/Vec8L6uMwAAjNF49dui8gLiY6W/aGi8CpVQBibrpLa89HfDbKjf3zyh5dowW3UHAIAxH8seXvq1aDKo6aKuLv1dNE/oDrNKKAPjf/I6PTbfFbUyals9cX1VZwAAmPBx7ktKf8FxWdRDUf8a49zbdYZZIpSB8Ts55QJpryz925LyO/qNeoLyykEAAKZ1DHx06S9Enlb6u2i+HPXfMQZ+UneYZkIZGI+TUC6I9vqok0r/WsEvlP61grt0BwCAGRsb50sr8gJlvtVpSdTdUR/3AgumkVAG2p1szorNd0YdFbW5nmju0hkAAHjauPnk0l/AzAuZD0f9W4ybb9YZpoFQBhbuZJLft5dFXRyVjyjlK6vzsaRHdAcAAPZpTH1k6R9zyldu56NNn426MsbUne4wiYQyMNqTxtLSv7L6vKh8FOmKqM95NhYAAA56rJ0XOi+KuiAqH3n6Sulfub1dd5gUQhmY/5PDqtLfXnlK1PZ6YviKzgAAwEjH4XkhNC+I5oXRO0u/PMAWnWGcCWVgfk4AJ8bmDVFrorbUE8CdOgMAAE3G53mBNC+U5gXTTVH/EuPze3SGcSOUgQM/0J8amzdGrYzKA/zH4kC/SWcAAGCsxu1r6rg9L6Q+VMftd+gM40AoA/t3QM8FxfKOmMOj7qgH9Id1BgAAJmI8n28+zYAmL7BuLf0dNLfoDK0IZeD5D9znxOa7o5ZH3VoP3I/pDAAATPQ4/4jSX3A9I2pb1OUxzr9eZ1hIQhnY+wF6fWy+M2pJ1A1Rn4gD9BM6AwAAUzn+zwuwl0ati9oR9W8x/r9GZxg1oQzsPhCfUw/EeUC+OuqTXqcHAAAzNy/Itze9LmpD6e+g+bg7aBgVoQyzfsAdrhGzIuq64o4YAABg93xheAfNuVGPFmvQMM+EMszigTVXXX9zVC7ylWvEfMwaMQAAwPPMI3INmlwk+AVR+bKPv/eabQ6WUIZZOYAeG5vvjcrtPfUA6q1JAADAgcwv8gJvXujNC74PRP1jzC/u1xn2l1CGaT5QrozN90WdFHVf1D85UAIAAPM87xheAD4u6u6of4h5x0M6w74QyjBtB8R8W1I+8/niqDwQuqUQAABYqPnIcKmEvEB8benXrNyhMzwboQzTcODL/fjCqNdE7Sz96ujX6gwAANBwnpIXil8ftTjqU1FfjHlKpzPMJZRhkg9ya0u/0NbhUZ+P+kwc5HbpDAAAMEbzlkWxeXXUK6MeL/2LRm7SGZJQhkk7oB1T+nVi8nnNG6P+2SusAQCACZnP5Cu2vydqXdTG0q8/84DOzC6hDJN04Mo7YzZF/Z0DFwAAMOHznLzg/P1Ra6LyzhkXnGeQUIZxPkhdEJvXRW2rB6gbdQUAAJjCuc/Zpb8QvSzqkzH3uUJXZoNQhnE7GOVjST9Y+tXK80D079aJAQAAZmQ+lOvPvDbqZVEPR/1NzIfu05npJZRhHA48h5Z+VfL1UXnA+WgceB7UGQAAYIbnSUfH5i2lX0/zmtK/ZfZJnZkuQhlaHmTyFXFvyD9GXR4HmKt1BQAA4Blzpw2xubT+47/E3OlaXZkOQhkW+mCSjyVl2ntCVB5IPibtBQAA2Kf5VD5l8MaovMB9b+mfMnhIZyaXUIaFOHDkfvbqqIujHqwHjo06AwAAcMDzrONLf8E7H3P6bNRnYp7V6cxkEcowyoNEvtrtrVGr8wDhIAEAADDv867hRfCszVF/FfOuTTozGYQyOCAAAABMx3zMhfEJI5TBlx8AAGC65mculk8IoQy+6AAAANM7b3MBfYwJZTiQL/Wq2FzmSw0AADAx87g9L6p/JOZxW3SmLaEM+/Mlfmls3lD6Nyj9pbtiAAAAJnJul3fPvC1qZdTHY253la60IZTh+b6sS0r/mrWzoq6qX9hdOgMAADDx871Fpb/wfn7UzVEfjfneDp1ZOEIZnu3LeUrpnztcHPW38cW8SVcAAACmdg64NjY/EPVk1F/HHPBOXRk9oQxzv4S5P7wm6qKou0q/cO9WnQEAAJiZeeHhpb9Af3LU56I+ZQ3R0RHKkF+6FaVfuPe4qE/HF+6zugIAADDzc8WLY3NJ1MbSryv6qK7ML6HMbH/Bcp2YH4raVvqVt+/VFQAAAPaYO55Q+gv5y0r/aNPNujI/hDKz+YW6pPSPKeU6MX9jIScAAAD2YS6ZL4L5wahcfyYfa/q0rhwcocxsfXnyrpizfHkAAAA4yDnmJaW/2J93zfy1i/0HRigz/V+UY2Lzw1HLS39XjNvMAAAAmK85Z174z7tnnoj6cMw5H9CVfSeUmd4vxotj831RW6L+Ir4YD+kKAAAAI5qDrozN26NWRf1DzEGv1ZXnJ5SZri9Bfp7fFfWKqGui/jG+CDt1BgAAgAWaly6OzZui1kd9KepfvVL72QllpmOnz/Vi3hZ1RtTlscN/WVcAAABoPFd9eWy+O+q20r9S27ozexDKTPYOfmRsfjRqZd3Bb9EVAAAAxmzumuvOvDUql9X4YMxdH9GVnlBmMnfofEd8Lt7b1R36fl0BAABgzOeyx5b+xoLMInJR4HtnvSdCmcnagdeVflXrTVEfih34MV0BAABgwua2R5Q+nFld+rcE3zCrvRDKTMYOm8/hXRp1Y91hn9QVAAAAJnyue2jpbzw4O+oTs7g+qlBmfHfO/GwyiMlAJlesvtyK1QAAAEzp/DcXBL6wzn8/MSvzX6HM+O2Mi2LzlqgXRX3cm5QAAACYoTnx8EmRr0d9NObEu6b59xXKjM+Ol+9yv6z0r7X++9jxrtEVAAAAZnSOvD42by7967Q/EnPkndP4ewpl2u9oS0q/wFG+USlTwOt1BQAAAP5/znxO6Z8myTc15duHd0zT7yeUabdjLY/Nj0cdHfVXsWPdqisAAACw1zn0C2Lz1qgHo/4s5tBPTMPvJZRZ+B0pX/31E1EZyvxl7Eh36AoAAADs05z61Ni8LSpDmffHnPqxSf59hDILt+OsLH0Ykwv5/kXsOPfqCgAAABzQHDuXAHl71FNRH4g59kOT+HsIZUa/o2QY8476jx+KHWWTrgAAAMC8zLnXxOZH6j9OXDgjlBndjpGPKf1k1LKoPxHGAAAAwMjm4GvqHDwfa/rTSXmsSSgz/ztChjHvjFpa+ufbhDEAAACwMHPyDGdy6ZDtZQLCGaHM/H3wuXBvvto6d4D3WzMGAAAAms3Rc82ZDGfyRokPjuvbmoQyB/9BZxiTa8asKn0KJ4wBAACA8ZizZziTT7NsKf2aM2MVzghlDvyDXRKbH446PurDXm0NAAAAYzuHP7XO4TfWOfyOcfh7CWX2/4NcHJvLos4q/WNKt+sKAAAATMSc/vTSP9Z0c9RHYk6/U1cm44MbRL0p6j1R63QEAAAAJnaOv67O73Oe74aVMf+wLol6X9QFugEAAABTM9+/oM73L9GN8ftwzo96b9TrdAMAAACmdv7/ujr/P1832n8YZ0a9O+otbmMCAACAmcgCBjUHyDzgzIX4bwocnv4B5JuU8lVZuRrzn1vwBwAAAGZLfcHPj5X+bct/OhgMNo7qvyWU6Rt+ZGx+KipDmD+Jhm/VFQAAAJhdXdcdHpufjMqQ5o8Hg8Ej8/3fGMx4g4fp17FRfxQN3my3AwAAAIa6rlsdm5+Our94qmbemnpp1G9FrdUNAAAA4LlkflBzhEt148CbuCHqt6Mu0g0AAABgf2SeUHOFDbqx7007IerXoy7zRiUAAADgQNU3NV1Wc4YTDvT/z2AGGnVY6Z/96kq/bswTdh8AAADgYHVdt7z0mUPmK5k5PK4rfWMWRb096l1Rx+kIAAAAMAqZO9T8IXOIRbPejHy+631R6+0aAAAAwELIHKLmEa+axV/+pKj3RL3RrgAAAAC0kLlEzSdOeq7/3WBKftml5enPcG2zCwAAAACtdF23rDx9jdvt0/hLvr6mTyf7yAEAAIBxknlFzS1eP02/1Nr6XvBX+4gBAACAcZb5Rc0x1g5/NpjAX2JFbH4uakvUBwaDwVM+WgAAAGDcdV13SGzeEbUq6g8GE/QXz7/rW6MyUfr9wWCw2ccJAAAATJqu61bH5ucn5S/7oqjfiTrPRwcAAAAwYl3XHRb1q1HvqHfKAAAAADBK9a1Kvxl1rG4AAAAAjFjXdadEvTfqEt0AAAAAptXYPBLUdd3i2PxMVG7/YDAY7PDxAAAAAIxQ13UX1nd1v0A3AAAAAEas67pVUe+KerNuAAAAACyAruu+P+rXoo7UDQAAAIAR67ruxPqo0rfqBgAAAMCIdV03iPqxqF+OWqojAAAAACPWdd2ZUb8btUE3AAAAAEb8Suyu6w6JzU9HLYr6w8Fg8JSWAwAAAIxQ13Xr690xa3UDAAAAYMRyvZi6bsw7ch0ZHQEAAAAYsa7rzov6naiTdAMAAABgxLquWxz1S1E/rhsAAAAAC6DrunOjfi/qdN0AAAAA2DcHvOZL13X5RqWfjco3Kv3RYDDotBMAAABghLquO7PeHXO2bgAAAACMWL5NKeqdUb8QdYiOAAAAAIxY13WnRP1u1HrdAAAAAFgAXde9JepXog7VDQAAAIAR67puRdS7oy7SDQAAAIAF0HXdK6LeG7VSNwAAAABGLBfwjfrFqLfrBgAAAMAC6LrutPqq6zN1AwAAAGABzFnMd7FuAAAAAIxY13VHRP2GxXwBAAAAFlDXde+LOlonAAAAABbOoOs6XQAAAABYYIu0AAAAAGDhCWUAAAAAGhDKAAAAADQglAEAAABoQCgDAAAA0IBQBgAAAKABoQwAAABAA0IZAAAAgAaEMgAAAAANCGUAAAAAGhDKAAAAADQglAEAAABoQCgDAAAA0IBQBgAAAKABoQwAAABAA0IZAAAAgAaEMgAAAAANCGUAAAAAGhDKAAAAADQglAEAAABoQCgDAAAA0IBQBgAAAKABoQwAAABAA0IZAAAAgAaEMgAAAAANCGUAAAAAGhDKAAAAADQglAEAAABoQCgDAAAA0IBQBgAAAKABoQwAAABAA0IZAAAAgAaEMgAAAAANCGUAAAAAGhDKAAAAADQglAEAAABoQCgDAAAA0IBQBgAAAKABoQwAAABAA0IZAAAAgAaEMgAAAAANCGUAAAAAGhDKAAAAADQglAEAAABoQCgDAAAA0IBQBgAAAKABoQwAAABAA0IZAAAAgAaEMgAAAAANCGUAAAAAGhDKAAAAADQglAEAAABoQCgDAAAA0IBQBgAAAKABoQwAAABAA0IZAAAAgAaEMgAAAAANCGUAAAAAGhDKAAAAADQglAEAAABoQCgDAAAA0IBQBgAAAKABoQwAAABAA0IZAAAAgAaEMgAAAAANCGUAAAAAGhDKAAAAADQglAEAAABoQCgDAAAA0IBQBgAAAKABoQwAAABAA0IZAAAAgAaEMgAAAAANCGUAAAAAGhDKAAAAADQglAEAAABoQCgDAAAA0IBQBgAAAKABoQwAAABAA0IZAAAAgAaEMgAAAAANCGUAAAAAGhDKAAAAADQglAEAAABoQCgDAAAA0IBQBgAAAKABoQwAAABAA0IZAAAAgAaEMgAAAAANCGUAAAAAGhDKAAAAADQglAEAAABoQCgDAAAA0IBQBgAAAKABoQwAAABAA0IZAAAAgAaEMgAAAAANCGUAAAAAGhDKAAAAADQglAEAAABoQCgDAAAA0IBQBgAAAKABoQwAAABAA0IZAAAAgAaEMgAAAAANCGUAAAAAGhDKAAAAADQglAEAAABoQCgDAAAA0IBQBgAAAKABoQwAAABAA0IZAAAAgAaEMgAAAAANCGUAAAAAGhDKAAAAADQglAEAAABoQCgDAAAA0IBQBgAAAKABoQwAAABAA0IZAAAAgAaEMgAAAAANCGUAAAAAGhDKAAAAADQglAEAAABoQCgDAAAA0IBQBgAAAKABoQwAAABAA0IZAAAAgAaEMgAAAAANCGUAAAAAGhDKAAAAADQglAEAAABoQCgDAAAA0IBQBgAAAKABoQwAAABAA0IZAAAAgAaEMgAAAAANCGUAAAAAGhDKAAAAADQglAEAAABoQCgDAAAA0IBQBgAAAKABoQwAAABAA0IZAAAAgAaEMgAAAAANCGUAAAAAGhDKAAAAADQglAEAAABoQCgDAAAA0IBQBgAAAKABoQwAAABAA0IZAAAAgAaEMgAAAAANCGUAAAAAGhDKAAAAADQglAEAAABoQCgDAAAA0IBQBgAAAKABoQwAAABAA0IZAAAAgAaEMgAAAAANCGUAAAAAGhDKAAAAADQglAEAAABoQCgDAAAA0IBQBgAAAKABoQwAAABAA0IZAAAAgAaEMgAAAAANCGUAAAAAGhDKAAAAADQglAEAAABoQCgDAAAA0IBQBgAAAKABoQwAAABAA0IZAAAAgAaEMgAAAAANCGUAAAAAGhDKAAAAADQglAEAAABoQCgDAAAA0IBQBgAAAKABoQwAAABAA0IZAAAAgAaEMgAAAAANCGUAAAAAGhDKAAAAADQglAEAAABoQCgDAAAA0IBQBgAAAKABoQwAAABAA0IZAAAAgAaEMgAAAAANCGUAAAAAGhDKAAAAADQglAEAAABoQCgDAAAA0IBQBgAAAKABoQwAAABAA0IZAAAAgAaEMgAAAAANCGUAAAAAGhDKAAAAADQglAEAAABoQCgDAAAA0IBQBgAAAKABoQwAAABAA0IZAAAAgAaEMgAAAAANCGUAAAAAGhDKAAAAADQglAEAAABoQCgDAAAA0IBQBgAAAKCB/xNgAC/ARKMztS99AAAAAElFTkSuQmCC"); background-size:100% auto; max-width: 1280px; text-align: center; margin: auto; } .item { width: 300px; font-size: 28px; line-height: 36px; text-align: center; margin: 10px; margin-left: 5vh; flex-basis: 25%; } .item:nth-child(3n+2) { margin: 10px calc(10% - 40px); top: -5px; } .item:nth-child(3n+2) > .stamp_card-line { display: none; } .stamp_card-decoration { z-index: 20; position: absolute; max-width: 250px; } .stamp_card-decoration.left { max-width: 180px; margin-right: 10vh; } .stamp_card-decoration.mid { max-width: 172px; } .stamp_card-decoration.right { max-width: 246px; } .stamp_card-line { grid-area: 1 / 1 / span 1 / span 7; width: 100%; object-fit: cover; visibility: hidden; } .stamp_card-status-active-content { position: absolute; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; top: 0; padding-right: 10px; } .stamp_card-status-active-starList { display: flex; margin-top: 20px; } } /*For All Size (Mobile + Desktop) */ .stamp_card-status-img { } .stamp_card-status-active-img-container { position: relative; } .stamp_card-task-star { width: 22px; } .stamp_card-background { grid-area: 1 / 1 / span 2 / span 2; position: relative; top: 20px; } /* Stamp card component end */ /* Stamp card bottom */ @media only screen and (max-width: 992px) { /*For Mobile/Tablet Size 992px*/ .stamp_card_bottom_section { background-color: #f88028; position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; padding-top: 40px; } .stamp_card_bottom_section-challenge { display: flex; } .stamp_card_bottom_section-title-left { width: 32px; } .stamp_card_bottom_section-title { align-self: flex-end; color: #FFF; } .stamp_card_bottom_section-title-right { width: 22px; height: fit-content; } .stamp_card_bottom_section-challenge-description { color: #FFF; } .stamp_card_bottom_section-start-challenge { } .stamp_card_bottom_section-start-challenge-btn { background-color: #FFF; display: flex; align-items: center; padding: 8px 16px; border-radius: 20px; } .stamp_card_bottom_section-start-arrow-img { height: 16px; margin-right: 4px; } .stamp_card_bottom_section-start-challenge-btn-text { color: #9c9c9c; } .stamp_card_bottom_section-balloon { width: 350px; z-index: 50; margin-bottom: 60px; } .stamp_card_bottom_section-bottom { position: absolute; max-height: 50%; width: 100%; bottom: 0; } .stamp_card-status-active-label { color: #FFF; } } @media only screen and (min-width: 992px) { /*For Desktop Size > 992px*/ .stamp_card_bottom_section { background-color: #f88028; position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; padding-top: 100px; z-index: 5; } .stamp_card_bottom_section-challenge { display: flex; margin-top: 5px; } .stamp_card_bottom_section-title-left { width: 32px; margin-top: 20px; } .stamp_card_bottom_section-title { align-self: flex-end; color: #FFF; font-size: 32px; font-weight: bold; margin-top: 20px; } .stamp_card_bottom_section-title-right { width: 22px; height: fit-content; margin-top: 20px; } .stamp_card_bottom_section-challenge-description { color: #FFF; font-size: 32px; font-weight: bold; margin-top: 20px; } .stamp_card_bottom_section-start-challenge { } .stamp_card_bottom_section-start-challenge-btn { background-color: #FFF; display: flex; align-items: center; padding: 8px 16px; border-radius: 20px; margin-top: 20px; } .stamp_card_bottom_section-start-arrow-img { height: 16px; margin-right: 4px; } .stamp_card_bottom_section-start-challenge-btn-text { color: #9c9c9c; font-weight: bold; font-size: 20px; } .stamp_card_bottom_section-balloon { width: 350px; z-index: 50; margin-bottom: 60px; } .stamp_card_bottom_section-bottom { position: absolute; max-height: 50%; width: 100%; bottom: 0; } .stamp_card-status-active-label { color: #FFF; font-size: 20px; max-height: 50px; line-height: 70px; } } /* Stamp card footer section */ @media only screen and (max-width: 992px) { /*For Mobile/Tablet Size 992px*/ .stamp_card_footer_section { display: grid; grid-template-columns: 1fr 50px 150px 50px 150px 50px 1fr; margin-bottom: 40px; align-self: center; width: 100%; background-color: #FFF; justify-content: center; align-items: center; } .stamp_card_footer_section-campaign-date { color: #e87826; margin-bottom: 20px; grid-column: 3 / span 2; white-space: break-spaces; } .stamp_card_footer_section-campaign-challenge { color: #e87826; grid-column: 3 / span 2; } .stamp_card_footer_section-tnc { position: relative; grid-column: 3 / span 3; } .stamp_card__footer_section-photo-board { position: absolute; right: 0; bottom: 0; width: 200px; z-index: 100; } .stamp_card_bottom_section-balloon { width: 350px; z-index: 50; margin-bottom: 60px; } .stamp_card_footer_section-tnc-detail { max-height: 2000px; height: auto; grid-column: 3 / span 3; transition: max-height .5s ease-out; } .stamp_card_footer_section-tnc-detail.collapsed { max-height: 0px; overflow: hidden; } .stamp_card_footer_section-tnc-detail ol { padding: 0 20px; } } @media only screen and (min-width: 992px) { /*For Desktop Size > 992px*/ .stamp_card_footer_section { display: grid; grid-template-columns: 1fr 250px 150px 50px 150px 50px 1fr; margin-bottom: 40px; align-self: center; width: 100%; background-color: #FFF; justify-content: center; align-items: center; margin: auto; max-width: 1280px; background-image: none; } .stamp_card_footer_section-campaign-date { color: #e87826; margin-bottom: 20px; position: relative; grid-column: 1 / span 6; font-weight: bold; font-size: 26px; margin-left: 10vh; margin-top: 15px; } .stamp_card_footer_section-campaign-challenge { color: #e87826; position: relative; grid-column: 1 / span 6; font-weight: bold; font-size: 26px; margin-left: 10vh; margin-top: 15px; } .stamp_card_footer_section-tnc { position: relative; grid-column: 1 / span 7; margin-left: 10vh; font-weight: bold; margin-bottom: 30px; } .stamp_card__footer_section-photo-board { position: absolute; right: 0; bottom: 0; z-index: 100; width: 400px; margin-right: 10vh; } .stamp_card_bottom_section-balloon { width: 600px; z-index: 50; margin-bottom: 60px; } .stamp_card_footer_section-tnc-detail { max-height: 2000px; height: auto; grid-column: 1 / span 7; transition: max-height .5s ease-out; margin-left: 10vh; margin-right: 10vh; } .stamp_card_footer_section-tnc-detail.collapsed { max-height: 0px; overflow: hidden; } .stamp_card_footer_section-tnc-detail ol { padding: 0 20px; } } /* Stamp Card Detail */ .stamp_detail-container { position: relative; } .stamp_detail-top-container { background-image: url(https://uat-fwdmax.fwd.com.hk/static/ccfd71fa708fa686defb9c43c21d29a2.png), linear-gradient(#f88028, #f88028); background-size: cover; background-repeat: no-repeat; background-position-y: bottom; padding-top: 80px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .stamp_detail-task-wrapper { position: relative; display: grid; max-height: 700px; max-width: 500px; grid-template: 'taskBg taskBg taskBg' 50px 'taskBg taskBg taskBg' 1fr 'taskBg taskBg taskBg' 50px / 75px 1fr 75px; } .stamp_detail-task-bg { grid-area: taskBg; height: 100%; width: 100%; object-fit: contain; padding-bottom: 40px; } .stamp_detail-task-icon-container { position: relative; } .stamp_detail-task-icon { width: 70%; margin: 0 auto; } .stamp_detail-task-icon-point { position: absolute; height: 100%; width: 100%; top: 0; display: flex; justify-content: center; align-items: center; font-size: 48px; color: #FFF; padding-bottom: 12px; } .stamp_detail-task-title { font-size: 22px; padding-top: 8px; padding-bottom: 12px; } .stamp_detail-task-point-container { padding-top: 16px; border-top: 1px solid #000; width: 80%; } .stamp_detail-highest-receive { font-size: 16px; } .stamp_detail-highest-point { font-size: 40px; line-height: 40px; } .stamp_detail-highest-max-point { font-size: 16px; } .stamp_detail-star-list { display: flex; } .stamp_detail-task-star { height: 48px; } .stamp_detail-finish-bonus { margin-bottom: 30px; } .stamp_detail-redeem-btn { width: 140px; position: relative; background: transparent; } .stamp_detail-redeem-btn-text { position: absolute; color: #FFF; top: 0; left: 0; right: 0; bottom: 25px; display: flex; justify-content: center; align-items: center; } .stamp_detail-task { grid-area: 2 / 2 / 2 / 2; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 20px 10px; } .stamp_detail-task-description { background-color: #FFF; padding: 80px 0 40px; } .stamp_detail-task-description-content { text-align: center; margin-bottom: 16px; padding: 0 20px; } .stamp_detail-article-list { display: flex; justify-content: center; flex-direction: column; align-items: center; } .stamp_detail-article { display: flex; justify-content: center; flex-direction: column; align-items: center; } .stamp_detail-article-img { width: 200px; } .stamp_detail-article-name { text-align: center; } .stamp_detail-navigate-btn { background-color: #e87826; padding: 8px 16px; border-radius: 20px; color: #FFF; } .stamp_detail-navigate-btn_div { margin-top: 16px; margin-bottom: 10px; } /* Stamp card popup */ .stamp_card_popup-overlay { z-index: 100000; position: fixed; display: flex; justify-content: center; align-items: center; top: 0; left: 0; right: 0; bottom: 0; } .stamp_card_popup-container { background: #FFF; /* height: 50%; */ max-width: 600px; border-radius: 24px; padding: 20px 12px; } .stamp_card_popup-inner { position: relative; background: #c9c9c9; width: 100%; height: 100%; max-width: 600px; padding: 30px; border-radius: 24px; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; } .stamp_card_popup-decoration { width: 120px; position: absolute; top: -80px; left: -6px; } /* .stamp_card_popup-content { margin-bottom: 40px; } */ .stamp_card_popup-confirm-btn { background-color: #e87826; padding: 8px 16px; border-radius: 20px; color: #FFF; } .stamp_card_popup-iframe { border-radius: 24px; width: 100%; height: 100%; } /* Old */ .stamp_card__receivedReward { background-color: #fff; color: #e87722; font-size: 18px; display: flex; justify-content: center; align-items: center; border-radius: 4px; } .stamp_card__point { text-align: right; font-weight: 700; } .stamp_card__title { font-size: 28px; text-align: center; line-height: 1; margin-bottom: 10px; } .stamp_card__cards { display: flex; flex-wrap: wrap; align-items: flex-start; margin: 0 -15px; padding-bottom: 100px; } .stamp_card__card { flex-basis: 50%; position: relative; } .stamp_card__card::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; transform: rotate(45deg) scale(0.73); border-radius: 20px; } .stamp_card__card--green::before { box-shadow: 16px 10px 20px #6eceb2; } .stamp_card__card--blue::before { box-shadow: 16px 10px 20px #0097a9; } .stamp_card__card--yellow::before { box-shadow: 16px 10px 20px #ffd444; } .stamp_card__card--red::before { box-shadow: 16px 10px 20px #e87722; } .stamp_card__card:nth-of-type(4n + 1) { transform: translateX(-5px); } .stamp_card__card:nth-of-type(4n + 2) { transform: translate(-23px, 70px); } .stamp_card__card:nth-of-type(4n + 3) { transform: translate(35px, 0); } .stamp_card__card:nth-of-type(4n + 4) { transform: translate(15px, 70px); } .stamp_card__svg-card { width: 100%; } .stamp_card__svg-gift { position: absolute; top: 25%; left: 30%; width: 40%; cursor: pointer; } .stamp_card__svg-coins { position: absolute; top: 30%; left: 27%; width: 46%; } .stamp_card__name { position: absolute; top: 66%; left: 26%; text-align: center; width: 48%; font-weight: bold; line-height: 1; } .stamp_card__next { display: flex; align-items: center; padding: 0 15px; font-weight: 700; } .stamp_card__next-left { flex-basis: 60px; } .stamp_card__next-left img { width: 100%; } .stamp_card__next-right { flex: 1; padding: 0 10px; } .stamp_card__next-right.isRedeem { flex-grow: 0; flex-basis: auto; } .stamp_card__terms { margin-top: 20px; } .stamp_card__terms-wrapper { display: none; } .stamp_card__terms-summary-wrapper { display: block; } .stamp_card__terms.MuiPaper-root { background: none; box-shadow: none; border: none; } .stamp_card__terms.MuiPaper-root::before { content: none; } .stamp_card__terms .MuiAccordionSummary-root { min-height: auto !important; } .stamp_card__terms .MuiAccordionSummary-content { margin: 0 !important; } .stamp_card__terms .MuiAccordionSummary-content span { font-size: 22px; } .stamp_card__terms .terms_and_condition ol { padding-left: 20px; } .stamp_card__terms .terms_and_condition li { margin-bottom: 11px; } .stamp_card__link-wrapper { flex: 0 0; } .stamp_card__link { background: #fff; width: 40px; height: 40px; border-radius: 50%; box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.8); display: flex; align-items: center; justify-content: center; } .stamp_card__link img { width: 15px; } .stamp_card__overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .stamp_detail { padding: 40px 0; overflow: hidden; background-image: url(https://uat-fwdmax.fwd.com.hk/static/56d5271cbe100844b922a307ce71d671.png); background-image: url(https://uat-fwdmax.fwd.com.hk/static/56d5271cbe100844b922a307ce71d671.png), linear-gradient(180deg, #fdebc5 0%, #fad9c8 100%); background-size: cover; color: #fff; text-align: center; position: relative; } .stamp_detail__main { padding: 55px 25px 0 25px; position: relative; z-index: 1; } .stamp_detail__point { display: none; } .stamp_detail__top::before { content: ""; width: 100%; padding-top: 100%; background-color: #e87722; border-radius: 50%; position: absolute; top: 0; left: 0; z-index: -1; transform: scale(1.35); transform-origin: top; } .stamp_detail__head { display: flex; align-items: flex-end; } .stamp_detail__coins { flex-basis: 200px; } .stamp_detail__coins img { width: 100%; } .stamp_detail__points_blk { flex: 1; color: #fff; font-size: 22px; font-weight: 700; line-height: 1; opacity: 0.5; } .isUnlocked .stamp_detail__points_blk { opacity: 1; } .stamp_detail__points { font-size: 70px; } .stamp_detail__body { padding: 0 25px; } .stamp_detail__detail_blk { padding: 0 20px; } .stamp_detail__desc { font-size: 24px; line-height: 1.2; padding: 25px 0 30px 0; } .stamp_detail__diamonds { display: flex; } .stamp_detail__diamonds img { width: 30px; margin-right: 5px; } .stamp_detail__diamonds img.incomplete { opacity: 0.3; } .stamp_detail__detail { background-color: #ed9959; padding: 20px 30px 50px 20px; font-size: 20px; font-weight: 700; border-radius: 25px; line-height: 1; min-height: 150px; margin-right: -36px; margin-top: 60px; position: relative; display: flex; justify-content: center; align-items: center; border: 10px solid #c8531f; line-height: 1.3; } .stamp_detail__detail > div { display: flex; justify-content: center; align-items: center; flex-direction: column; } .stamp_detail__detail::before { content: ""; width: calc(100% - 10px); height: calc(100% - 10px); position: absolute; top: -32px; left: -31px; border: 10px solid #c8531f; border-radius: 25px; pointer-events: none; display: none; } .stamp_detail__detail, .stamp_detail__detail a { color: #fff; } .stamp_detail__back { display: inline-block; position: absolute; color: #000; background: none; font-size: 18px; font-weight: 700; top: 10px; left: 5px; } @media (min-width: 768px) { .stamp_card { /* padding: 20px; background-image: url("./images/stampCard/stampCard_game_top_cloud.png"); */ } .stamp_card__head { display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: flex-end; } .stamp_card__title { margin: 0; } .stamp_card__point { font-size: 24px; } .stamp_card__cards { max-width: 1000px; margin: 0 auto; padding: 30px 30px 100px 30px; } .stamp_card__card { flex-basis: 25%; } .stamp_card__card:nth-of-type(4n + 1) { transform: translate(25px, 0); } .stamp_card__card:nth-of-type(4n + 2) { transform: translate(10px, 80px); } .stamp_card__card:nth-of-type(4n + 3) { transform: translate(-10px, 0); } .stamp_card__card:nth-of-type(4n + 4) { transform: translate(-25px, 80px); } .stamp_card__footer { display: flex; flex-direction: column; padding-bottom: 20px; } .stamp_card__footer .row { display: flex; justify-content: space-between; align-items: flex-end; } .stamp_card__next { flex-wrap: wrap; align-items: flex-end; } .stamp_card__next-left { flex-basis: 80px; } .stamp_card__next-right { font-size: 24px; } .stamp_card__link-wrapper { flex: 1 1; } .stamp_card__terms { font-size: 20px; } .stamp_card__terms-wrapper { display: block; } .stamp_card__terms-summary-wrapper { display: block; } .stamp_card__terms .MuiAccordionDetails-root { padding-top: 20px; } .stamp_detail { background-image: url(https://uat-fwdmax.fwd.com.hk/static/080edbcb93040a7a36f762a10a3ab0df.png); padding-top: 30px; } .stamp_detail__point { display: block; padding: 0 20px; text-align: right; font-weight: 700; font-size: 24px; color: #333; } .stamp_detail__top { position: relative; flex-basis: 520px; padding: 25px 75px; } .stamp_detail__top::before { transform: none; top: -40px; } .stamp_detail__coins { flex-basis: 250px; } .stamp_detail__main { display: flex; max-width: 1000px; margin: 30px auto 0; padding-top: 0; align-items: center; } .stamp_detail__desc { padding: 35px 0; } .stamp_detail__detail_blk { padding: 0; padding-left: 10px; flex: 1; } .stamp_detail__detail { margin: 0; min-height: 200px; padding: 35px 35px; display: block; text-align: start; } .stamp_detail__detail::before { top: -30px; left: -25px; } .stamp_detail__back { left: 15px; } } .full-screen { min-height: calc(100vh - 124px); } @media (min-width: 992px) { .full-screen { min-height: calc(100vh - 179px); } } /* stamp card end */ /* Stamp Card redesign Start */ @media only screen and (max-width: 992px) { .stamp_card_progress_bar-container { background-color: WHITE; border-radius: 4px; padding: 4px; position: relative; margin: 4px 12px 8px; z-index: 100; } .stamp_card_progress_bar-star { position: absolute; height: 40px; width: 40px; bottom: -10px; } .stamp_card_progress_bar-star-active { position: absolute; height: 40px; width: 40px; bottom: -10px; } .stamp_card_progress_bar-star-finish { position: absolute; height: 80px; width: 80px; right: -20px; bottom: -20px; } .stamp_card_progress_bar-progress-background { background-color: #0a3b32; border-radius: 4px; width: 100%; height: 16px; } .stamp_card_progress_bar-progress { background-color: #e88640; border-radius: 4px; height: 16px; } } @media only screen and (min-width: 992px) { .stamp_card_progress_bar-container { background-color: WHITE; border-radius: 4px; padding: 4px; height: 40px; position: relative; margin: 4px 12px 8px; z-index: 100; } .stamp_card_progress_bar-star { position: absolute; height: 70px; width: 70px; bottom: -22px; } .stamp_card_progress_bar-star-active { position: absolute; height: 80px; width: 80px; bottom: -22px; } .stamp_card_progress_bar-star-finish { position: absolute; height: 120px; width: 120px; right: -20px; bottom: -20px; } .stamp_card_progress_bar-progress-background { background-color: #0a3b32; border-radius: 4px; height: 30px; width: 100%; } .stamp_card_progress_bar-progress { background-color: #e88640; border-radius: 4px; height: 30px; } } @media (min-width: 992px) { .stamp_card_progress_bar-container { margin: 4px 24px 8px; } } /* .stamp_card_progress_bar-star { position: absolute; height: 70px; width: 70px; bottom: -20px; } .stamp_card_progress_bar-star-active { position: absolute; height: 40px; width: 40px; bottom: -10px; } .stamp_card_progress_bar-star-finish { position: absolute; height: 120px; width: 120px; right: -20px; bottom: -20px; }*/ /* Stamp Card redesign End */ .w-checkbox { display: block; margin-bottom: 5px; padding-left: 20px; } .w-checkbox:before { content: " "; display: table; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-row-span: 1; grid-row-end: 2; -ms-grid-row: 1; grid-row-start: 1; } .w-checkbox:after { content: " "; display: table; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-row-span: 1; grid-row-end: 2; -ms-grid-row: 1; grid-row-start: 1; clear: both; } .w-checkbox-input { float: left; margin-bottom: 0px; margin-left: -20px; margin-right: 0px; margin-top: 4px; line-height: normal; } body { font-family: FWD Circular Book, sans-serif, Noto Sans TC; color: #333; font-size: 16px; line-height: 24px; } a { color: #333; text-decoration: none; cursor: pointer; } img { display: inline-block; max-width: 100%; } .section_container { width: 100%; padding-right: 25px; padding-left: 25px; } .section_container.header { width: auto; background-color: #f88028; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .section_container.kv { padding-top: 25px; padding-bottom: 15px; } .section_container.mobile_sorting { display: none; } .section_container.sorting_bar_section { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 30px; padding-bottom: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .section_container.point_range_filter { display: none; } .section_container.footer { width: auto; margin-right: 25px; margin-left: 25px; padding-right: 0px; padding-left: 0px; border-top: 1px solid #f88028; } .section_container.footer.what_is_max { border-top-style: none; } .section_container.what_is_max_kv { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 720px; padding-right: 0px; padding-bottom: 120px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; background-image: url(https://uat-fwdmax.fwd.com.hk/static/b53f49e904a817066d862091fdda5bab.jpg); background-position: 50% 0%; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; } .section_container.what_is_max { width: auto; margin-right: 25px; margin-left: 25px; padding-right: 0px; padding-left: 0px; border-top: 1px solid #f88028; } .section_container.what_is_max.first { border-top-style: none; } .section_container.what_is_max.video { margin-right: 0px; margin-left: 0px; } .header_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-width: 1300px; margin-right: auto; margin-left: auto; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header_right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .header_en .header_right { width: 100% } .header_up_guest { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header_up_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 10px 20px 15px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; font-size: 16px; line-height: 24px; border-top: 5px solid #f88028; } .header_up_item:hover { border-top: 5px solid #fff; } .header_up_item.w--open { background-color: #fff; background-image: url(https://uat-fwdmax.fwd.com.hk/static/e4710bd6a870cee160510d58e44dd2d2.svg); background-position: 50% 8px; background-size: auto 8px; background-repeat: no-repeat; box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.2); color: #f88028; } .header_up_item.upload_photo { padding-left: 55px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/d2a438249b1bb21adeb546726d478c97.svg); background-position: 20px 50%; background-size: 25px; background-repeat: no-repeat; } .header_up_item.upload_photo.w--open { background-image: url(https://uat-fwdmax.fwd.com.hk/static/e4710bd6a870cee160510d58e44dd2d2.svg), url(https://uat-fwdmax.fwd.com.hk/static/3ea30286e313cd44f44b48242f98270a.svg); background-position: 50% 8px, 20px 50%; background-size: auto 8px, 25px; background-repeat: no-repeat, no-repeat; } .header_up_item.tc { padding-top: 13px; padding-bottom: 17px; font-family: "Noto Sans TC", sans-serif; font-size: 15px; } .bg_color { position: fixed; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: -500; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(10%, rgba(248, 128, 40, 0.1)), color-stop(90%, rgba(248, 128, 40, 0)) ); background-image: linear-gradient( 180deg, rgba(248, 128, 40, 0.1) 10%, rgba(248, 128, 40, 0) 90% ); } .header_up_member { display: none; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header_up_member.open { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .header_down { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .header_en .header_down { width: 100%; justify-content: space-between; padding-left: 3% } .header_section { margin-right: 15px; margin-left: 15px; padding: 0px 10px 7px; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; color: #fff; font-size: 24px; line-height: 32px; border-bottom: 5px solid #f88028; } .header_en .header_section { margin: 0; } .header_section:hover { border-bottom: 5px solid#fff!important; color:#fff!important; } .header_section.w--current { padding-bottom: 7px; border-bottom: 5px solid #fff; } .header_section.articles.tc { font-family: "Noto Sans TC", sans-serif; font-size: 22px; line-height: 30px; font-weight: 700; letter-spacing: 2px; } .header_section.rewards.confirmation { padding-bottom: 7px; border-bottom: 5px solid #fff; } .header_section.rewards.tc { font-family: "Noto Sans TC", sans-serif; font-size: 22px; line-height: 30px; font-weight: 700; letter-spacing: 2px; } .header_section.events.tc { font-family: "Noto Sans TC", sans-serif; font-size: 22px; line-height: 30px; font-weight: 700; letter-spacing: 2px; } .header_section.passions.tc { font-family: "Noto Sans TC", sans-serif; font-size: 22px; line-height: 30px; font-weight: 700; letter-spacing: 2px; } .header_search { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 10px; margin-left: 20px; padding-right: 15px; padding-left: 15px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 5px; background-color: #fff; margin-left: auto; } .header_en .header_search { margin: 0 0 10px 0; } .header_search_agent { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; /* margin-bottom: 10px; */ /* margin-left: 20px; */ /* padding-right: 15px; */ /* padding-left: 15px; */ -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 5px; width: 100%; /* background-color: #fff; */ } .header_search_btn { width: 20px; height: 20px; padding: 0px; background-color: transparent; background-image: url(https://uat-fwdmax.fwd.com.hk/static/c3347e81f1ee2dd56297d5c0cdfedc74.svg); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; color: transparent; } .header_search_btn:focus { outline: none; } .mobile_menu_row .header_search_btn { float: left; } .header_search_input { width: 150px; margin: 0px; padding: 5px 15px 5px 0px; border: 1px none #000; background-color: transparent; } .kv_slider { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: auto; max-width: 1300px; margin-right: auto; margin-left: auto; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: transparent; } .kv_slider_nav { position: static; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 12%; height: 50px; margin-top: 10px; margin-right: auto; margin-left: auto; padding-top: 8px; padding-bottom: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .kv_slider_arrow_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: visible; width: 43%; height: 50px; margin-top: auto; margin-bottom: 0px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #333; font-size: 20px; } .kv_slider_agent_arrow_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: visible; padding-left:40px; height: auto; margin-top: auto; margin-bottom: 0px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #FFF; font-size: 20px; } .kv_slider_mask { position: static; width: 100%; height: auto; border-radius: 10PX; } .kv_slider_arrow { margin: auto 0px; } .kv_slider_arrow.right { margin-right: auto; margin-left: 5px; } .kv_slider_agent_arrow.right { margin-right: auto; margin-left: 5px; padding-left:20px; } .kv_slider_arrow.left { margin-right: 5px; margin-left: auto; } .kv_slider_content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .kv_slider_img { width: 50%; } .kv_slider_text_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50%; padding-right: 40px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .kv_slider_categories { margin-bottom: 10px; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-weight: 100; font-size: 22px; line-height: 30px; } .kv_slider_categories.tc { font-family: "Noto Sans TC", sans-serif; font-size: 20px; font-weight: 100; } .kv_slider_title { overflow: hidden; max-height: 96px; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; font-size: 40px; line-height: 48px; } .kv_slider_title.tc { font-family: "Noto Sans TC", sans-serif; font-size: 36px; font-weight: 700; } .kv_slider_line { width: 50px; height: 1px; margin-top: 20px; margin-bottom: 20px; background-color: #f88028; } .kv_slider_btn_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 20px; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 5px 20px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 1000px; background-color: #f88028; color: #fff; cursor: pointer; } .btn:hover { padding: 4px 19px; border: 1px solid #f88028; background-color: #fff; color: #f88028; } .btn.kv_rating { margin-left: 0px; padding-top: 8px; padding-bottom: 8px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #fff; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.25); color: #333; } .btn.kv_rating:hover { padding: 8px 20px; border-style: none; } .btn.share { margin-left: 20px; padding-left: 55px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/8816dd581a5a473380ca63d7153eee9f.svg); background-position: 20px 50%; background-size: 20px; background-repeat: no-repeat; } .btn.share:hover { background-image: url(https://uat-fwdmax.fwd.com.hk/static/9c04a95530608ec3ef299be3e94164cd.svg); background-position: 19px 50%; } .btn.share.detail { margin-top: 10px; margin-left: auto; padding-top: 8px; padding-bottom: 8px; } .btn.share.detail:hover { padding-top: 9px; padding-bottom: 7px; padding-left: 54px; } .btn.share.detail.phone { display: none; } .btn.share.detail.passions { margin-top: 0px; } .btn.login { width: 125px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; } .btn_promotion { /* display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; */ -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 1000px; background-color: #f88028; color: #fff; cursor: pointer; width: 125px; } .btn_promotion:hover { border: 1px solid #f88028; background-color: #fff; color: #f88028; } .promotionBtnGroup { margin: auto } .btn.login.register { padding: 8px 25px 7px; background-color: #f88028; } .btn.login.register:hover { padding-top: 7px; padding-bottom: 6px; border-color: #f88028; background-color: transparent; color: #f88028; } .btn.sns_login { width: 275px; margin-right: auto; margin-left: auto; padding-top: 6px; padding-bottom: 6px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #f88028; background-color: transparent; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; color: #333; } .btn.sns_login:hover { color: #f88028; } .btn.sns_login.register { width: 275px; padding-right: 25px; padding-left: 25px; } .btn.sns_login.register.fb { width: auto; padding-right: 24px; padding-left: 24px; } .btn.sns_login.bio{ color: #f88028; font-family: unset !important; } .btn.photo_upload { width: 100%; padding-top: 8px; padding-bottom: 8px; border: 1px solid #f88028; background-color: transparent; color: #333; } .btn.photo_upload:hover { color: #f88028; } .btn.section_top.tc { padding-top: 4px; padding-bottom: 6px; font-family: "Noto Sans TC", sans-serif; font-size: 15px; } .btn.section_top.tc:hover { padding-top: 3px; padding-bottom: 5px; } .btn.warning_bar { margin: 10px; } .btn.register_mobile_number { display: block; /* margin-left: 10px; */ padding-top: 4px; padding-bottom: 4px; } .btn.register_mobile_number:hover { padding-top: 3px; padding-bottom: 3px; } .btn.similar_more_btn { margin: 30px auto; padding-right: 25px; padding-left: 25px; } .btn.similar_more_related_btn { margin: 30px auto; padding-right: 25px; padding-left: 25px; } .btn.like { margin-top: 10px; margin-right: 20px; padding-top: 8px; padding-bottom: 8px; padding-left: 56px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/8aa2892684146cad1f63d991ba6cd8e9.svg); background-position: 20px 50%; background-size: 20px; background-repeat: no-repeat; } .btn.like:hover { padding-top: 7px; padding-bottom: 7px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/d99610948063186ddb66ddca9908174a.svg); background-position: 19px 50%; } .btn.like.passions { margin-top: 0px; } .btn.profile_title_btn { padding: 6px 32px; } .btn.profile_title_btn:hover { padding: 5px 31px; } .btn.profile_title_btn.right { margin-left: 20px; } .btn.profile_more { margin-top: 30px; padding: 6px 30px; } .btn.profile_more:hover { padding: 5px 29px; } .btn.profile_info_btn { margin-top: 20px; padding: 6px 32px; } .btn.profile_info_btn:hover { padding: 5px 31px; } .btn.profile_info_btn.bio { background-color: #fff; border: 1px solid #f88028; color: #f88028; } .btn.redeem_val_btn { padding: 6px 32px; } .btn.redeem_val_btn:hover { padding: 5px 31px; } .btn.lucky_draw { margin-top: 20px; margin-right: auto; margin-left: auto; padding: 6px 30px; } .btn.lucky_draw:hover { padding: 5px 29px; } .btn.tc { padding-top: 4px; padding-bottom: 6px; font-family: "Noto Sans TC", sans-serif; font-size: 15px; } .btn.tc:hover { padding-top: 3px; padding-bottom: 5px; } .rating_btn_number { margin-bottom: -4px; margin-left: 15px; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-weight: 100; color: #f88028; font-size: 32px; line-height: 32px; } .kv_slider_text { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .notification_box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-width: 1300px; margin-right: auto; margin-left: auto; padding: 15px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #ccc; border-radius: 4px; background-color: #f2f2f2; } .notification_box_i { width: 25px; height: 25px; margin-bottom: auto; background-image: url(https://uat-fwdmax.fwd.com.hk/static/c93bbe5f92f0c11e40ac38db0d94f262.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .notification_box_x { width: 20px; height: 20px; margin-bottom: auto; margin-left: 20px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/5a83a5230d98e2081e9868b9181b51d1.svg); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .notification_box_text_container { margin-right: 20px; margin-left: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .notification_box_title { overflow: hidden; max-height: 28px; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; font-size: 20px; line-height: 28px; } .notification_box_title.tc { font-family: "Noto Sans TC", sans-serif; font-size: 18px; font-weight: 700; } .notification_box_text { overflow: hidden; max-height: 24px; } .notification_box_text.tc { font-family: "Noto Sans TC", sans-serif; font-size: 15px; } .kv_slider_description { overflow: hidden; max-height: 72px; } .kv_slider_description.tc { font-family: "Noto Sans TC", sans-serif; font-size: 15px; } .featured_rewards_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-width: 1300px; margin-right: auto; margin-left: auto; padding-top: 25px; padding-bottom: 25px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-bottom: 1px solid #f88028; } .featured_section_top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 5px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .featured_section_top.home_rewards { margin-bottom: 5px; } .featured_section_title { font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; font-size: 28px; line-height: 36px; } .featured_section_title.tc { font-family: "Noto Sans TC", sans-serif; font-size: 26px; line-height: 34px; font-weight: 700; letter-spacing: 2px; } .featured_rewards_block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 49%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 5px; background-color: #fff; box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2); } .featured_rewards_block:hover { box-shadow: 1px 1px 4px 0 rgba(248, 128, 40, 0.8); color: rgba(248,128,40); } .featured_rewards_block.left { margin-right: 1%; } .featured_rewards_block.right { margin-left: 1%; } .featured_rewards_thumbnail_old { width: 240px; height: 240px; } .featured_rewards_thumbnail_old._1 { display: none; background-image: url(https://uat-fwdmax.fwd.com.hk/static/1e43dc7965ab1facd46687659e6e033e.jpg); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .featured_rewards_content { overflow: hidden; margin-right: 25px; margin-left: 25px; padding-top: 15px; padding-bottom: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .light { font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-weight: 100; } .light.tc { font-family: "Noto Sans TC", sans-serif; font-weight: 100; } .featured_section_content_title { overflow: hidden; max-height: 56px; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; font-size: 24px; line-height: 28px; font-weight: bold; } .featured_section_content_title.home { overflow: hidden; height: auto; } .featured_section_content_title.home.tc { font-family: "Noto Sans TC", sans-serif; font-size: 22px; line-height: 30px; font-weight: 700; letter-spacing: 1px; } .featured_section_content_title.tc { font-family: "Noto Sans TC", sans-serif; font-size: 22px; font-weight: 700; } .reward_block_line { width: 100%; height: 1px; margin-top: 13px; margin-bottom: 12px; background-color: #ccc; } .featured_rewards_description { overflow: hidden; max-height: 40px; margin-top: 5px; line-height: 20px; } .featured_rewards_description.tc { font-family: "Noto Sans TC", sans-serif; font-size: 15px; } .featured_rewards_small_info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding-top: 5px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-size: 14px; line-height: 18px; } .featured_rewards_small_info.tc { font-family: "Noto Sans TC", sans-serif; font-size: 12px; line-height: 16px; } .featured_rewards_price { overflow: hidden; max-height: 48px; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; font-size: 20px; } .featured_rewards_price.tc { font-family: "Noto Sans TC", sans-serif; font-size: 18px; font-weight: 700; } .featured_rewards_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-top: 10px; margin-bottom: 10px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .notification_box_close_line { display: none; width: 100%; height: 1px; max-width: 1300px; margin-right: auto; margin-left: auto; background-color: #f88028; } .main_right { width: 32.5%; margin-left: 2.5%; padding-top: 10px; } .main_section_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-width: 1300px; margin-right: auto; margin-left: auto; padding-top: 30px; padding-bottom: 100px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .main_section_container._invite { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-right: auto; margin-left: auto; padding-top: 30px; padding-bottom: 100px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .main_section_container.inner_page._2nd { padding-bottom: 60px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .main_section_container.what_is_max { padding-top: 60px; padding-bottom: 60px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .main_left { width: 65%; } .lucky_draw_block { margin-bottom: 15px; margin-top: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 5px; background-color: #fff; box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2); } .lucky_draw_block:hover { box-shadow: 1px 1px 4px 0 rgba(248, 128, 40, 0.8); color: #f88028; } .lucky_draw_img { width: 100%; } .lucky_draw_text { padding: 25px; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; font-size: 28px; line-height: 32px; text-align: center; } .lucky_draw_text.tc { font-family: "Noto Sans TC", sans-serif; font-size: 26px; font-weight: 700; letter-spacing: 1px; } .featured_section { padding-top: 25px; padding-bottom: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .featured_section_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 16px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .featured_section_row:hover { color: #f88028; } .featured_section_thumbnail { margin-right: 15px; border-radius: 5px; } .featured_section_text { overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .featured_section_description { overflow: hidden; max-height: 60px; line-height: 20px; } .featured_section_description p { margin-bottom: 0px; } .featured_section_description.tc { margin-top: 5px; font-family: "Noto Sans TC", sans-serif; font-size: 15px; } .featured_passions_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 20px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .featured_passions_block { width: 48%; border-radius: 5px; background-color: #fff; box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2); } .featured_passions_block:hover { box-shadow: 1px 1px 4px 0 rgba(248, 128, 40, 0.8); } .featured_passions_block.left { margin-right: 2%; } .featured_passions_block.right { margin-left: 2%; } .featured_passions_block.detail_similar { width: 33.3333%; } .featured_passions_block.detail_similar.center { margin-right: 20px; margin-left: 20px; } .featured_passions_info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 5px; padding-bottom: 5px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .featured_passions_number { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 8px 15px 8px 45px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-weight: 100; font-size: 20px; line-height: 28px; cursor: pointer; } .featured_passions_number.like { background-image: url(https://uat-fwdmax.fwd.com.hk/static/e712ab020b0d982b3c2cb0f4b460cdf3.svg); background-position: 15px 48%; background-size: 22px; background-repeat: no-repeat; } .featured_passions_number.like:hover { background-image: url(https://uat-fwdmax.fwd.com.hk/static/d99610948063186ddb66ddca9908174a.svg); color: #f88028; } .lucky_draw_result_tr_col_like{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/d99610948063186ddb66ddca9908174a.svg); background-size: 22px; background-repeat: no-repeat; color: #f88028; z-index: 0; position: relative; background-position: 5px 48%; background-size: 18px; display: flex; justify-content: center; align-items: center; padding: 8px 15px 8px 45px; width: 20px; } .photo_shadow{ -webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,.2); box-shadow: 1px 1px 4px 0 rgba(0,0,0,.2); cursor: pointer; } .photo_like_padding{ padding-left: 80%; } .featured_passions_number.share { background-image: url(https://uat-fwdmax.fwd.com.hk/static/620c057145b9a129e3322b3437acacd1.svg); background-position: 12px 42%; background-size: 22px; background-repeat: no-repeat; } .featured_passions_number.share:hover { background-image: url(https://uat-fwdmax.fwd.com.hk/static/9c04a95530608ec3ef299be3e94164cd.svg); color: #f88028; } .footer_row { display: block; margin-top: 0px; padding-top: 20px; padding-bottom: 20px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #f88028; } .footer_row.share { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-bottom: 5px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .footer_row.vertical { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .footer_1_item { display: block; width: 100%; padding-top: 8px; padding-bottom: 8px; padding-left: 50px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 22px; line-height: 30px; } .footer_1_item:hover { color: #f88028; } .footer_1_item.faq { background-image: url(https://uat-fwdmax.fwd.com.hk/static/bdc1a57987384551596712762154f431.svg); background-position: 0% 50%; background-size: 32px; background-repeat: no-repeat; } .footer_1_item.faq:hover { background-image: url(https://uat-fwdmax.fwd.com.hk/static/1c1ca804c8251cd0e379274334bce50b.svg); } .footer_1_item.faq.tc { font-family: "Noto Sans TC", sans-serif; font-size: 20px; font-weight: 700; letter-spacing: 1px; } .footer_1_item.earning_guide { background-image: url(https://uat-fwdmax.fwd.com.hk/static/01d24b2895fa387f959ff72380ae9e0c.svg); background-position: 0% 50%; background-size: 32px; background-repeat: no-repeat; } .footer_1_item.earning_guide:hover { background-image: url(https://uat-fwdmax.fwd.com.hk/static/da1ba9917f72a5c7921d2b12a895464b.svg); } .footer_1_item.earning_guide.tc { font-family: "Noto Sans TC", sans-serif; font-size: 20px; font-weight: 700; letter-spacing: 1px; } .footer_1_item.invite_friends { background-image: url(https://uat-fwdmax.fwd.com.hk/static/bc5c2d3557e8838bad8c4f336b2d672d.svg); background-position: 0% 50%; background-size: 32px; background-repeat: no-repeat; } .footer_1_item.invite_friends:hover { background-image: url(https://uat-fwdmax.fwd.com.hk/static/840da1bfc2609b95daeb1798a4d73001.svg); } .footer_1_item.invite_friends.tc { font-family: "Noto Sans TC", sans-serif; font-size: 20px; font-weight: 700; letter-spacing: 1px; } .footer_1_item.contact_us { background-image: url(https://uat-fwdmax.fwd.com.hk/static/7c901b7b30296c049c4a47056eeebe78.svg); background-position: 0% 50%; background-size: 32px; background-repeat: no-repeat; } .footer_1_item.contact_us:hover { background-image: url(https://uat-fwdmax.fwd.com.hk/static/c7d065d02fe2fa813660d5836f490e6d.svg); } .footer_1_item.privacy_statement { background-image: url(https://uat-fwdmax.fwd.com.hk/static/958ed2b050936643c4852c3697b39875.svg); background-position: 0% 50%; background-size: 32px; background-repeat: no-repeat; } .footer_1_item.privacy_statement:hover { background-image: url(https://uat-fwdmax.fwd.com.hk/static/2c1dfc43987a1171832f59bbfb4fdbec.svg); } .footer_1_item.app_download { background-image: url(https://uat-fwdmax.fwd.com.hk/static/7e02e3dfd92d3432f634be2a8570c6b6.svg); background-position: 0% 50%; background-size: 32px; background-repeat: no-repeat; } .footer_1_item.app_download:hover { background-image: url(https://uat-fwdmax.fwd.com.hk/static/34502191e402bbf55b2d65eb58ac060b.svg); } .footer_1_item.terms_and_condition { background-image: url(https://uat-fwdmax.fwd.com.hk/static/928bc4f320636c69d454becee4f1c4ae.svg); background-position: 0% 50%; background-size: 32px; background-repeat: no-repeat; } .footer_1_item.terms_and_condition:hover { background-image: url(https://uat-fwdmax.fwd.com.hk/static/d6ad9f7a7710cbb2ef46167f6caaabc8.svg); } .footer_1_item.menu_event { background-image: url(https://uat-fwdmax.fwd.com.hk/static/8f1df8cc891c07c7cc73a1d6885a1008.png); background-position: 0% 50%; background-size: 32px; background-repeat: no-repeat; } .footer_1_item.menu_coupon { background-image: url(https://uat-fwdmax.fwd.com.hk/static/ecfcd61393728290432d0f9483221f98.png); background-position: 0% 50%; background-size: 32px; background-repeat: no-repeat; } .footer_1_item.menu_reward { background-image: url(https://uat-fwdmax.fwd.com.hk/static/d06e7f9361168afaf029fc8e96a53291.png); background-position: 0% 50%; background-size: 32px; background-repeat: no-repeat; } .footer_1_item.menu_article { background-image: url(https://uat-fwdmax.fwd.com.hk/static/cd09d26fe536e578a47b87e15b107ca2.png); background-position: 0% 50%; background-size: 32px; background-repeat: no-repeat; } .footer_1_item.menu_product { background-image: url(https://uat-fwdmax.fwd.com.hk/static/4d528c66af8cc57c26289d9c57452976.png); background-position: 0% 50%; background-size: 32px; background-repeat: no-repeat; } .footer_1_item.menu_passion { background-image: url(https://uat-fwdmax.fwd.com.hk/static/26c7a9c265db2acd039347b20218f810.png); background-position: 0% 50%; background-size: 32px; background-repeat: no-repeat; } .footer_1_item.menu_bidding { background-image: url(https://uat-fwdmax.fwd.com.hk/static/78bb84e23ffffedfd4c00078051e0e6f.png); background-position: 0% 20%; background-size: 32px; background-repeat: no-repeat; } .footer_1_item.menu_ticketing { background-image: url(https://uat-fwdmax.fwd.com.hk/static/d98ae9801bd94b4f2765acde745152bf.png); background-position: 0% 50%; background-size: 32px; background-repeat: no-repeat; } .footer_1_item.menu_stampcard { background-image: url(https://uat-fwdmax.fwd.com.hk/static/153e56c2e98c345c5c88ed5530d4d0d1.png); background-position: 0% 50%; background-size: 32px; background-repeat: no-repeat; } .footer_1_item.menu_health { background-image: url(https://uat-fwdmax.fwd.com.hk/static/2b44d746d92a6eaa81056db2dd588036.png); background-position: 0% 50%; background-size: 32px; background-repeat: no-repeat; } .footer_share_icon { width: 28px; height: 28px; margin-right: 10px; margin-left: 10px; } .footer_share_icon.email { background-image: url(https://uat-fwdmax.fwd.com.hk/static/083245a5bcac02eda6bf268f5d138d0d.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .footer_share_icon.email:hover { background-image: url(https://uat-fwdmax.fwd.com.hk/static/cbf373025d25b87662718ea4544ffe92.png); background-size: contain; } .footer_share_icon.email.share_popup { margin-right: 10px; margin-left: 10px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/cbf373025d25b87662718ea4544ffe92.png); background-size: contain; } .footer_share_icon.fb { background-image: url(https://uat-fwdmax.fwd.com.hk/static/5444874bd0cdf36e9c33b0468ab10333.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .footer_share_icon.fb:hover { background-image: url(https://uat-fwdmax.fwd.com.hk/static/f842f0214ddcc788e33f8e5cb7edaea4.png); background-size: contain; } .footer_share_icon.fb.popup { margin-right: 10px; margin-left: 10px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/f842f0214ddcc788e33f8e5cb7edaea4.png); background-size: contain; } .footer_share_icon.wtsapp { background-image: url(https://uat-fwdmax.fwd.com.hk/static/4eb085b68c8e4233844190819b627ad3.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .footer_share_icon.wtsapp:hover { background-image: url(https://uat-fwdmax.fwd.com.hk/static/36467a1bd1441220275ecb47938f12bd.png); background-size: contain; } .footer_share_icon.wtsapp.popup { margin-right: 10px; margin-left: 10px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/36467a1bd1441220275ecb47938f12bd.png); background-size: contain; } .footer_share_icon.ws { background-image: url(https://uat-fwdmax.fwd.com.hk/static/dc0816cbbe213eeb1ab1a64d56502928.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .footer_share_icon.ws:hover { background-image: url(https://uat-fwdmax.fwd.com.hk/static/a6de42e5b228dca42f6833dec839d064.png); background-size: contain; } .footer_share_icon.ws.popup { margin-right: 10px; margin-left: 10px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/a6de42e5b228dca42f6833dec839d064.png); background-size: contain; } .footer_share_icon.wechat { background-image: url(https://uat-fwdmax.fwd.com.hk/static/9ddc6cf12eddc4034790edee964ab6ec.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .footer_share_icon.wechat:hover { background-image: url(https://uat-fwdmax.fwd.com.hk/static/35d11dc6876067fe4f51251310fcd79d.png); background-size: contain; } .footer_share_icon.wechat.popup { margin-right: 10px; margin-left: 10px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/35d11dc6876067fe4f51251310fcd79d.png); background-size: contain; } .footer_share_icon.twitter { background-image: url(https://uat-fwdmax.fwd.com.hk/static/6ca76c803583440e0c9ce626f28a7831.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .footer_share_icon.twitter:hover { background-image: url(https://uat-fwdmax.fwd.com.hk/static/f5b0a86ab49cb40f89b0a9ea128053ef.png); background-size: contain; } .footer_share_icon.twitter.popup { margin-right: 10px; margin-left: 10px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/f5b0a86ab49cb40f89b0a9ea128053ef.png); background-size: contain; } .footer_share_icon.rss { background-image: url(https://uat-fwdmax.fwd.com.hk/static/34c5d376542f3f621c42d778a9e8d199.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .footer_share_icon.rss:hover { background-image: url(https://uat-fwdmax.fwd.com.hk/static/36c50d7afb45a4dfdea1b40409f092b9.png); background-size: contain; } .footer_share_icon.rss.popup { margin-right: 10px; margin-left: 10px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/36c50d7afb45a4dfdea1b40409f092b9.png); background-size: contain; } .footer_3_item { width: 100%; padding-top: 10px; padding-bottom: 10px; font-size: 20px; line-height: 28px; } .footer_3_item.copyright { font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-weight: 100; font-size: 14px; line-height: 22px; } .footer_3_item.copyright.tc { font-family: "Noto Sans TC", sans-serif; font-size: 13px; font-weight: 100; } .footer_3_item.fwd_logo { padding-bottom: 20px; } .footer_3_item.link { font-size: 18px; line-height: 26px; } .footer_3_item.link:hover { color: #f88028; } .footer_3_item.link.tc { font-family: "Noto Sans TC", sans-serif; font-size: 16px; } .main_section_title_bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .main_section_title { font-size: 48px; line-height: 52px; } .main_section_title._2nd_big { font-size: 28px; line-height: 46px; } .main_section_title._2nd_big.lucky_draw_banner{ font-size: 30px; line-height: 46px; } .main_section_title.tc { font-family: "Noto Sans TC", sans-serif; font-size: 40px; font-weight: 700; letter-spacing: 2px; } .sort_by_btn { position: relative; z-index: 500; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; border-radius: 1000px; background-color: #fff; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2); } .sort_by_btn_left { position: relative; z-index: 400; margin-right: -20px; margin-left: 20px; padding: 5px 20px 5px 0px; background-color: #fff; } .sort_by_btn_dropdown { min-width: 225px; padding: 5px 60px 5px 40px; border-radius: 1000px; background-color: #f88028; color: #fff; } .sort_by_btn_dropdown.w--open { z-index: 250; } .sort_by_btn_dropdown_container { z-index: 0; } .sort_by_btn_dropdown_list.w--open { z-index: 200; margin-top: -20px; margin-left: 20px; padding-top: 20px; padding-right: 20px; padding-left: 0px; background-color: transparent; } .sort_by_btn_dropdown_item { border-bottom: 1px solid #f88028; background-color: #fff; } .sort_by_btn_dropdown_item:hover { background-color: #f88028; color: #fff; } .sort_by_btn_dropdown_orange { width: 100%; height: 20px; margin-top: -20px; background-color: #f88028; } .inner_page_block_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 20px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .inner_page_block_row.detail { width: 100%; max-width: 900px; margin-right: auto; margin-left: auto; } .inner_page_block_row.detail.passion { max-width: 750px; } .inner_page_block_row.reward { margin-bottom: -20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .inner_page_block { width: 49%; border-radius: 5px; background-color: #fff; box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2); } .inner_page_block:hover { box-shadow: 1px 1px 4px 0 rgba(248, 128, 40, 0.8); } .inner_page_block:hover .article_block_info .block_description { border-right: 1px solid #FFF; } .inner_page_block:hover .article_block_info { background-color:#f88028; } .article_block_info .article_block_rating { width: 250px !important;} .article_block_info .block_description *{ margin: 0; } .inner_page_block:hover .article_block_info *{ color: #fff !important; } .inner_page_block.left { margin-right: 1%; } .inner_page_block.left.sold_out { background-color: #e6e6e6; } .inner_page_block.right { margin-left: 1%; } .inner_page_block.right.sold_out { background-color: #e6e6e6; } .inner_page_block.article_featured { width: 100%; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .inner_page_block.reward_featured { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .inner_page_block.reward { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 15px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .inner_page_block.reward.sold_out { /* background-color: #e6e6e6; */ /* background-color: #7c7c7c; */ opacity: 0.6; } .article_block_black { position: relative; z-index: 0; width: 100%; margin-top: -90px; padding: 15px 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; background-image: -webkit-gradient( linear, left top, left bottom, from(transparent), color-stop(50%, rgba(0, 0, 0, 0.75)) ); background-image: linear-gradient( 180deg, transparent, rgba(0, 0, 0, 0.75) 50% ); } .article_categories { font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-weight: 100; color: #fff; font-size: 20px; line-height: 28px; display: inline-flex; margin-right: 20px; } .article_categories.tc { font-family: "Noto Sans TC", sans-serif; font-size: 18px; font-weight: 100; display: inline-flex; margin-right: 20px; } .article_title { overflow: hidden; height: 32px; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; color: #fff; font-size: 24px; line-height: 32px; margin: 0; } .article_title.tc { font-family: "Noto Sans TC", sans-serif; font-size: 22px; font-weight: 700; letter-spacing: 1px; } .article_block_info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 16px; padding-bottom: 16px; padding-left: 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 0 0 5px 5px; } .block_description { overflow: hidden; width: 100%; max-height: 40px; /* max-width: 900px; */ padding-right: 20px; /* border-right: 1px solid #f88028; */ line-height: 20px; } .block_description.tc { font-family: "Noto Sans TC", sans-serif; font-size: 15px; } .article_block_rating { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 20px; /* padding-left: 20px; */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .block_number { font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-weight: 100; color: #f88028; font-size: 24px; line-height: 24px; } .block_number.events { line-height: 32px; } .block_number.chinese { width: 30px; text-align: center; } .loading_bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 30px; padding-bottom: 150px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .loading { padding-top: 10px; padding-bottom: 10px; padding-left: 60px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/83454f7ded8efdcc376cf928a5d70fc5.gif); background-position: 0% 50%; background-size: contain; background-repeat: no-repeat; } .article_block_img { width: 100%; } .header_up_dropdown_container { z-index: -10; } .header_up_dropdown_container.w--open { left: auto; top: 100%; right: -72px; bottom: auto; width: 500px; padding: 40px; border-radius: 5px; background-color: #fff; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2); } .header_up_dropdown_container.register { right: -72px; } .header_up_dropdown_container.login { right: -165px; } .header_up_dropdown_container.upload_photo { right: -157px; } .login_field { line-height: 20px; } .login_field._100percent_width { width: 100%; } .header_up_dropdown_title { margin-bottom: 20px; font-size: 28px; line-height: 32px; text-align: center; } .header_up_dropdown_title_promotion_reg { margin-bottom: 20px; font-size: 18px; line-height: 32px; text-align: center; } .header_up_dropdown_title.login { margin-bottom: 10px; font-size: 24px !important; line-height: 28px !important; text-align: center; } .authen_hints { font-size: 18px; text-align: center; } .login_field_box { height: 32px; border-radius: 5px; } .login_field_box.register_hkid { margin-left: 17px; } .login_check_box { margin-top: 5px; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; } .header_dropdown_input_area { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .forgot_pw { margin-top: 7px; opacity: 0.5; color: #f88028; } .forgot_pw_app { margin-top: 7px; color: #f88028; font-weight: bold !important; } .dropdown_btn_bar { margin-top: 10px; margin-bottom: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .dropdown_btn_bar.login { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 10px; margin-bottom: 30px; } .dropdown_btn_bar.login.register { margin-bottom: 0px; } .login_btn_sns_icon { width: 25px; height: 25px; margin-right: 15px; } .login_btn_sns_icon.fb { margin-right: 12px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/781df717ec7ce750c888ebac9ac5eda0.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .policy_information { position: relative; display: inline-block; width: 20px; height: 20px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/ebf2ad620f073369b1e32cd805390989.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; float: right; top: 4px; } .policy_information_text { visibility: hidden; width: 250px; text-align: center; border-radius: 6px; padding: 5px 5px; border-style:solid; border-width:1px; /* Position the tooltip */ position: absolute; z-index: 1; margin-bottom: 30px; background-color: #E7E2E2; bottom:-10px; right:0px; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; } .policy_information:hover .policy_information_text { visibility: visible; } .policy_information.float_none{ float: none; } .policy_information_text.float_left{ left: -100px; right: unset; top: 60px !important; bottom: unset !important; } .policy_information_text.float_right{ left: unset; right: 10px; top: 60px !important; bottom: unset !important; } .login_btn_sns_icon.fb.register { margin-left: -2px; } .login_btn_sns_icon.google { background-image: url(https://uat-fwdmax.fwd.com.hk/static/2a4496e491964541716ab2a38177147c.png); background-position: 0px 0px; background-size: contain; } .login_btn_sns_icon.biometric { background-image: url(https://uat-fwdmax.fwd.com.hk/static/827a774d4d98a24d790e20b330ee1587.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; width: 35px; } .register_t_n_c { margin-top: 5px; margin-bottom: 5px; opacity: 1; font-size: 14px; line-height: 20px; color: #000; } .link_with_underline { text-decoration: underline; } .link_orange { color: #f88028; } .upload_photo_btn_icon { width: 30px; height: 30px; margin-right: 15px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/757f08e9d081f99e3953901dbe1e0233.svg); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .upload_photo_text { width: 100%; margin-top: 5px; margin-bottom: 5px; } .upload_photo_textarea { margin-top: 10px; margin-bottom: 10px; } .upload_photo_selection_title { width: 100%; margin-top: 20px; margin-bottom: 10px; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; font-size: 20px; text-align: center; } .upload_photo_real_radio_btn { display: none; } .upload_photo_radio_btn_block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50%; margin-bottom: 15px; padding-right: 15px; padding-left: 0px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .check_box_frame { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 22px; height: 22px; margin-right: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #f88028; } .upload_photo_radio_btn_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-top: 10px; padding-right: 30px; padding-left: 30px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .logo { height: 60px; } .mobile_hamgurger_icon { display: none; } .mobile_search_icon { display: none; } ._100percent_width_img { width: 100%; height: auto !important; border-radius: 5px; } .kv_btn_text.tc { margin-top: -2px; font-family: "Noto Sans TC", sans-serif; font-size: 15px; } .featured_passions_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .featured_rewards_thumbnail_mobile { display: none; } .mobile_more_btn { display: none; } .register_field_block { width:50%; margin-bottom:15px; } .register_field_block.left { padding-right: 5px; } .register_field_block.right { padding-left: 5px; } .register_field_block._100width { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .register_100width { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .register_field_block._100width.mobile_number { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .sorting_bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: auto; margin-left: auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 100px; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2); } .sorting_bar_btn { position: relative; z-index: 100; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #fff; } .sorting_bar_btn.first { position: relative; z-index: 50; margin-right: -50px; padding-right: 50px; border-radius: 100px; } .sorting_bar_btn.last { z-index: 50; margin-left: -50px; padding-left: 50px; border-radius: 100px; } .sorting_bar_btn_text_n { margin-top: 10px; margin-bottom: 10px; padding-right: 24px; padding-left: 25px; border-right: 1px solid #f88028; line-height: 20px; } .sorting_bar_btn_text_n.last { border-right-style: none; } .sorting_bar_btn_text_n.first { padding-right: 25px; border-right-style: none; } .sorting_bar_btn_text_n.second { margin-top: 10px; margin-bottom: 10px; padding: 0px 24px; border-left: 1px solid #f88028; border-right-color: #f88028; background-color: #fff; color: #333; } .sorting_bar_btn_text_y { display: none; width: auto; padding: 10px 25px 10px 24px; border-right: 1px solid #fff; background-color: #f88028; color: #fff; line-height: 20px; } .sorting_bar_btn_text_y.first { margin-right: -24px; padding-right: 49px; border-radius: 100px; } .sorting_bar_btn_text_y.last { margin-left: -25px; padding-right: 24px; padding-left: 50px; border-right-style: none; border-radius: 100px; } .sorting_bar_btn_text_y.second { margin-top: 0px; margin-bottom: 0px; padding-top: 10px; padding-bottom: 10px; padding-left: 24px; border-left: 1px solid #fff; border-right-color: #fff; background-color: #f88028; color: #fff; } .warning_bar_logout { position: fixed; left: 0%; top: auto; right: 0%; bottom: 0%; z-index: 5000; padding: 30px 75px; background-color: rgba(51, 51, 51, 0.95); } .warning_bar_content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-width: 1300px; margin-right: auto; margin-left: auto; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; color: #fff; font-size: 28px; line-height: 36px; } .warning_bar_btn_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 16px; line-height: 24px; } .popup_area_close { position: absolute; left: auto; top: 0%; right: 0%; bottom: auto; width: 25px; height: 25px; margin-top: 25px; margin-right: 25px; margin-left: 25px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/9a6da681745390dc1a040d902f786131.svg); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .popup_area_close.detail { position: fixed; cursor: pointer; } .warning_bar_login { position: fixed; left: 0%; top: auto; right: 0%; bottom: 0%; z-index: 5000; display: none; padding: 30px 75px; background-color: rgba(51, 51, 51, 0.95); } .articles_detail_popup_1 { position: absolute; left: 0%; top: 0%; right: 0%; bottom: auto; z-index: 10000; display: none; padding: 80px 75px 300px; } .articles_detail_container { width: 100%; max-width: 1100px; margin-right: auto; margin-left: auto; border-radius: 10px; background-color: #fff; } .articles_detail_image_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 525px; max-width: none; } .articles_detail_image_container.passion { height: auto; } .articles_detail_thumbnail_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 15%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } .article_block_rating_search { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 40px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .detail_kv { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 85%; max-height: 525px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #ccc; } .detail_kv.passion { width: 100%; } .detail_kv_img { width: 100%; } .detail_kv_img.passions { width: auto; height: auto; max-height: 525px; } .articles_detail_thumbnail_arrow { width: 100%; height: 40px; } .articles_detail_thumbnail_arrow.up { margin-bottom: 10px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/e9e60ea37d594458e5ec8e0ce9994113.svg); background-position: 50% 100%; background-size: 40px; background-repeat: no-repeat; } .articles_detail_thumbnail_arrow.down { margin-top: 10px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/abbaf337df323f547ae21cc7a7a9e228.svg); background-position: 50% 0%; background-size: 40px; background-repeat: no-repeat; } .articles_detail_thumbnail_img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding-top: 2px; padding-bottom: 2px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .articles_detail_thumbnail { margin-top: 5px; margin-bottom: 5px; } .articles_detail_thumbnail.current { margin-top: 1px; margin-bottom: 1px; border: 4px solid #f88028; } .articles_detail_popup_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 40px; padding-bottom: 15px; padding-left: 40px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .articles_question_popup_row{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: block; padding-right: 40px; padding-bottom: 15px; padding-left: 40px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .articles_detail_popup_row_pdf { display: -webkit-box; display: -webkit-flex; display: -ms-block; display: block; min-width:100%; padding-right: 10px; padding-bottom: 15px; padding-left: 10px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .articles_detail_popup_row.reward_warning { padding-top: 16px; padding-bottom: 15px; background-color: #f88028; } .reward_warning { color: #fff; font-size: 24px; } .reward_item_container_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .sf_item_container_row{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 28px; } .reward_item_title { min-width: 45px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: 2px; margin-bottom: 2px; } .reward_item_selection { /* width: auto; */ min-width: 220px; margin: 9px 20px 0px 0px; background-color: #fff; white-space: normal; max-width: 330px; } .sf_item_selection { min-width: 280px; margin: 10px 0px 0px 10px; background-color: #fff; white-space: normal; } .reward_item_qty { width: auto; min-width: 60px; margin: 9px 20px 0px 10px; background-color: #fff; display: inline-block; margin-left: 0px; } .articles_detail_popup_row.title { padding-top: 25px; } .articles_detail_popup_row.similar_articles { padding-top: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .articles_detail_popup_row.select_plan { padding-top: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .articles_detail_popup_row.passion_info { padding-top: 25px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .articles_detail_title { font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; font-size: 32px; line-height: 40px; } .articles_detail_title h1 { font-size: inherit; line-height: inherit; margin: 0; } .articles_detail_categories { font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-weight: 100; font-size: 20px; line-height: 28px; } .articles_pillar{ display: inline-flex; margin-left: 10px; } .rewards_pillar{ display: inline-flex; margin-right: 10px; } .articles_detail_categories.passion { margin-bottom: 10px; } .detail_info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; } .detail_info.reward { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; } .detail_info.events { font-size: 20px; line-height: 28px; } .articles_detail_writer { margin-left: 100px; } .articles_detail_rating_bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 5px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .articles_detail_rating_number { margin: 2px 40px -2px 10px; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-weight: 100; color: #f88028; font-size: 24px; line-height: 32px; } .articles_detail_rating_star_container { margin-top: -2px; margin-left: 10px; } .articles_detail_rating_text { padding-top: 2px; } .popup_bg_color { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: -1; background-color: rgba(0, 0, 0, 0.85) ; } .popup_reward_select_bg_color { position: fixed; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: -1; background-color: rgba(0, 0, 0, 0.25); } .detail_similar_title { width: 100%; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; font-size: 28px; line-height: 32px; text-align: center; } .detail_popup_back { display: none; } .share_popup_container { position: fixed; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 20000; display: none; padding-right: 25px; padding-left: 25px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, 0.85); } .share_popup_block { width: 100%; max-width: 500px; border-radius: 10px; background-color: #fff; } .share_popup_row { padding-right: 40px; padding-bottom: 15px; padding-left: 40px; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; text-align: center; } .share_popup_row.title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 30px; padding-bottom: 20px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 28px; line-height: 32px; } .share_popup_close { width: 25px; height: 25px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/5a83a5230d98e2081e9868b9181b51d1.svg); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .share_popup_text_field { height: 250px; padding: 15px 20px; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.2); border-radius: 5px; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; text-align: left; overflow-y: auto; word-break: normal; overflow-wrap: break-word; } .share_popup_text_field::-webkit-scrollbar{ width: 4px; } .share_popup_text_field::-webkit-scrollbar-track { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); } .share_popup_text_field::-webkit-scrollbar-thumb{ border-radius: 10px; background-color: #757070; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); } .share_popup_sns_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 10px; margin-bottom: 20px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .mobile_search_container { display: none; opacity: 0; } .mobile_menu_container { display: none; opacity: 0; } .mobile_menu_login { display: none; } .mobile_menu_register { display: none; } .reward_block_img.featured { width: 60%; } .reward_block_info { width: auto; padding: 10px 20px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .reward_block_title { overflow: hidden; height: auto; margin-bottom: 2px; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; font-size: 24px; line-height: 28px; } .reward_block_title.featured { height: auto; max-height: 56px; margin-top: 5px; } .reward_block_content { overflow: hidden; height: 40px; line-height: 20px; } .reward_block_content.featured { height: auto; max-height: 40px; } .reward_block_point { overflow: hidden; max-height: 40px; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; line-height: 20px; } .reward_block_point.sold_out { font-size: 20px; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-weight: 100; line-height: 44px; } .reward_block_remain { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 2px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 14px; line-height: 18px; } .header_profile_icon { margin-top: -5px; margin-right: 10px; } .reward_range_filter_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-top: 15px; padding-top: 10px; padding-bottom: 5px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #ccc; background-color: #fff; } .reward_range_filter_left { width: 12.5%; margin-top: -5px; margin-left: 25px; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; line-height: 20px; } .reward_range_filter_right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 87.5%; margin-right: 25px; margin-left: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .reward_range_filter_grey_line { width: 100%; height: 5px; border-radius: 1000px; background-color: #ccc; } .reward_range_filter_grey_line.orange { margin-right: 20px; margin-left: 20px; background-color: #f88028; } .reward_range_filter_your_point { padding-bottom: 10px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/e4710bd6a870cee160510d58e44dd2d2.svg); background-position: 50% 100%; background-size: 10px; background-repeat: no-repeat; } .reward_range_filter_selection { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 75%; margin-top: -5px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .reward_range_filter_drag { margin-top: -13px; } .reward_range_filter_dot { width: 20px; height: 20px; margin-right: auto; margin-bottom: 5px; margin-left: auto; border-radius: 1000px; background-color: #fff; box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2); } .reward_block_info_categories { font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-weight: 100; display: inline-flex; margin-right: 15px; } .reward_block_img_mobile { display: none; } .rewards_detail_popup_1 { position: absolute; left: 0%; top: 0%; right: 0%; bottom: auto; z-index: 10000; display: none; padding: 80px 75px 300px; } .rewards_detail_remaining { margin-top: 3px; margin-right: 20px; padding-right: 20px; border-right: 1px solid #333; line-height: 18px; } .bold { font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; } .bold.orange_text { color: #f88028; font-weight: bold; } .bold.green { color: #090; } .bold.red { color: #c00; } .detail_select_plan_title { width: 100%; margin-bottom: 5px; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; text-align: center; padding-top: 8px; } .detail_select_plan_container { margin-right: auto; margin-left: auto; } .detail_select_plan_container.confirmation { margin-bottom: 20px; } .detail_select_plan_option { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 15px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; font-size: 18px; line-height: 22px; } .detail_select_plan_option.confirmation { font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-size: 16px; line-height: 20px; } .detail_select_plan_option.confirmation.area { margin-top: 0px; margin-left: 25px; } .detail_select_plan_box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 22px; height: 22px; margin-right: 15px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #f88028; } .selection_dot { width: 12px; height: 12px; background-color: #f88028; } .login_radio_btn_container { width: auto; padding-right: 20px; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; line-height: 20px; } .login_radio_btn { margin-top: 0px; } .utility-page-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100vw; height: 100vh; max-height: 100%; max-width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .utility-page-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 260px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; } .utility-page-form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .register_full_name_description { width: 100%; margin-top: -5px; margin-bottom: 10px; opacity: 0.5; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-weight: 100; font-size: 14px; line-height: 18px; } .passions_block_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 20px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .passions_block_column { width: 33.3333%; } .passions_block_column.left { margin-right: 20px; } .passions_block_column.right { margin-left: 20px; } .passions_block { margin-bottom: 20px; border-radius: 5px; background-color: #fff; box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2); } .passions_block:hover { box-shadow: 1px 1px 4px 0 rgba(248, 128, 40, 0.8); } .passions_block_img { width: 100%; } .events_block_mp { margin-top: 0px; margin-bottom: 4px; padding-right: 15px; padding-left: 15px; line-height: 16px; text-align: center; } .events_detail_popup_1 { position: absolute; left: 0%; top: 0%; right: 0%; bottom: auto; z-index: 10000; display: none; padding: 80px 75px 300px; } .passions_detail_popup_1 { position: absolute; left: 0%; top: 0%; right: 0%; bottom: auto; z-index: 10000; display: none; padding: 80px 75px 300px; } .passions_detail_content { padding-top: 10px; font-size: 24px; line-height: 28px; } .passions_detail_btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .passions_detail_user_info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 0px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .passions_detail_user_icon { margin-right: 20px; } .passions_detail_user_name { margin-right: 40px; } ._2nd_inner_title_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding-top: 5px; padding-bottom: 25px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; text-align: center; } ._2nd_inner_title_row.profile { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .profile_title_btn_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 5px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } ._2nd_inner_content_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } ._2nd_inner_content_container.membership { margin-bottom: -20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } ._2nd_inner_content_container.lucky_draw { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .profile_icon_column { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 40px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .profile_qr_mobile { display: none; } .profile_content_right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .profile_content_column { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .profile_content_column._1 { width: 30%; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .profile_content_column._2 { width: 37.5%; margin-right: 10px; margin-left: 10px; text-align: center; } .profile_content_column._3 { width: 32.5%; } .profile_column_title { /*margin-bottom: 15px;*/ font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; font-size: 28px; line-height: 32px; } .profile_content_row { margin-top: 5px; } .profile_user_name { font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; font-size: 42px; line-height: 50px; } .profile_pie_chart { width: auto; /* margin-top: 30px; */ } .profile_info_btn_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; /* display: flex; */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .header_up_current { margin-top: -15px; padding-top: 15px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/35fe49f5a4fe5159826cb7ce3915feb2.svg); background-position: 50% 8px; background-size: auto 8px; background-repeat: no-repeat; } .profile_activities_block { width: 100%; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #f88028; } .profile_activities_block.first { padding-top: 15px; padding-bottom: 15px; } .profile_activities_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .profile_activities_row._1 { font-size: 16px; /*line-height: 28px;*/ } ._2nd_footer_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-width: 1300px; margin-right: auto; margin-left: auto; padding-top: 25px; padding-bottom: 25px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } ._2nd_footer_copyright { margin-top: 5px; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-weight: 100; font-size: 14px; line-height: 22px; } ._2nd_footer_link_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } ._2nd_footer_link { padding-right: 40px; } ._2nd_footer_link:hover { color: #f88028; } ._2nd_inner_content_description { width: 100%; max-width: 900px; margin-right: auto; margin-left: auto; text-align: center; } .membership_remark { width: 100%; max-width: 1100px; color: grey; text-align: right; } .membership_content { width: 100%; max-width: 1100px; margin-right: auto; margin-left: auto; padding-top: 40px; padding-bottom: 50px; padding-left: 100px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/3c1ec407a6be4cb9330cc4d8207655e0.svg); background-position: 0% 100%; background-size: 200px; background-repeat: no-repeat; } .membership_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 30px; padding-bottom: 15px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .membership_row.title { padding-top: 0px; padding-bottom: 5px; } .membership_row._1 { border-bottom: 1px solid #ff7e27; } .membership_row._2 { border-bottom: 1px solid #ffc299; } .membership_column_1 { width: 35%; padding-left: 120px; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; font-size: 28px; line-height: 36px; } .membership_column_1.title { font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; font-size: 20px; line-height: 28px; } .membership_column_1._1 { padding-bottom: 5px; border-bottom: 1px solid #ff7e27; } .membership_column_1._2 { padding-bottom: 5px; border-bottom: 1px solid #ffc299; } .membership_column_2 { width: 30%; padding-left: 25px; font-size: 20px; line-height: 28px; } .membership_column_2.title { font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; font-size: 20px; line-height: 28px; } .membership_column_3 { width: 35%; padding-left: 25px; } .membership_column_3.title { font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; font-size: 20px; line-height: 28px; } .membership_mobile_subtitle { display: none; } .lucky_draw_tc { overflow: auto; width: 100%; max-height: 450px; max-width: 1100px; margin-top: 40px; margin-right: auto; margin-left: auto; padding-right: 25px; padding-left: 25px; border: 1px solid #f88028; background-color: #fff; } .lucky_draw_tc_content { margin-top: 5px; } .lucky_draw_tc_title { margin-top: 20px; font-size: 24px; line-height: 32px; } .reward_confirmation_section { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .reward_confirmation_section.right { margin-left: 10px; } .reward_confirmation_section.left { margin-right: 10px; } .reward_confirmation_info { width: 100%; padding-bottom: 25px; } .reward_confirmation_img_kv { width: 100%; } .reward_confirmation_subtitle { margin-top: 20px; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; } .reward_confirmation_title { font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; font-size: 32px; line-height: 40px; } .reward_confirmation_categories { font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-weight: 100; font-size: 20px; line-height: 28px; } .reward_confirmation_form { width: 100%; padding-top: 25px; padding-bottom: 25px; border-top: 1px solid #f88028; border-bottom: 1px solid #f88028; } .reward_confirmation_your_plan { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; } .reward_confirmation_your_plan_right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; font-size: 20px; } .reward_confirmation_your_plan_remark { font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-size: 16px; } .reward_confirmation_field_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .reward_confirmation_field_block { width: 50%; } .reward_confirmation_field_block.left { margin-right: 10px; } .reward_confirmation_field_block.right { margin-left: 10px; } .reward_confirmation_field_block.area { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-top: 5px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .reward_confirmation_field { border: 1px solid #ccc; border-radius: 5px; } .reward_confirmation_field_text { padding-bottom: 5px; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; } .reward_confirmation_field_text.confirmation { padding-bottom: 0px; } .reward_confirmation_img_thumbnail_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding-top: 10px; padding-bottom: 10px; } .reward_confirmation_img_thumbnail { margin-right: 10px; padding: 4px; cursor: pointer; } .reward_confirmation_img_thumbnail.current { padding: 0px; border: 4px solid #f88028; } .reward_confirmation_form_area_option { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .detail_select_plan_text { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .mobile_menu_upload_photo { display: none; } .article_detail_rating_star { width: 20px; margin-right: 5px; } .article_detail_rating_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .generic_page_text_container { width: 100%; max-width: 1100px; margin-right: auto; margin-left: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .generic_page_text_container.invite_friend { max-width: 900px; text-align: center; } .generic_page_text_container.earning_guide { text-align: center; } .generic_page_text_container.contact_us { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 750px; padding-right: 25px; padding-left: 25px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .generic_page_text_container.faq { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .generic_page_text_subtitle { margin-top: 20px; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; font-size: 20px; line-height: 28px; } .generic_page_text_subtitle.first { margin-top: 0px; } .article_rating_tc { font-family: "Noto Sans TC", sans-serif; font-size: 14px; letter-spacing: 1px; } .register_or_bar { margin-right: 10px; margin-left: 10px; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; text-align: center; } .passions_description { width: 100%; margin-top: 15px; margin-bottom: 25px; } .passions_description2 { width: 100%; color: #f88028; font-size: 20px; font-weight: bold; margin-bottom: 20px; } .what_is_max_word { padding: 10px 20px; background-color: #f88028; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; color: #fff; font-size: 36px; line-height: 44px; } .what_is_max_word._1 { padding: 15px 40px; background-color: #f88028; color: #fff; font-size: 48px; line-height: 56px; } .what_is_max_word._2 { margin-left: 80px; background-color: #fff; color: #f88028; } .what_is_max_word._3 { margin-left: 40px; } .what_is_max_reason_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-top: 15px; margin-bottom: 15px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .what_is_max_reason_block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 33.3333%; margin-top: 15px; margin-bottom: 15px; padding-right: 50px; padding-left: 50px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .what_is_max_reason_icon { width: 100px; height: 100px; } .what_is_max_reason_icon._1 { background-image: url(https://uat-fwdmax.fwd.com.hk/static/aa67dd73f1bcd3f842b90c7c9f7f957d.svg); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .what_is_max_reason_icon._2 { background-image: url(https://uat-fwdmax.fwd.com.hk/static/0c1ed0d66bff7f303a18577c29a70129.svg); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .what_is_max_reason_icon._3 { background-image: url(https://uat-fwdmax.fwd.com.hk/static/145f2d829ffe13b4e4eb5c473ee62ade.svg); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .what_is_max_reason_title { margin-top: 20px; margin-bottom: 10px; font-size: 24px; line-height: 32px; font-weight: bold; } .what_is_max_how_icon { width: 75px; height: 75px; margin-bottom: 20px; } .what_is_max_how_icon._1 { background-image: url(https://uat-fwdmax.fwd.com.hk/static/94e4d6e47b522c97fd7358817c3d895b.svg); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .what_is_max_how_icon._2 { background-image: url(https://uat-fwdmax.fwd.com.hk/static/24ff4c32b8582ccc47c3003d48b32e6c.svg); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .what_is_max_how_icon._3 { background-image: url(https://uat-fwdmax.fwd.com.hk/static/2dc5d95d70be47ec250b2b842615d72a.svg); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .what_is_max_how_icon._6 { background-image: url(https://uat-fwdmax.fwd.com.hk/static/24239d5081cbc743a087b2406035ac20.svg); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .what_is_max_how_icon._5 { background-image: url(https://uat-fwdmax.fwd.com.hk/static/e20cf494c8c45ac23b1901c01502c0f4.svg); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .what_is_max_how_icon._4 { background-image: url(https://uat-fwdmax.fwd.com.hk/static/fcb25ffb394ec909fdfaf388b58de5f1.svg); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .what_is_max_video { width: 100%; max-height: 100vh; max-width: 100vw; margin-top: 15px; margin-right: auto; margin-left: auto; padding-bottom: 0px; } .what_is_max_tier_container { width: 100%; margin-top: 30px; } .what_is_max_tier_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 20px; padding-bottom: 15px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-top: 1px solid #f88028; } .what_is_max_tier_row.title { padding-top: 0px; padding-bottom: 10px; border-top-style: none; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; font-size: 20px; line-height: 28px; } .what_is_max_tier_block1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 200px; padding-right: 35px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .what_is_max_tier_block1.content { font-size: 20px; line-height: 28px; } .what_is_max_tier_block2 { width: 40%; padding-right: 25px; } .what_is_max_tier_block3 { width: 60%; } .what_is_max_tier_text { padding-bottom: 5px; } .what_is_max_tier_text.benefit { padding-left: 15px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/d779374a4a6201c43c850a8e8bf5d7b7.svg); background-position: 0px 8px; background-size: 5px; background-repeat: no-repeat; } .what_is_max_tier_icon { width: 100px; height: 100px; margin-bottom: 10px; } .what_is_max_tier_icon._1 { background-image: url(https://uat-fwdmax.fwd.com.hk/static/0a479837eadc0e393cd8a0b1d6c8d294.svg); background-position: 50% 50%; background-size: auto 90px; background-repeat: no-repeat; } .what_is_max_tier_icon._2 { background-image: url(https://uat-fwdmax.fwd.com.hk/static/4b2cbd35c81823d12f8ce666ac1f00cb.svg); background-position: 50% 50%; background-size: auto 90px; background-repeat: no-repeat; } .extra_page_number_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-bottom: 3px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; font-size: 16px; line-height: 24px; } .extra_page_number_container.special { padding-bottom: 5px; } .extra_page_number_container.prvicacy_statement { margin-top: 20px; } .extra_page_number_container.prvicacy_statement.first { margin-top: 0px; } .extra_page_number { width: 30px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .extra_page_number._2 { width: 25px; } .extra_page_number.sub { width: 40px; } .extra_page_number._3 { width: 20px; } .extra_page_number._4 { width: 30px; } .extra_page_text_container { margin-bottom: 20px; padding-left: 30px; } .extra_page_text_container._1 { padding-left: 40px; } .extra_page_text_container._2 { padding-left: 40px; } .extra_page_text_container._0 { margin-bottom: 0px; padding-left: 0px; } .extra_page_text_container.privacy_1 { margin-bottom: 3px; padding-left: 0px; } .extra_page_number_container_2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 2px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .extra_page_number_container_3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 2px; padding-left: 25px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .extra_page_number_container_1 { margin-top: 2px; } .orange_txt { color: #f88028; } .invite_friend_btn_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; /* max-width: 1000px; */ padding-top: 0px; padding-right: 25px; padding-left: 25px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .invite_friend_btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 40px; padding: 10px 30px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #f88028; border-radius: 1000px; background-color: #fff; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; } .invite_friend_btn:hover { color: #f88028; } .invite_friend_image { width: auto; } .earning_guide_container { width: 100%; max-width: 1000px; margin-top: 25px; margin-right: auto; margin-left: auto; padding-right: 25px; padding-left: 25px; } .earning_guide_title { font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; font-size: 20px; line-height: 28px; } .earning_guide_table { margin-top: 10px; } .earning_guide_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 10px; padding-bottom: 10px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #f88028; } .earning_guide_row.title { font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; } .earning_guide_column { width: 50%; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; line-height: 20px; } .earning_guide_column._1 { color: #f88028; font-size: 20px; line-height: 28px; text-align: center; } .earning_guide_column._1.title { padding-right: 10px; padding-left: 10px; color: #333; font-size: 16px; line-height: 20px; } .earning_guide_column._2_1 { width: 25%; color: #f88028; font-size: 20px; line-height: 24px; text-align: center; } .earning_guide_column._2_1.title { padding-right: 11px; padding-left: 11px; color: #333; font-size: 16px; line-height: 20px; } .earning_guide_remark { width: 100%; margin-top: 2px; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-weight: 100; font-size: 14px; line-height: 18px; } .earning_guide_remark._2 { margin-top: 15px; } .earning_guide_mobile_title { display: none; } .contact_us_faq_btn { margin-top: 20px; padding: 5px 25px; border-radius: 100px; background-color: #f88028; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; color: #fff; } .contact_us_hotline { max-width: 400px; align-items: self-start; } .contact_us_hotline .hotline { padding-top: 15px; text-align: left; display: flex; align-items: center; } .contact_us_hotline .hotline img { max-width: 40px; margin-right: 10px; } .contact_us_form_container { width: 100%; max-width: 750px; margin-top: 40px; } .contact_us_form { width: 100%; padding: 35px 40px; border-radius: 5px; background-color: #fff; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2); } .form { padding: 25px; border-radius: 5px; background-color: #fff; box-shadow: 1px 1px 2px 0 #000; } .contact_us_form_label { width: 100%; margin-bottom: 10px; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; line-height: 20px; } .contact_us_form_select { height: 38px; margin-bottom: 15px; background-color: #fff; } .contact_us_input { height: 38px; margin-bottom: 15px; } .contact_us_form_btn { margin-top: 20px; padding: 5px 25px; border-radius: 100px; background-color: #f88028; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; } .contact_us_form_inside { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .faq_dropdown_container { width: 100%; border-bottom: 1px solid #f88028; } .faq_dropdwon_toggle { width: 100%; padding: 15px 40px 15px 0px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/8d27f27ea5a8af17d53dcc072bfce962.svg); background-position: 100% 50%; background-size: 18px; background-repeat: no-repeat; font-size: 20px; } .faq_dropdwon_toggle.w--open { background-image: url(https://uat-fwdmax.fwd.com.hk/static/7c653fe52385a8cae313c21d7f81b771.svg); } .faq_dropdown_list.w--open { position: static; left: 0px; right: 0px; background-color: transparent; } .faq_dropdown_qa_container { padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #f88028; } .faq_dropdown_qa { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 10px; margin-bottom: 10px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .faq_dropdown_qa_number { width: 45px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; color: #f88028; } .faq_dropdown_qa_text { width: 100%; } .faq_extra_text { margin-top: 20px; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-weight: 100; text-align: center; } .mobile_profile_btn { display: none; } .mobile_agent_btn { position: relative; display: block; width: 40px; height: 50px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/37dd98461d92d1ea6a39652758ec75df.png); background-position: 50% 50%; background-size: 60%; background-repeat: no-repeat; } .mobile_inbox_btn { position: relative; display: block; width: 40px; height: 50px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/66eddd641d54ef973448c451134eb548.png); background-position: 50% 50%; background-size: 70%; background-repeat: no-repeat; margin-right: 5px; } .mobile_wallet_btn { position: relative; display: block; width: 40px; height: 50px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/bcc6f440bb59c0a1fda2d3748f8f73f2.png); background-position: 90% 50%; background-size: 70%; background-repeat: no-repeat; margin-right: 5px; } .mobile_game_centre_btn { position: relative; display: block; width: 40px; height: 40px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/55452495eb5ad9a832c77e0843b4c9d6.svg); filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(340deg) brightness(103%) contrast(101%); background-position: 70% 50%; background-size: 55%; background-repeat: no-repeat; margin-right: 5px; } .member_detail_wallet_btn { position: relative; display: block; width: 40px; height: 40px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/bcc6f440bb59c0a1fda2d3748f8f73f2.png); background-position: 50% 50%; background-size: 80%; background-repeat: no-repeat; } .profile_info_btn:hover .member_detail_wallet_btn { background-image: url(https://uat-fwdmax.fwd.com.hk/static/e97c7d8e808c58c6a7432454f3e9b947.png); } .mobile_inbox_btn_number { position: absolute; left: auto; top: 20%; right: 5%; bottom: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 10px; height: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 99px; background-color: red; color: #fff; font-size: 12px; line-height: 16px; } .stamp_card_btn { position: relative; display: block; width: 33px; height: 50px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/f1a7b297ef631970df50e05215de8c83.png); background-position: 50% 50%; background-size: 100%; background-repeat: no-repeat; margin-right: 5px; } .stamp_card_btn_number { position: absolute; left: auto; top: 20%; right: 5%; bottom: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 10px; height: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 99px; background-color: red; color: #fff; font-size: 12px; line-height: 16px; } .inbox_tab_container { width: 100%; padding-bottom: 60px; } .mobile_home_btn { display: none; } .inbox_tab_menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding-top: 10px; padding-bottom: 20px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .inbox_tab_link { overflow: hidden; margin-right: 40px; margin-left: 40px; padding: 5px 0px; background-color: transparent; } .inbox_tab_link.w--current { overflow: visible; background-color: transparent; } .inbox_tab_link_line { position: absolute; left: 0%; top: auto; right: 0%; bottom: 0%; width: 100%; height: 5px; margin-bottom: -5px; background-color: #f88028; } .inbox_tab_content { width: 100%; } .inbox_tab_pane { width: 100%; padding-right: 50px; padding-bottom: 20px; padding-left: 50px; } .inbox_fixed_btn_container { position: fixed; left: 0%; top: auto; right: 0%; bottom: 100px; z-index: 99; width: 100%; text-align: center; } .inbox_fixed_btn_block_inbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .inbox_fixed_btn_block_deleted { display: none; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .inbox_month { padding-top: 30px; padding-bottom: 15px; font-size: 20px; text-align: center; } .inbox_month { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 15px; padding-top: 15px; padding-bottom: 15px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 20px; text-align: center; cursor: pointer; } .inbox_month_text { font-weight: bold; } .inbox_message { margin-top: 15px; border-radius: 10px; background-color: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25); } .inbox_message_up { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding: 20px 20px 15px; cursor: pointer; } .inbox_message_up:hover { color: #f88028; } .inbox_message_dot { width: 8px; height: 8px; margin-right: 15px; margin-left: -5px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; border-radius: 99px; background-color: #f88028; } .inbox_message_dot.read { background-color: #bfbfbf; } .inbox_message_title_container { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .inbox_message_title_1 { margin-top: -8px; font-weight: bold; } .inbox_message_title_2 { font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-size: 20px; line-height: 24px; } .inbox_message_title_2.read { font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; } .inbox_message_down { position: relative; display: none; width: 100%; padding: 20px 20px 50px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-top: 1px solid #f88028; opacity: 0; line-height: 22px; } .inbox_message_bin { position: absolute; left: 0%; top: auto; right: 0%; bottom: 0%; width: 100%; height: 30px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: #7c878e; background-image: url(https://uat-fwdmax.fwd.com.hk/static/e294b4ce0243faf46e2ebce3521af8b4.svg); background-position: 50% 50%; background-size: auto 18px; background-repeat: no-repeat; } .inbox_message_image { margin-top: 20px; margin-right: auto; margin-left: auto; } .inbox_message_image.above_text { margin-bottom: 20px; } .inbox_delete_step { position: absolute; left: auto; top: 0%; right: 0%; bottom: 0%; width: 50px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; background-color: #f84a1b; background-image: url(https://uat-fwdmax.fwd.com.hk/static/e294b4ce0243faf46e2ebce3521af8b4.svg); background-position: 50% 50%; background-size: 45%; background-repeat: no-repeat; } .inbox_delete_step.return { background-image: url(https://uat-fwdmax.fwd.com.hk/static/ef77d5b05397bdd3be5aabf256b5ebc9.svg); } .inbox_read_more { display: inline-block; padding-bottom: 10px; color: #f88028; font-size: 20px; padding-top: 2px; } .inbox_read_more:hover { color: #f84a1b; } .btn.inbox_fixed_btn { min-width: 125px; margin-right: 6px; margin-left: 6px; padding: 5px 20px; font-size: 14px; line-height: 22px; } .profile_card_container { position: relative; width: 100%; max-width: 400px; margin-right: auto; margin-bottom: 15px; margin-left: auto; } .profile_card_name { position: absolute; left: 7%; top: auto; right: auto; bottom: 45%; z-index: 1; max-width: 58%; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-size: 28px; line-height: 28px; } .inbox_month_minus { width: 12px; margin-left: 8px; } .profile_card_point_balance { position: absolute; left: 7%; top: auto; right: auto; bottom: 14%; max-width: 45%; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; color: #f88028; text-align: left; font-size: 14px; line-height: 20px; } .profile_card_point_balance_1 { font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; color: #333; font-size: 28px; line-height: 28px; } .profile_card_qrcode { position: absolute; left: auto; top: 14%; right: 7%; bottom: auto; width: 25%; border: 1px solid #333; } .profile_card_right_bottom { position: absolute; left: auto; top: auto; right: 7%; bottom: 14%; max-width: 40%; padding-bottom: 3px; text-align: left; max-width: 62%; } .profile_card_right_bottom.policy_name { bottom: 3% !important; max-width: 100%; } .profile_card_member_id { font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-size: 12px; line-height: 20px; } .profile_card_type { color: #f88028; font-size: 14px; line-height: 14px; text-align: right; width: 100%; } .profile_card_type.card_maxid { padding-top: 6px !important; font-size: 18px !important; line-height: 18px !important; } .profile_card_type.policy_name { font-size: 12px !important; line-height: 12px !important; } .profile_point_balance { padding-top: 15px; padding-bottom: 15px; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-size: 20px; line-height: 28px; } .profile_pie_chart_container { position: relative; width: 100%; max-width: 300px; margin-top: 30px; margin-bottom: 30px; } .profile_chart_text { position: absolute; left: 0%; top: 0%; right: auto; bottom: auto; color: #fff; text-align: center; } .profile_chart_text._1 { left: 42%; top: 14%; } .profile_chart_text._2 { left: 31%; top: 62%; bottom: 62%; } .profile_chart_number { font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-size: 32px; line-height: 32px; } .profile_chart_legend_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-width: 400px; margin-bottom: -8px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .profile_chart_legend { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50%; min-width: 200px; padding-right: 15px; padding-bottom: 8px; padding-left: 15px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .profile_chart_legend_line { width: 30px; height: 3px; margin-right: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; border-radius: 99px; background-color: #ffc267; } .profile_chart_legend_line._4 { background-color: #f4893c; } .profile_chart_legend_line._3 { background-color: #fcbf96; } .profile_chart_legend_line._2 { background-color: #ffb84e; } .inbox_month_plus { display: none; width: 12px; margin-left: 8px; } .inbox_month_bg { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: -1; display: none; border-radius: 10px; background-color: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25); } .register_reward_icon{ max-width: 1300px; padding: 0 10px; } .register_reward_icon img { display: block; width: 100%; height: auto; /* maintain aspect ratio*/ } @media (max-width: 1338px) { .header_up_item { padding: 10px 14px 15px; } } @media (max-width: 1228px) { .header_up_item { padding: 10px 12px 15px; } } @media (max-width: 1200px) { .section_container { padding-right: 20px; padding-left: 20px; } .section_container.header { margin-right: 0px; margin-left: 0px; padding-right: 20px; padding-left: 20px; } .section_container.header.mobile_popup { margin-bottom: 10px; border-bottom-style: none; } .section_container.kv { /* border-bottom: 1px solid #f88028; */ } .section_container.featured_passions { border-bottom: 1px solid #f88028; } .section_container.content { padding-right: 0px; padding-left: 0px; } .section_container.footer { display: none; } .section_container.what_is_max_kv { height: 600px; padding-bottom: 80px; } .header_container { padding-top: 10px; padding-bottom: 10px; } .header_right { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header_en .header_right { width: 100% } .header_up_guest { display: none; } .header_up_item { margin-right: 25px; padding-top: 10px; padding-bottom: 10px; font-size: 20px; line-height: 28px; } .header_up_item.member { margin-right: 10px; } .bg_color.mobile_popup { position: absolute; z-index: -1; min-height: 100vh; background-color: #fff; background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(248, 128, 40, 0.1)), to(rgba(248, 128, 40, 0.1)) ); background-image: linear-gradient( 180deg, rgba(248, 128, 40, 0.1), rgba(248, 128, 40, 0.1) ); } .header_up_member { display: none; } .header_up_member.open { display: none; } .header_down { display: none; } .header_search.mobile { margin: 20px 20px 0 20px } .header_search_input.mobile { width: 100%; } .kv_slider_nav { width: 20%; height: 40px; margin-top: 5px; } .kv_slider_arrow_container { width: 40%; height: 40px; } .kv_slider_text_container { padding-top: 10px; padding-bottom: 10px; } .kv_slider_categories { font-size: 18px; line-height: 28px; } .btn.login.register { padding-top: 5px; padding-bottom: 5px; } .btn.photo_upload { max-width: 325px; margin-right: auto; margin-left: auto; } .btn.warning_bar { min-width: 100px; margin-top: 20px; margin-bottom: 10px; } .btn.mobile_event_btn { margin-top: 10px; font-size: 16px; line-height: 24px; } .btn.profile_title_btn { min-width: 175px; padding-right: 22px; padding-left: 22px; } .btn.profile_title_btn.right:hover { padding-right: 21px; padding-left: 21px; } .btn.profile_info_btn { min-width: 175px; } .btn.profile_info_btn._2 { margin-left: 20px; } .btn.profile_info_btn.confirmation { margin-right: auto; margin-left: auto; } .notification_box { display: none; } .featured_rewards_container { border-bottom-style: none; } .featured_rewards_block.left { width: 100%; margin-right: 0px; } .featured_rewards_block.right { width: 100%; margin-top: 20px; margin-left: 0px; } .featured_rewards_row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .main_right { display: none; width: 100%; margin-left: 0%; padding-right: 20px; padding-left: 20px; } .main_right.home { display: block; padding-top: 5px; padding-bottom: 15px; } .main_section_container { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .main_section_container.inner_page._2nd { padding: 30px 4%!important; padding-bottom: 0px; } .main_left { width: 100%; margin-top: 0px; padding-top: 0px; padding-right: 20px; padding-left: 20px; } .main_left.home { padding-top: 30px; border-top: 1px solid #f88028; } .lucky_draw_block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .lucky_draw_img { width: auto; height: 250px; } .featured_passions_row.left { width: 49%; margin-right: 1%; } .featured_passions_row.right { width: 49%; margin-left: 1%; } .footer_row.share { display: none; } .footer_row.vertical { display: none; } .main_section_title._2nd_big { font-size: 24px; line-height: 38px; } .loading_bar { padding-bottom: 175px; } .dropdown_btn_bar.login { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .upload_photo_btn_icon { width: 25px; height: 25px; } .upload_photo_radio_btn_block { width: 33.3333%; } .link-block { height: auto; } .link-block.header_center_logo { margin-right: auto; margin-left: auto; } .logo { height: 50px; } .mobile_hamgurger_icon { display: block; width: 50px; height: 50px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/c9ecb9e3de9dcb407017f5f1d644cd1b.svg); background-position: 50% 50%; background-size: 30px; background-repeat: no-repeat; } .mobile_search_icon { display: block; width: 50px; height: 50px; margin-right: 20px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/d0a7f925cd280c4054dcf2dc5099fdec.svg); background-position: 50% 50%; background-size: 25px; background-repeat: no-repeat; } .featured_passions_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-bottom: 10px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .sorting_bar_btn_text_n { padding-right: 18px; padding-left: 19px; font-size: 15px; line-height: 19px; } .sorting_bar_btn_text_n.first { padding-right: 18px; } .sorting_bar_btn_text_n.second { padding-right: 13px; padding-left: 18px; } .sorting_bar_btn_text_y { padding-right: 19px; padding-left: 18px; font-size: 15px; line-height: 19px; } .sorting_bar_btn_text_y.first { padding-right: 42px; } .sorting_bar_btn_text_y.last { padding-right: 18px; padding-left: 44px; } .sorting_bar_btn_text_y.second { padding-right: 15px; padding-left: 16px; } .warning_bar_logout { padding-bottom: 20px; } .warning_bar_content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .warning_bar_btn_container { margin-right: auto; margin-left: auto; } .popup_area_close.detail { position: absolute; left: 0%; top: 0%; right: auto; bottom: auto; width: auto; margin-top: 15px; } .warning_bar_login { padding-left: 25px; } .articles_detail_popup_1 { margin-top: 71px; padding-top: 50px; padding-right: 0px; padding-left: 0px; } .articles_detail_image_container { height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .articles_detail_thumbnail_container { width: 100%; height: auto; padding-top: 15px; padding-bottom: 15px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .article_block_rating_search { padding-right: 30px; padding-left: 0px; } .detail_kv { width: 100%; max-height: none; } .detail_kv.passion { border-top: 1px solid #ccc; } .articles_detail_thumbnail_arrow { width: 75px; height: 100%; padding-top: 20px; padding-bottom: 20px; } .articles_detail_thumbnail_arrow.up { margin-right: 10px; margin-bottom: 0px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/2408edd74c2d15f37db33f607c9f48ee.svg); background-position: 100% 50%; } .articles_detail_thumbnail_arrow.down { margin-top: 0px; margin-left: 10px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/93e470f4ad03595e83f3a6bebcf02496.svg); background-position: 0% 50%; } .articles_detail_thumbnail_img { height: auto; padding: 0px 8px; } .articles_detail_thumbnail { margin: 0px 15px; } .popup_bg_color { background-color: #fff; } .detail_popup_back { display: block; } .mobile_search_container { position: absolute; left: 0%; top: 0%; right: 0%; bottom: auto; z-index: 30000; } .mobile_close_icon { width: 50px; height: 50px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/9a6da681745390dc1a040d902f786131.svg); background-position: 50% 50%; background-size: 30px; background-repeat: no-repeat; } .mobile_search_title { padding-top: 30px; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; font-size: 48px; line-height: 52px; text-align: center; } .mobile_menu_container { position: absolute; left: 0%; top: 0%; right: 0%; bottom: auto; z-index: 30000; } .mobile_menu_row { padding-right: 25px; padding-left: 25px; } .mobile_menu_row.event { padding-right: 0px; padding-left: 0px; } .mobile_menu_row.back { padding-right: 0px; padding-left: 0px; } .mobile_menu_row_block { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #f88028; font-size: 20px; line-height: 28px; } .mobile_menu_row_block.menu_content { overflow: scroll; height: 71vh; } .mobile_menu_row_block.tnc_page { height: 84vh; } .mobile_menu_row_block.app_tnc_page { height: 77vh !important; } .mobile_menu_row_block.login { text-align: right; } .mobile_menu_row_block.search { height: 5vh; } .mobile_menu_row_block.user_area { border-bottom-style: none; } .mobile_menu_row_block.event { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 25px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #f88028; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; font-size: 28px; line-height: 36px; text-align: center; } .mobile_menu_row_block.share { padding-bottom: 5px; text-align: center; } .mobile_menu_row_block.footer { border-bottom-style: none; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-weight: 100; font-size: 16px; line-height: 20px; } .mobile_menu_row_block.back { padding-right: 25px; padding-left: 25px; } .mobile_menu_btn { width: 100%; padding-top: 6px; padding-bottom: 6px; } .mobile_menu_btn.logout_register { width: auto; margin-left: 40px; padding-top: 0px; padding-bottom: 0px; font-size: 16px; font-style: normal; font-weight: 100; } .mobile_menu_btn._1st { font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; font-size: 28px; line-height: 36px; } .mobile_menu_btn._2nd { font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; } .mobile_menu_btn.back { padding-top: 0px; padding-bottom: 0px; } .mobile_menu_btn._3rd { font-size: 18px; line-height: 26px; } .mobile_menu_logined { display: none; } .mobile_menu_user_btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding-top: 5px; padding-bottom: 5px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .mobile_menu_user_area_icon { width: 50px; height: 50px; margin-right: 25px; } .mobile_menu_user_area_icon.profile { background-image: url(https://uat-fwdmax.fwd.com.hk/static/b2551c35908e3af2c27aaac31886b930.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .mobile_menu_user_area_icon.photo_upload { background-image: url(https://uat-fwdmax.fwd.com.hk/static/757f08e9d081f99e3953901dbe1e0233.svg); background-position: 50% 50%; background-size: 40px; background-repeat: no-repeat; } .mobile_menu_login { display: none; } .mobile_menu_login_field { padding: 30px 25px; border-bottom: 1px solid #f88028; background-color: #fff; } .mobile_menu_login_field.login { padding: 30px 25px; padding-top: 0 !important; border-bottom: 1px solid #f88028; background-color: #fff; } .rewards_detail_popup_1 { margin-top: 71px; padding-top: 50px; padding-right: 0px; padding-left: 0px; } .articles_detail_thumbnail_img_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .mobile_profile_icon { margin-right: 25px; } .events_detail_popup_1 { margin-top: 71px; padding-top: 50px; padding-right: 0px; padding-left: 0px; } .passions_detail_popup_1 { margin-top: 71px; padding-top: 50px; padding-right: 0px; padding-left: 0px; } ._2nd_inner_title_row { padding-right: 20px; padding-left: 20px; } ._2nd_inner_content_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } ._2nd_inner_content_container.membership { padding-bottom: 20px; } ._2nd_inner_content_container.lucky_draw { padding-right: 20px; padding-bottom: 80px; padding-left: 20px; } ._2nd_inner_content_container.reward_confirmation { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .profile_icon_column { width: 100%; height: auto; margin-right: 0px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .profile_qr_mobile { display: block; margin-left: 40px; } .profile_content_right { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .profile_content_column { width: 100%; padding: 30px 20px 40px; border-bottom: 1px solid #f88028; } .profile_content_column._1 { width: 100%; padding-top: 40px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .profile_content_column._2 { width: 100%; margin-right: 0px; margin-left: 0px; padding-top: 40px; } .profile_content_column._3 { width: 100%; padding-top: 40px; } .profile_content_column._4 { width: 100%; padding-top: 25px; border-bottom:unset; height: auto; } .profile_column_title.your_activities { /*margin-bottom: 25px;*/ } .profile_info_btn_container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; display: block; } .profile_activities_block { max-width: 500px; } .membership_remark { padding-right: 20px; } .membership_content { padding-bottom: 20px; padding-left: 0px; background-image: none; background-size: auto; background-repeat: repeat; } .membership_row { padding: 10px 20px 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-top: 1px solid #f88028; } .membership_row.title { display: none; } .membership_row._1 { border-bottom-style: none; } .membership_row._2 { border-bottom-color: #f88028; } .membership_column_1 { width: 100%; padding-left: 0px; } .membership_column_1._1 { width: 100%; padding-bottom: 0px; border-bottom-style: none; } .membership_column_1._2 { padding-bottom: 0px; border-bottom-style: none; } .membership_column_2 { width: 100%; padding-left: 0px; } .membership_column_3 { width: 100%; padding-left: 0px; } .membership_mobile_subtitle { display: block; padding-top: 10px; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; font-size: 20px; line-height: 28px; } .reward_confirmation_section { width: 100%; } .reward_confirmation_section.right { margin-left: 0px; } .reward_confirmation_section.left { margin-right: 0px; padding: 20px 20px 60px; } .reward_confirmation_img_thumbnail_container { padding-top: 15px; padding-bottom: 15px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-bottom: 1px solid #ccc; } .reward_confirmation_img_thumbnail { margin-right: 5px; margin-left: 5px; } .mobile_menu_member_text { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .article_detail_rating_container { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .generic_page_text_container { padding-right: 25px; padding-left: 25px; } .register_or_bar { margin-top: 10px; } .what_is_max_word._1 { padding-right: 30px; padding-left: 30px; } .what_is_max_reason_block { padding-right: 25px; padding-left: 25px; } .contact_us_form_container { padding-right: 25px; padding-left: 25px; } .mobile_inbox_btn { position: relative; display: block; width: 30px; height: 30px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/66eddd641d54ef973448c451134eb548.png); background-position: 50% 50%; background-size: 100%; background-repeat: no-repeat; } .mobile_wallet_btn { position: relative; display: block; width: 30px; height: 30px; margin-right: 20px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/bcc6f440bb59c0a1fda2d3748f8f73f2.png); background-position: 50% 50%; background-size: 75%; background-repeat: no-repeat; } .mobile_game_centre_btn { position: relative; display: block; width: 40px; height: 40px; margin-right: 20px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/55452495eb5ad9a832c77e0843b4c9d6.svg); filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(340deg) brightness(103%) contrast(101%); background-position: 70% 50%; background-size: 55%; background-repeat: no-repeat; } .mobile_inbox_btn_number { position: absolute; left: auto; top: 0%; right: 5%; bottom: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 10px; height: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 99px; background-color: red; color: #fff; font-size: 12px; line-height: 16px; } .stamp_card_btn { position: relative; display: block; width: 30px; height: 40px; margin-right: 20px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/f7d7fdd20d169d8a113a075d5c473f70.png); background-position: 50% 50%; background-size: 140%; background-repeat: no-repeat; } .stamp_card_btn_number { position: absolute; left: auto; top: 0%; right: 5%; bottom: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 10px; height: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 99px; background-color: red; color: #fff; font-size: 12px; line-height: 16px; } .inbox_tab_menu { padding-top: 5px; padding-bottom: 10px; } .inbox_tab_pane { padding-right: 40px; padding-left: 40px; } .inbox_fixed_btn_container { bottom: 90px; } .profile_chart_legend_container { max-width: 800px; } .profile_chart_legend { width: 25%; } .mobile_profile_btn { display: block; width: 30px; height: 40px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/828ed4017a3fea4756aa48abe3bb4d16.png); background-position: 50% 50%; background-size: 100%; background-repeat: no-repeat; } .mobile_home_btn { display: block; width: 30px; height: 40px; margin-right: 20px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/46f71375ef503a191c984b375eced8d8.png); background-position: 50% 50%; background-size: 100%; background-repeat: no-repeat; } .mobile_header_back_icon { position: relative; display: block; width: 50px; height: 50px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/9f111412fb440740236d64460048611a.png); background-position: 25% 50%; background-size: 50%; background-repeat: no-repeat; } .mobile_header_back_text { position: absolute; left: 100%; top: 13px; right: auto; bottom: auto; margin-left: -10px; color: #fff; } .mobile_stamcard_btn { display: block; width: 30px; height: 40px; margin-right: 20px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/f1a7b297ef631970df50e05215de8c83.png); background-position: 50% 50%; background-size: 100%; background-repeat: no-repeat; } .mobile_gamecampaign_btn { display: block; width: 30px; height: 40px; margin-right: 20px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/c49a2406229ab4f8af7987749b7e89f0.png); background-position: 50% 50%; background-size: 100%; background-repeat: no-repeat; } } @media (max-width: 767px) { .kv_slider_content_container.w-slide:before{ content: ""; width: 1px; display: inline-block; height: 100%; vertical-align: middle; margin-left: -1px; } .kv_slider_content{ display: inline-block; width: 100%; } .section_container.kv { padding: 0 0 0 0 !important; } .section_container.mobile_sorting { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 0px; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; border-bottom: 1px solid #f88028; } .section_container.sorting_bar_section { display: none; } .section_container.point_range_filter { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 5px; padding-bottom: 5px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #f88028; line-height: 28px; } .section_container.what_is_max_kv { height: 480px; padding-bottom: 50px; } .header_up_item { margin-right: 15px; font-size: 16px; line-height: 24px; } .header_up_item.member { margin-right: 0px; } .kv_slider_nav { width: 25%; margin-top: -52px; position: absolute !important; margin-bottom: -40px !important; /* margin-right: 20px; */ display: none; } .kv_slider_arrow_container { width: 10%; margin-top: 0; top: calc(50% - 20px); color: #fff; font-size: 32px; line-height: 32px; } .kv_slider_content { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .kv_slider_img { width: 100%; } .kv_slider_text_container { width: 100%; padding-top: 30px; padding-right: 20px; padding-left: 20px; } .kv_slider_agent_arrow.right { margin-right: auto; margin-left: 5px; padding-left:0px; } .btn.like.passions { margin-right: 15px; } .featured_rewards_block { display: block; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 20px; } .featured_rewards_row{ margin-top: 0px; margin-bottom: 0px; } .reward_block_line { margin-top: 10px; margin-bottom: 10px; } .main_right.home { padding-top: 0px; } .main_section_container.inner_page { padding-top: 0px; } .main_section_container.what_is_max { padding-top: 40px; padding-bottom: 40px; } .main_section_container.what_is_max.reason { padding-bottom: 10px; } .lucky_draw_img { height: 200px; } .lucky_draw_text { width: auto; padding: 20px; font-size: 20px; line-height: 24px; } .lucky_draw_text.tc { font-size: 20px; } .featured_passions_row.left { width: 100%; margin-right: 0px; } .featured_passions_row.right { width: 100%; margin-left: 0px; } .featured_passions_block.detail_similar { width: 50%; } .featured_passions_block.detail_similar.center { margin-right: 0px; } .featured_passions_block.detail_similar.last { display: none; } .main_section_title_bar { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .main_section_title_bar.inner_page { display: none; } .main_section_title { font-size: 28px; line-height: 32px; } .main_section_title._2nd_big { font-size: 18px; line-height: 32px; } .main_section_title.tc { font-size: 26px; } .sort_by_btn { display: none; } .inner_page_block_row { margin-top: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .inner_page_block_row.detail.passion { max-width: 450px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .inner_page_block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .inner_page_block.left { margin-right: 0px; } .inner_page_block.left.reward { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .inner_page_block.right { margin-top: 20px; margin-left: 0px; } .inner_page_block.right.reward { margin-top: 15px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .inner_page_block.reward_featured { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .inner_page_block.reward { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; position: relative;; } .inner_page_block.reward:before { content: ""; display: block; width: 125px; height: 100%; position: absolute; top: 0; left: 0; background-color: #FFF; z-index: 0; border-radius: 5px 0 0 5px; } .upload_photo_radio_btn_container { padding-right: 0px; padding-left: 0px; } .mobile_search_icon { margin-right: 15px; } ._100percent_width_img { border-radius: 0px; } .featured_passions_container { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .featured_rewards_thumbnail_sq { display: none; } .featured_rewards_thumbnail_mobile { display: block; width: 100%; } .mobile_sorting_title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 95px; padding-top: 8px; padding-bottom: 8px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-right: 1px solid #f88028; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; } .mobile_sorting_title.tc { font-family: "Noto Sans TC", sans-serif; font-size: 15px; line-height: 22px; font-weight: 700; } .mobile_sorting_home_icon { width: 20px; height: 20px; margin-right: 10px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/f75fdd896b6368a2e1b61bef39d7489f.svg); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .mobile_sorting_home_icon.tc { height: 24px; background-position: 50% 30%; background-size: contain; background-repeat: no-repeat; margin-left: 6%; } .mobile_sorting_container { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .mobile_sorting_dropdown { width: 100%; padding: 8px 40px 8px 20px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/bc208bde023a7beb2d446befb3dca476.svg); background-position: 95% 50%; background-size: 12px; background-repeat: no-repeat; } .mobile_sorting_dropdown.w--open { background-color: #f88028; background-image: url(https://uat-fwdmax.fwd.com.hk/static/9cf5acd41a223e45c2a968f9299ea189.svg); color: #fff; } .mobile_sorting_dropdown.filter_by { border-right: 1px solid #f88028; background-position: 90% 50%; } .mobile_sorting_dropdown.sort_by { background-position: 90% 50%; } .mobile_sorting_dropdown.tc { font-family: "Noto Sans TC", sans-serif; font-size: 15px; line-height: 22px; } .mobile_sorting_dropdown_list.w--open { left: -115px; top: 41px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100vw; padding: 15px 20px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-bottom: 1px solid #f88028; background-color: #fff; } .mobile_sorting_dropdown_list.sort_by.w--open { left: auto; top: 41px; right: 0%; bottom: auto; } .mobile_sorting_item { display: -webkit-box; display: -ms-flexbox; display: flex; width: 33.333%; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 20px; } .mobile_sorting_box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 22px; height: 22px; margin-right: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #f88028; } .warning_bar_logout { padding-right: 25px; padding-left: 25px; z-index: 10000000; } .warning_bar_content { font-size: 16px; line-height: 28px; } .warning_bar_content > div:nth-child(1){ width: calc(100% - 32px); } .popup_area_close { width: 20px; height: 20px; } .articles_detail_thumbnail_arrow { width: 60px; } .articles_detail_thumbnail_arrow.up { margin-right: -5px; padding-left: 25px; } .articles_detail_thumbnail_arrow.down { margin-left: -6px; padding-right: 25px; } .articles_detail_popup_row { padding-right: 25px; padding-left: 25px; } .articles_question_popup_row { padding-right: 25px; padding-left: 25px; } .tag_col{ display: block !important; } .share_popup_close { width: 20px; height: 20px; } .mobile_search_title { font-size: 28px; line-height: 32px; } .mobile_menu_row_block { font-size: 18px; line-height: 22px; } .mobile_menu_row_block.event { font-size: 24px; line-height: 30px; } .mobile_menu_row_block.footer { font-size: 14px; line-height: 18px; } .mobile_menu_btn._1st { font-size: 24px; line-height: 32px; } .mobile_menu_btn._3rd { padding-top: 4px; padding-bottom: 4px; font-size: 16px; line-height: 24px; } .mobile_menu_user_area_icon { width: 40px; height: 40px; margin-right: 20px; } .mobile_menu_user_area_icon.photo_upload { background-size: 35px; } .reward_block_img { display: none; } .reward_block_img.featured { width: 100%; } .reward_block_info { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .reward_block_title { max-height: 24px; } .reward_block_title.featured { max-height: 24px; margin-top: 0px; } .reward_block_content { display: none; } .reward_block_content.featured { max-height: 40px; } .reward_block_point { font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-size: 16px; line-height: 20px; } .reward_block_remain { display: none; } .reward_range_filter_container { display: none; } .mobile_reward_range_filter { min-width: 75px; margin-right: 10px; margin-left: 10px; background-color: #fff; text-align: center; } .reward_block_info_categories { display: none; } .reward_block_img_mobile { display: block; } .detail_select_plan_option.confirmation.area { margin-left: 20px; } .mobile_profile_icon { width: 40px; margin-right: 20px; } .passions_block_column { width: 50%; } .passions_block_column.right { display: none; } .passions_detail_user_icon { margin-right: 15px; } .passions_detail_user_name { margin-right: 15px; } ._2nd_inner_title_row { padding-top: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .profile_title_btn_container { margin-top: 20px; } .profile_qr_mobile { margin-left: 20px; } .profile_user_name { font-size: 24px; line-height: 32px; } .selection_tick { width: 22px; height: 22px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/348377e592ca51c3a9da62e032594755.jpg); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .generic_page_text_container { padding-right: 20px; padding-left: 20px; } .generic_page_text_container.contact_us { padding-right: 20px; padding-left: 20px; } .passions_description { margin-top: 20px; margin-bottom: 20px; } .what_is_max_word { font-size: 24px; line-height: 32px; } .what_is_max_word._1 { padding-top: 10px; padding-bottom: 10px; font-size: 36px; line-height: 44px; } .what_is_max_reason_container { margin-top: 0px; } .what_is_max_reason_block { width: 50%; } .what_is_max_tier_container { margin-bottom: -60px; } .what_is_max_tier_row { padding-top: 30px; padding-bottom: 25px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .what_is_max_tier_row.title { display: none; } .what_is_max_tier_row._2 { padding-bottom: 5px; } .what_is_max_tier_block1.content { width: 100%; padding-right: 0px; padding-bottom: 20px; } .what_is_max_tier_block2 { width: 50%; } .what_is_max_tier_block3 { width: 50%; } .what_is_max_tier_text_title { width: 100%; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #f88028; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; font-size: 18px; line-height: 26px; } .invite_friend_btn_container { padding-right: 0px; padding-left: 0px; } .earning_guide_container { padding-right: 20px; padding-left: 20px; } .earning_guide_row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .earning_guide_column { width: 100%; padding-top: 5px; padding-bottom: 0px; font-size: 20px; line-height: 24px; } .earning_guide_column._1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 2px; padding-bottom: 2px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .earning_guide_column._1.title { display: none; } .earning_guide_column._2_1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding-top: 2px; padding-bottom: 2px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .earning_guide_column._2_1.title { display: none; } .earning_guide_column.title { font-size: 16px; line-height: 20px; } .earning_guide_mobile_title { display: block; padding-right: 20px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #333; font-size: 16px; line-height: 20px; text-align: left; } .contact_us_form_container { padding-right: 20px; padding-left: 20px; } .contact_us_form { padding: 25px 30px; } .contact_us_form_btn { margin-bottom: 10px; } .redeem_val_block{ width: 90px; display: inline-block; } .agent_hierarchy_container { padding-right: 20px; padding-left: 20px; z-index: 0; } .agent_name { font-size: 20px; line-height: 20px; } .agent_info_col { width: 50%; min-width: 250px; } .bottom_bar_container_in { max-width: 400px; } .inbox_tab_menu { padding-top: 0px; padding-bottom: 0px; } .inbox_tab_link { margin-right: 30px; margin-left: 30px; padding-top: 2px; padding-bottom: 2px; } .inbox_tab_link_line { height: 3px; margin-bottom: -3px; } .inbox_tab_pane { padding-top: 15px; padding-right: 25px; padding-left: 25px; } .inbox_month { margin-top: 10px; padding-top: 10px; padding-bottom: 10px; } .inbox_message { margin-top: 10px; } .inbox_message_up { padding: 18px 15px 12px; } .inbox_message_dot { width: 6px; height: 6px; margin-right: 10px; } .inbox_message_down { padding: 15px 20px 40px; } .inbox_message_image { margin-top: 15px; } .inbox_delete_step { width: 40px; } .profile_chart_legend_container { max-width: 500px; } .registrationFormContainer{ min-width: unset !important; } } @media (max-width: 479px) { /* .register_reward_icon{ width: 70vw; } */ .register_reward_icon img { display: block; width: 100%; height: auto; /* maintain aspect ratio*/ } .reward_item_container_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: block; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 2px; margin-bottom: 10px; } .sf_item_container_row{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: block; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .sf_item_selection { min-width: 220px; margin: 10px 0px 0px 10px; background-color: #fff; white-space: normal; } .padding-top_12{ padding-top: 12px; } .profile_qr_mobile.canvas{ max-width: 100%; max-height: 100%; margin: 0; } .padding_bottom_0{ padding-bottom: 0px !important; } .section_container { padding-right: 15px; padding-left: 15px; } .section_container.header { padding-right: 15px; padding-left: 15px; } .section_container.kv { padding-bottom: 20px; overflow: hidden; } .section_container.point_range_filter { line-height: 20px; } .section_container.what_is_max_kv { height: 400px; padding-bottom: 25px; } .header_container { padding-top: 8px; padding-bottom: 8px; } .header_up_item { margin-right: 10px; padding: 2px 10px 0px; font-size: 16px; line-height: 22px; } .header_up_item.member { padding-top: 4px; padding-bottom: 4px; } .kv_slider_nav { width: 40%; margin-top: -48px; display: none; } .slide_dot{ /* margin-top: -40px !important; */ } .kv_slider_arrow_container { width: 12.5%; font-size: 24px; line-height: 24px; } .kv_slider_agent_arrow_container { font-size: 24px; line-height: 24px; padding-left:0px; } .kv_slider_text_container { padding-top: 20px; padding-right: 15px; padding-left: 15px; } .kv_slider_categories { margin-bottom: 5px; font-size: 16px; } .kv_slider_categories.tc { font-size: 14px; } .kv_slider_title { max-height: 56px; font-size: 24px; line-height: 28px; } .kv_slider_title.tc { font-size: 22px; } .kv_slider_line { margin-top: 15px; margin-bottom: 15px; } .btn.share { margin-left: 15px; padding-right: 25px; padding-left: 25px; background-position: 16px 45%; background-size: 16px; } .btn.share:hover { background-position: 15px 45%; } .btn.share.detail { display: none; margin-top: 4px; padding-right: 20px; padding-left: 45px; } .btn.share.detail:hover { padding-right: 18px; padding-left: 44px; } .btn.share.detail.phone { display: block; margin-top: -20px; } .btn.share.detail.phone.reward { margin-top: -20px; } .btn.share.detail.phone.event { margin-top: -40px; } .btn.share.detail.passions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .btn.section_top { display: none; } .btn.profile_title_btn { min-width: auto; } .btn.profile_title_btn:hover { padding-right: 21px; padding-left: 21px; } .btn.profile_title_btn.right { margin-left: 10px; } .btn.profile_info_btn { min-width: auto; padding-right: 15px; padding-left: 15px; width: 290px; height: 39px; } .btn.profile_info_btn:hover { padding-right: 19px; padding-left: 19px; } .btn.profile_info_btn._2 { margin-left: 10px; } .btn.lucky_draw { margin-top: 30px; } .rating_btn_number { margin-left: 0px; font-size: 24px; line-height: 24px; } .kv_slider_description { font-size: 14px; line-height: 18px; } .kv_slider_description.tc { font-size: 13px; } .featured_section_top { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .featured_section_title { font-size: 24px; line-height: 28px; } .featured_rewards_content { margin-right: 15px; margin-left: 15px; } .featured_rewards_content.tc { padding-top: 10px; } .light.tc { font-size: 14px; } .featured_section_content_title { max-height: 48px; font-size: 20px; line-height: 24px; } .featured_section_content_title.home { height: auto; font-size: 20px; line-height: 24px; } .featured_section_content_title.home.tc { font-size: 16px; line-height: 24px; } .featured_section_content_title.tc { font-size: 18px; } .reward_block_line { margin-top: 7px; } .featured_rewards_description { max-height: 36px; font-size: 14px; line-height: 18px; } .featured_rewards_description.tc { font-size: 13px; } .featured_rewards_price { max-height: 40px; font-size: 16px; line-height: 20px; } .featured_rewards_price.tc { font-size: 14px; } .main_right { padding-right: 0px; padding-left: 0px; } .main_right.home { padding-bottom: 0px; } .main_section_container.what_is_max { padding-top: 30px; padding-bottom: 30px; } .main_left { margin-top: 0px; padding-right: 15px; padding-left: 15px; } .lucky_draw_block { display: block; width: auto; margin-right: 20px; /* margin-bottom: 30px; */ margin-bottom: 0px; margin-left: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .lucky_draw_img { width: 100%; height: auto; } .lucky_draw_text { padding: 15px 20px; } .lucky_draw_text.tc { font-size: 18px; } .featured_section { padding: 30px 15px 20px; border-top: 1px solid #f88028; } .featured_section_thumbnail { width: 100px; height: 100px; margin-right: 15px; } .featured_section_description { max-height: 54px; font-size: 14px; line-height: 18px; } .featured_section_description.tc { font-size: 13px; } .featured_passions_row.right { margin-top: 10px; } .featured_passions_block.detail_similar.center { margin-left: 10px; } .featured_passions_number { padding-right: 5px; padding-left: 30px; font-size: 15px; line-height: 20px; } .featured_passions_number.like { margin-right: 5px; background-position: 5px 48%; background-size: 18px; } .featured_passions_number.share { margin-left: 5px; background-position: 5px 42%; background-size: 18px; } .footer_share_icon { width: 30px; height: 30px; margin-right: 8px; margin-left: 8px; } .footer_share_icon.email.share_popup { margin-right: 8px; margin-left: 8px; } .footer_share_icon.fb.popup { margin-right: 8px; margin-left: 8px; } .footer_share_icon.wtsapp.popup { margin-right: 8px; margin-left: 8px; } .footer_share_icon.ws.popup { margin-right: 8px; margin-left: 8px; } .footer_share_icon.wechat.popup { margin-right: 8px; margin-left: 8px; } .footer_share_icon.twitter.popup { margin-right: 8px; margin-left: 8px; } .footer_share_icon.rss.popup { margin-right: 8px; margin-left: 8px; } .main_section_title { font-size: 24px; line-height: 30px; } .main_section_title._2nd_big { padding-right: 15px; padding-left: 15px; /* font-size: 24px; */ line-height: 28px; padding-bottom: 15px; } .main_section_title._3rd_big { margin-top:20px; /* font-size: 24px; */ line-height: 28px; padding-bottom: 15px; } .Qr_section_title { font-weight: bold; padding: 15px; padding-top: 50px; line-height: 28px; font-size: 1.5em; display:flex; justify-content: center; text-align:　center } .main_section_title._2nd_big.lucky_draw_banner { padding-right: 15px; padding-left: 15px; font-size: 24px; line-height: 28px; text-align: center; } .article_block_black { margin-top: -68px; padding: 10px 15px; } .article_categories { font-size: 16px; line-height: 24px; display: inline-flex; margin-right: 20px; } .article_categories.tc { font-size: 14px; display: inline-flex; margin-right: 20px; } .article_title { height: 24px; font-size: 20px; line-height: 24px; } .article_title.tc { font-size: 18px; } .article_block_info { padding-left: 15px; width: 100%; } .block_description { max-height: 36px; padding-right: 15px; font-size: 14px; line-height: 18px; } .block_description.tc { font-size: 13px; } .article_block_rating { padding-right: 15px; padding-left: 15px; } .block_number { line-height: 24px; } .block_number.events { line-height: 24px; } .loading_bar { padding-bottom: 250px; } .header_up_dropdown_title { font-size: 24px; line-height: 28px; } .header_up_dropdown_title_promotion_reg { font-size: 16px; line-height: 28px; } .authen_hints { font-size: 14px; padding: 0 30px; } .header_dropdown_input_area { font-size: 14px; line-height: 22px; } .upload_photo_radio_btn_block { width: 50%; } .logo { height: 30px; } .mobile_hamgurger_icon { width: 40px; height: 30px; background-size: 22px; } .mobile_search_icon { width: 40px; height: 30px; margin-right: 10px; background-size: 20px; } .kv_btn_text { display: none; } .featured_passions_container { padding-bottom: 0px; } .mobile_more_btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-top: 20px; margin-bottom: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .mobile_sorting_title { width: 95px; padding-top: 6px; padding-right: 15px; padding-bottom: 5px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: -1px; } .mobile_sorting_title.tc { font-size: 13px; } .mobile_sorting_home_icon { width: 16px; height: 16px; margin-right: 8px; } .mobile_sorting_dropdown { padding-top: 9px; padding-bottom: 5px; padding-left: 15px; } .mobile_sorting_dropdown.tc { font-size: 13px; } .mobile_sorting_dropdown_list.w--open { left: -110px; top: 39px; padding: 10px 15px; } .mobile_sorting_dropdown_list.sort_by.w--open { top: 39px; } .mobile_sorting_item { width: 50%; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; font-size: 13px; line-height: 22px; } .mobile_sorting_box { margin-right: 8px; } .register_field_block.left { width: 100%; padding-right: 0px; } .register_field_block.right { width: 100%; padding-left: 0px; } .warning_bar_logout { padding-right: 20px; padding-left: 20px; } .popup_area_close { margin-right: 20px; margin-left: 20px; } .popup_area_close.detail { margin-top: 10px; margin-right: 15px; margin-left: 15px; } .warning_bar_login { padding-top: 60px; padding-right: 20px; padding-left: 20px; } .articles_detail_popup_1 { margin-top: 47px; padding-top: 40px; } .articles_detail_thumbnail_container { padding-top: 10px; padding-bottom: 10px; } .articles_detail_thumbnail_arrow { width: 30px; } .articles_detail_thumbnail_arrow.up { margin-right: -10px; padding-left: 40px; } .articles_detail_thumbnail_arrow.down { margin-left: -10px; padding-right: 40px; } .articles_detail_thumbnail_img { padding-right: 5px; padding-left: 5px; } .articles_detail_thumbnail_img.mobile_none { display: none; } .articles_detail_popup_row { padding-right: 15px; padding-left: 15px; font-size: 14px; line-height: 30px; } .articles_question_popup_row { padding-right: 15px; padding-left: 15px; font-size: 14px; line-height: 30px; } .articles_detail_popup_row.title { padding-top: 15px; padding-bottom: 10px; } .articles_detail_popup_row.events_detail_mp_row { padding-bottom: 5px; } .articles_detail_popup_row.passion_info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .articles_detail_title { font-size: 20px; line-height: 24px; } .articles_detail_categories { font-size: 16px; line-height: 24px; } .articles_pillar{ display: inline-flex; margin-left: 10px; } .rewards_pillar{ display: inline-flex; margin-right: 10px; } .detail_info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .detail_info.reward { padding-top: 10px; padding-bottom: 10px; } .detail_info.events { width: 100%; margin-top: 5px; font-size: 16px; } .articles_detail_writer { margin-left: 0px; } .articles_detail_rating_bar { width: 100%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 14px; line-height: 18px; } .articles_detail_rating_number { margin-right: 20px; margin-left: 5px; font-size: 20px; } .articles_detail_rating_star_container { width: 105px; margin-top: 2px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .articles_detail_rating_text { padding-top: 6px; } .articles_detail_info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .share_popup_container { padding-right: 20px; padding-left: 20px; } .share_popup_row { padding-right: 20px; padding-left: 20px; font-size: 14px; line-height: 22px; } .share_popup_row.title { padding-top: 20px; padding-bottom: 10px; font-size: 20px; line-height: 28px; } .share_popup_sns_row { margin-right: -10px; margin-bottom: 10px; margin-left: -10px; } .text-block-4 { width: auto; } .mobile_close_icon { width: 30px; height: 30px; background-size: 22px; } .mobile_search_title { font-size: 24px; line-height: 28px; } .mobile_menu_row { padding-right: 15px; padding-left: 15px; } .mobile_menu_row_block { padding-top: 10px; padding-bottom: 10px; font-size: 16px; line-height: 24px; } .mobile_menu_row_block.event { padding: 20px; font-size: 20px; line-height: 24px; } .mobile_menu_row_block.footer { font-size: 12px; line-height: 16px; } .mobile_menu_btn { padding-top: 4px; padding-bottom: 4px; } .mobile_menu_btn._1st { font-size: 20px; line-height: 28px; } .mobile_menu_btn._3rd { font-size: 16px; line-height: 22px; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; } .mobile_menu_user_btn { font-size: 16px; line-height: 20px; } .mobile_menu_user_area_icon { width: 30px; height: 30px; margin-right: 15px; } .mobile_menu_user_area_icon.photo_upload { background-size: 25px; } .mobile_menu_login_field { padding-right: 15px; padding-left: 15px; } .reward_block_info { padding: 24px 15px; font-weight: bold; } .reward_block_title { max-height: initial; font-size: 16px; line-height: 18px; } .reward_block_title.featured { max-height: 16px; } .reward_block_content.featured { max-height: 36px; font-size: 14px; line-height: 18px; } .reward_block_point { font-size: 14px; line-height: 18px; } .reward_block_point.sold_out { font-size: 15px; line-height: 32px; } .mobile_reward_range_filter { min-width: 62px; margin-right: 10px; margin-left: 10px; padding-top: 3px; padding-bottom: 2px; } .reward_block_img_mobile { width: 100px; } .rewards_detail_popup_1 { margin-top: 47px; padding-top: 40px; } .rewards_detail_remaining { width: 100%; margin-top: -5px; margin-right: 0px; padding-right: 0px; border-right-style: none; } .detail_select_plan_option { margin-bottom: -5px; font-size: 16px; line-height: 20px; } .detail_select_plan_option.confirmation.area { margin-top: 10px; margin-bottom: 0px; font-size: 14px; line-height: 18px; } .rewards_detail_expired { width: 100%; margin-top: -15px; } .mobile_profile_icon { width: 30px; margin-right: 15px; } .passions_block_column.left { margin-right: 10px; } .passions_block { margin-bottom: 10px; } .events_block_mp { padding-right: 10px; padding-left: 10px; font-size: 14px; line-height: 14px; } .events_detail_popup_1 { margin-top: 47px; padding-top: 40px; } .passions_detail_popup_1 { margin-top: 47px; padding-top: 40px; } .passions_detail_content { font-size: 20px; line-height: 24px; } .passions_detail_btn { margin-top: 20px; } .passions_detail_user_name { margin-right: 30px; } ._2nd_inner_title_row { padding-right: 0px; padding-bottom: 5px; padding-left: 0px; text-align: center; } ._2nd_inner_title_row.profile { padding-bottom: 30px; } ._2nd_inner_title_row.what_is_max { padding-bottom: 0px; } ._2nd_inner_content_container.lucky_draw { padding-right: 15px; padding-left: 15px; } .profile_qr_mobile { width: 125px; height: 125px; margin-left: 0px !important; margin-top: 10px !important; margin-bottom: 25px !important; } .profile_icon_column{ flex-direction: column !important; } .profile_icon { width: 125px; height: 125px; } .profile_content_column._1 { padding-top: 20px; } .profile_content_row { font-size: 14px; line-height: 22px; } .profile_user_name { font-size: 20px; line-height: 28px; } .profile_activities_row { font-size: 14px; line-height: 22px; } .profile_activities_row._1 { font-size: 16px; /*line-height: 26px;*/ } ._2nd_inner_content_description { width: 100%; font-size: 14px; line-height: 22px; } ._2nd_inner_content_description.lucky_draw { padding-right: 15px; padding-left: 15px; } .membership_remark { padding-right: 15px; font-size: 14px; line-height: 22px; } .membership_content { padding-top: 30px; padding-bottom: 15px; } .membership_row { padding-top: 15px; padding-right: 15px; padding-left: 15px; } .membership_column_1 { font-size: 24px; line-height: 32px; } .membership_column_2 { font-size: 16px; line-height: 24px; } .membership_column_3 { font-size: 14px; line-height: 22px; } .membership_mobile_subtitle { padding-top: 5px; font-size: 16px; line-height: 24px; } .lucky_draw_tc { margin-top: 25px; padding-right: 15px; padding-left: 15px; } .lucky_draw_tc_content { font-size: 14px; line-height: 22px; } .lucky_draw_tc_title { margin-top: 15px; } .reward_confirmation_section.left { padding-right: 15px; padding-left: 15px; } .reward_confirmation_info { font-size: 14px; line-height: 20px; } .reward_confirmation_subtitle { margin-top: 15px; } .reward_confirmation_title { font-size: 20px; line-height: 28px; } .reward_confirmation_categories { font-size: 16px; line-height: 24px; } .reward_confirmation_your_plan { font-size: 14px; line-height: 22px; } .reward_confirmation_your_plan_right { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .reward_confirmation_your_plan_remark { font-size: 14px; } .reward_confirmation_field_row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .reward_confirmation_field_block { width: 100%; } .reward_confirmation_field_block.left { margin-right: 0px; } .reward_confirmation_field_block.right { margin-left: 0px; } .reward_confirmation_field_block.area { margin-top: 0px; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .reward_confirmation_field_text { padding-bottom: 2px; font-size: 14px; line-height: 22px; } .reward_confirmation_field_text.confirmation { padding-top: 10px; } .reward_confirmation_img_thumbnail_container { padding-top: 10px; padding-bottom: 10px; } .reward_confirmation_img_thumbnail { width: 100px; height: 60px; margin-right: 2px; margin-left: 2px; } .detail_select_plan_text { font-size: 14px; line-height: 18px; } .article_detail_rating_container { width: 100%; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .generic_page_text_container { padding-right: 15px; padding-left: 15px; font-size: 14px; line-height: 22px; } .generic_page_text_container.contact_us { padding-right: 15px; padding-left: 15px; } .generic_page_text_container.faq { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .generic_page_text_subtitle { font-size: 18px; line-height: 26px; } .passions_description { font-size: 16px; line-height: 22px; } .what_is_max_word { padding: 5px 15px; font-size: 20px; line-height: 28px; } .what_is_max_word._1 { padding-right: 20px; padding-left: 20px; font-size: 28px; line-height: 36px; } .what_is_max_word._2 { margin-left: 40px; } .what_is_max_word._3 { margin-left: 20px; } .what_is_max_reason_block { width: 100%; padding-right: 0px; padding-left: 0px; font-size: 14px; line-height: 22px; } .what_is_max_reason_block.first { padding-top: 15px; } .what_is_max_reason_icon { width: 75px; height: 75px; } .what_is_max_reason_title { font-size: 20px; line-height: 28px; } .what_is_max_how_icon { width: 60px; height: 60px; } .what_is_max_tier_container { margin-bottom: -30px; } .what_is_max_tier_row { padding-top: 20px; padding-bottom: 15px; } .what_is_max_tier_block2 { width: 100%; padding-right: 0px; } .what_is_max_tier_block3 { width: 100%; margin-top: 16px; } .what_is_max_tier_text { font-size: 14px; line-height: 22px; } .what_is_max_tier_text_title { margin-bottom: 10px; padding-bottom: 5px; } .extra_page_number_container { font-size: 14px; line-height: 22px; } .extra_page_number { width: 25px; } .extra_page_number._2 { width: 20px; } .extra_page_number._3 { width: 15px; } .extra_page_number._4 { width: 25px; } .extra_page_text_container { padding-left: 25px; line-height: normal; } .invite_friend_btn_container { padding-top: 30px; padding-right: 0px; padding-left: 0px; } .invite_friend_btn { margin-top: 30px; } .earning_guide_container { padding-right: 15px; padding-left: 15px; } .earning_guide_title { font-size: 18px; line-height: 26px; } .earning_guide_column { font-size: 18px; line-height: 22px; } .earning_guide_column._1 { font-size: 18px; line-height: 22px; } .earning_guide_column._2_1 { font-size: 18px; line-height: 22px; } .earning_guide_remark { font-size: 12px; line-height: 16px; } .earning_guide_mobile_title { font-size: 14px; line-height: 18px; } .earnguiderow { line-height: normal; } .contact_us_form_container { margin-top: 30px; padding-right: 15px; padding-left: 15px; } .contact_us_form { padding: 15px 20px; } .contact_us_form_label { margin-bottom: 5px; font-size: 14px; line-height: 18px; } .contact_us_form_select { height: 32px; } .contact_us_input { height: 32px; } .contact_us_form_btn { margin-bottom: 15px; } .faq_dropdwon_toggle { padding-top: 10px; padding-right: 25px; padding-bottom: 10px; background-size: 15px; font-size: 18px; line-height: 22px; padding-bottom: inherit; } .faq_dropdown_qa { margin-top: 8px; margin-bottom: 8px; } .faq_dropdown_qa_number { width: 40px; } .inbox_message_title_container { padding-right: 25px; } .mobile_header_back_icon { width: 30px; height: 30px; background-position: 20% 50%; background-size: 60%; } .mobile_header_back_text { top: 5px; margin-left: -5px; font-size: 14px; line-height: 22px; width: 110%; } } /* @font-face { font-family: "Calibril"; src: url("https://cdn.scsicl.com/calibril.woff2") format("woff2"); font-weight: 400; font-style: normal; } @font-face { font-family: "Calibrib"; src: url("https://cdn.scsicl.com/calibrib.woff2") format("woff2"); font-weight: 400; font-style: normal; } @font-face { font-family: "Calibri"; src: url("https://cdn.scsicl.com/calibri.woff2") format("woff2"); font-weight: 400; font-style: normal; } */ @font-face { font-family: "FWD Circular Bold"; src: url(https://uat-fwdmax.fwd.com.hk/static/49378bac12727f6a337f222768742853.woff) format("woff"); } @font-face { font-family: "FWD Circular Book"; src: url(https://uat-fwdmax.fwd.com.hk/static/2531db7494a4c75b178c3890b0c61bc6.woff) format("woff"); } @font-face { font-family: "FWD Circular Medium"; src: url(https://uat-fwdmax.fwd.com.hk/static/4f5ebbd2c94eb5bfb58d934eeb99235e.woff) format("woff"); } .reward_block_point.coming_soon { font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-weight: 100; font-size: 20px; line-height: 44px; } .lucky_draw_form_container{ width: 100%; max-width: 900px; margin: 15px auto 40px; } .header_btn{ background-color:transparent; width: 70%; outline: none; } .detail_block_row.detail { width: 100%; max-width: 900px; margin-right: auto; margin-left: auto; justify-content: center; } .detail_block_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 20px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .content_tag_label{ padding: 5px; } .content_tag{ margin-left: 5px; margin-bottom: 5px; padding: 5px 10px; display: -ms-flexbox; display: inline-flex; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 1000px; background-color: #f88028; color: #fff; cursor: pointer; } .content_tag:hover { border: 1px solid #f88028; background-color: #fff; color: #f88028; } .content_tag_search{ margin-left: 5px; margin-bottom: 5px; padding: 5px 10px; display: -ms-flexbox; display: inline-flex; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 1000px; color: #f88028; background-color: #fff; cursor: pointer; border: 1px solid #f88028; } .content_tag_search:hover { border: 1px solid #f88028; color: #fff; background-color: #f88028; } .tag_btn{ padding: 5px 12px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 1000px; background-color: #f88028; color: #fff; cursor: pointer; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…4xLDI2LjQsMjUuOSwyNi41LDI1LjgsMjYuNXoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==); background-position: 90% 55%; background-size: contain; background-repeat: no-repeat; background-size: 10px; } .tag_bar{ margin-top: 15px; text-align: right; } .close_tag{ padding: 5px 5px 5px 10px; } .pre_reg_datepicker{ height: 32px; border-radius: 5px; border-width: 1px; width: 260px; } .date_field_box { height: 32px; width: 65px; border-radius: 5px; } .inner_card_row { width: 100%; padding-bottom: 66%; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; color: #FFF; border-radius: 12px; margin-bottom: 12px; } .inner_card_row * { color: #FFF !important; } .inner_card_row.gray * { color: #787878 !important; } #memberCardName, #memberCardID, #memberCardChannel { display: inline-block; width: auto; height: auto; position: absolute; max-width: 100%; font-family: roboto !important; font-weight: 100 !important; font-size: 18px !important; } #memberCardName { left: 4%; bottom: calc(4% + 24px); } #memberCardID { left: 4%; bottom: 4%; } #memberCardChannel { top: 4%; right: 4%; } .bottom_bar_container { position: fixed; left: 0%; top: auto; right: 0%; bottom: 0%; width: 100%; border-top: 1px solid hsla(0, 0%, 100%, 0.5); background-color: #f88028; padding-bottom: 6px; z-index: 100; border-top-left-radius: 10px; border-top-right-radius: 10px; } .bottom_bar_container_in { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-width: 600px; margin-right: auto; margin-left: auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 20px; } .bottom_bar_btn_in { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-bottom: 5px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; font-size: 11px; line-height: 17px; text-align: center; } .bottom_bar_btn_in.w--current { padding-bottom: 2px; border-bottom: 3px solid #fff; } .bottom_bar_btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 20%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .bottom_bar_btn:hover { opacity: 0.75; } .bottom_bar_btn_icon { width: 30px; height: 30px; margin-top: 7px; margin-bottom: 2px; } .bottom_bar_btn.width50{ width: 50%; } .bottom_bar_btn_icon.home { background-image: url(https://uat-fwdmax.fwd.com.hk/static/67aa938549a1c08d2caf08ac2f1e13ef.svg); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .bottom_bar_btn_icon.ticketing { background-image: url(https://uat-fwdmax.fwd.com.hk/static/aeaa999416b6e4bde39d7817a54d0bb6.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .bottom_bar_btn_icon.travel { background-image: url(https://uat-fwdmax.fwd.com.hk/static/79d85062ded59281489682c584537e09.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .bottom_bar_btn_icon.rewards { background-image: url(https://uat-fwdmax.fwd.com.hk/static/34ca7a553ac0468aea3449145f86e77a.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .bottom_bar_btn_icon.events { background-image: url(https://uat-fwdmax.fwd.com.hk/static/74b3c59494a4fdbe02104b34b793a732.svg); background-position: 50% 50%; background-size: 90%; background-repeat: no-repeat; } .bottom_bar_btn_icon.passions { background-image: url(https://uat-fwdmax.fwd.com.hk/static/ad26f606cdc214e815fadb9b0865fbce.svg); background-position: 50% 50%; background-size: 90%; background-repeat: no-repeat; } .bottom_bar_btn_icon.inviteFriend { background-image: url(https://uat-fwdmax.fwd.com.hk/static/ab67849ddfaaf336f125977b58324e56.svg); background-position: 50% 50%; background-size: 90%; background-repeat: no-repeat; } .bottom_bar_btn_icon.health { background-image: url(https://uat-fwdmax.fwd.com.hk/static/4831e2983a0bcc5e6388717e3155f13a.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .bottom_bar_btn_icon.profile { background-image: url(https://uat-fwdmax.fwd.com.hk/static/abf130e333076e804c15ad5d19009f95.svg); background-position: 50% 50%; background-size: 75%; background-repeat: no-repeat; } .bottom_bar_btn_icon.news { background-image: url(https://uat-fwdmax.fwd.com.hk/static/8f9ede345152d878ac586db5eb6a04d6.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; width: 29px; height: 29px; } .bottom_bar_btn_icon.article { background-image: url(https://uat-fwdmax.fwd.com.hk/static/2a8792165679cbbb27b4122e8e5bae65.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .bottom_bar_btn_icon.product { background-image: url(https://uat-fwdmax.fwd.com.hk/static/886bd9ea8b235b260271867585278780.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .bottom_bar_btn_icon.earning { background-image: url(https://uat-fwdmax.fwd.com.hk/static/136027dffa0d6f4ac6b2828c73bd8e7f.svg); background-position: 50% 50%; background-size: 85%; background-repeat: no-repeat; width: 60px; height: 60px; } .bottom_bar_btn_icon.justforyou { background-image: url(https://uat-fwdmax.fwd.com.hk/static/c3131b47503ee7e28ee1d41efa1b4b8b.svg); background-position: 50% 50%; background-size: 85%; background-repeat: no-repeat; width: 60px; height: 60px; } .bottom_bar_btn_icon.happywed { background-image: url(https://uat-fwdmax.fwd.com.hk/static/bf535beb2f2ce75bc65dc5574d6af1b1.svg); background-position: 50% 50%; background-size: 85%; background-repeat: no-repeat; width: 60px; height: 60px; } .bottom_bar_btn_icon.merchant { background-image: url(https://uat-fwdmax.fwd.com.hk/static/6e9042674bc4512d208952f55f576f76.svg); background-position: 50% 50%; background-size: 85%; background-repeat: no-repeat; width: 60px; height: 60px; } .bottom_bar_btn_icon.allRewards { background-image: url(https://uat-fwdmax.fwd.com.hk/static/97c7e45a8ced3213cfbf3e887587b1e2.svg); background-position: 50% 50%; background-size: 85%; background-repeat: no-repeat; width: 60px; height: 60px; } .drop_down_list { padding-top: 3px; font-weight: bold; } .logo_center{ margin-right: 30px; } .bold{ font-weight: bold !important; } .Qr_section_title { font-weight: bold; padding: 15px; padding-top: 50px; /* font-size: 24px; */ line-height: 28px; font-size: 1.5em; display:flex; justify-content: center; text-align: center } .Qr_section_title_2nd { font-weight: bold; padding: 15px; padding-top: 20px; /* font-size: 24px; */ line-height: 24px; font-size: 1.7em; display:flex; justify-content: center; } .profile_terms{ line-height: 24px; font-size: 16px; } @media (max-width: 479px) { .profile_terms{ line-height: 22px; font-size: 14px; } .bottom_bar_container { position: fixed; left: 0%; top: auto; right: 0%; bottom: 0%; width: 100%; border-top: 1px solid hsla(0, 0%, 100%, 0.5); background-color: #f88028; padding-bottom: 6px; z-index: 100; } .ticketingFormCheckbox{ zoom: 1 } .ticketingForm{ font-size: 14px; } } ul.dash { list-style: none; margin-left: 0; padding-left: 1em; } ul.dash > li:before { display: inline-block; content: "-"; width: 1em; margin-left: -1em; } .adminStampCard__close-btn { height: 1.75rem; width: 1.75rem; } .adminStampCard__close-btn-right-top { position: absolute; right: 1rem; } .collapsible { background-color: #f88028; color: #444; cursor: pointer; padding: 10px 18px; margin-top: 10px; width: 93%; border: none; text-align: left; border-radius: 10px; outline: none; font-size: 15px; font-weight: bolder; max-width: 768px; margin-left: auto; margin-right: auto; display: block; } .mobile_top_menu_left { flex: 1; } .mobile_top_menu_logo { flex: 2; display: flex; justify-content: center; align-items: center; } .mobile_top_menu_right { flex: 1; display: flex; justify-content: flex-end; align-items: center; } .mobile_top_menu_left_button { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; } .registrationFormContainer{ min-width: 767px; } .registrationCustomerContainer{ display: grid; grid-template: '. .' 50px '. .' minmax(min-content, max-content) / 25% 75%; align-items: center; transition: width .5s; } .registrationCustomerTitle{ grid-area: 1 / 1 / span 1 / span 2; } .registrationCustomerOption{ grid-area: 2 / 1 / span 1 / span 1; display: grid; grid-template: '. .' minmax(min-content, max-content) / 20px 35px; } .registrationCustomerInput{ grid-area: 2 / 2 / span 1 / span 1; } .register_radio{ vertical-align: middle; position: relative; max-width: 15px; margin-top: auto; margin-bottom: auto; } .register_option_y{ grid-area: 1 / 1 / span 1 / span 1; margin-top: auto; margin-bottom: auto; padding-top: 2px; padding-bottom: 2px; } .register_option_y_input{ grid-area: 1 / 2 / span 1 / span 1; padding-top: 2px; padding-bottom: 2px; } .register_option_n{ grid-area: 2 / 1 / span 1 / span 1; margin-top: auto; margin-bottom: auto; padding-top: 2px; padding-bottom: 2px; } .register_option_n_input{ grid-area: 2 / 2 / span 1 / span 1; padding-top: 2px; padding-bottom: 2px; } .ticketingFormTitle{ margin: 15px 0 15px 0; font-size: 20px; } .ticketingForm{ font-size: 18px; } .ticketingFormFieldSet{ border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } .ticketingFormContainer{ display: block; } .ticketingFormInputContainer{ display: contents; } .ticketingFormCheckbox{ zoom: 2; margin-bottom: 5px; } .ticketingFormCheckbox.ticketingAnswer{ zoom: 1; margin-bottom: 5px; } .ticketingFormDropdown{ width: 100%; } .ticketingFormLabel{ margin-right: 15px; margin-left: 10px; font-weight: normal; } @media (max-width: 479px) { .ticketingFormCheckbox{ zoom: 1 } .ticketingForm{ font-size: 14px; } } .ticketingFormQuestion{ margin: 15px 0 15px 0; } .formModalContent{ position: absolute; inset: 50% auto auto 50%; border: 1px solid rgb(204, 204, 204); background: rgb(255, 255, 255); overflow: auto; border-radius: 4px; outline: none; padding: 20px; min-width: 40%; min-height: 30%; transform: translate(-50%, -50%); height: 90%; max-height: 900px; } @media (max-width: 900px) { .formModalContent{ position: absolute; inset: 50% auto auto 50%; border: 1px solid rgb(204, 204, 204); background: rgb(255, 255, 255); overflow: auto; border-radius: 4px; outline: none; padding: 20px; min-width: 40%; min-height: 30%; transform: translate(-50%, -50%); height: 80%; max-height: 800px; width: 90%; } } .modalHeader{ height: 50px; padding: 15px; background-color: rgb(248, 128, 40); margin-top: -20px; margin-left: -20px; margin-right: -20px; margin-bottom: 10px; display: flex } .modalHeaderText{ width: 90%; } .modalCloseBtn{ width: 10%; text-align: right; font-size: large } .modalAction{ float: right; display: flex } .btn_disable{ background-color: #7C878E; color: white; border-radius: 1000px; width: 125px; } .typeTagForHm { position: relative; display: inline-block; vertical-align: middle; height: 20px; margin-left: 6px; } .typeTagTxtForHm { margin-top: 0; display: inline-block; vertical-align: top; text-decoration: none; font-size: 11px; line-height: 1em; border-radius: 100px; padding: 4px 7px 2px; font-family: FWD Circular, sans-serif, Noto Sans TC !important; } .tagGreyForHm { color: #fff !important; background-color: #C6C6C6; } .tagGoldForHm { color: #fff !important; background-color: #CB9939; } .fwd-logo-block { flex-shrink: 0; } .floorPlanArea { cursor: pointer; } .floorPlanArea:hover { opacity: 0.3; } .opacity { opacity: 0.3; } @keyframes blink { 100%, 0% { fill: #7a07f5; } 60% { fill: #fff; } } .selectedZone { animation: blink 0.7s infinite; } .mobile_menu_splitter { margin-top: 8px; margin-bottom: 20px; } .mobile_menu_row_block.tnc_page { display: none; } .mobile_menu_row_block.tnc_page .mobile_menu_grid_item { display: grid; grid-template-columns: 30px auto; font-size: 20px; margin-top: 2%; margin-left: 10px; gap: 5px; } .mobile_menu_grid_header { display: grid; grid-template-columns: 30px auto; font-size: 22px; font-weight: bold; color: #f88028; margin-left: 10px; gap: 5px; } .mobile_menu_grid_item{ display: grid; grid-template-columns: 30px 30px auto; font-size: 20px; margin-top: 2%; margin-left: 10px; gap: 5px; } .mobile_menu_grid_item_icon{ display: grid; grid-template-columns: 30px 30px 30px 30px; gap: 5px; font-size: 20px; margin-top: 2%; margin-left: 10px; } .mobile_menu_grid_item_language{ display: grid; grid-template-columns: 30px auto; font-size: 20px; margin-top: 2%; margin-left: 10px; gap: 5px; color: #f88028; } .mobile_menu_grid_item_text{ display: flex; align-items: center; } .mobile_menu_icon{ background-size: cover; height: 30px; } .mobile_menu_earn_icon{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/27d8723242f39e68141a7314603287e0.png); } .mobile_menu_tips_icon{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/2be09cb81a812dea7fc6e486e3df84d7.png); } .mobile_menu_stampcard_icon{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/91c534777b89d347037fd1cff7a829ae.png); } .mobile_menu_invite_icon{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/cf086a487358a066679c309024665647.png); } .mobile_menu_contactus_icon{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/611ddac77dcd141c9e733290b3db5a30.png); } .mobile_menu_email_icon{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/9cb44a7edeb58fe0d2f733696a3d796b.png); } .mobile_menu_facebook_icon{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/62cc63e4cf4dba0035799c7f57d4f247.png); } .mobile_menu_instagram_icon{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/c89c240b38d97e67708397c15fc82249.png); } .mobile_menu_faq_icon{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/28fce34963b43a1abd2f8e2873cb0ac8.png); } .mobile_menu_whatsapp_icon{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/d0f81d11e244e505a09128cde5016b13.png); } .mobile_menu_whymax_icon{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/8a0ac39def41475fd51fca23f132f93a.png); } .mobile_menu_tnc_header_icon{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/3baa3bf6fe2882b517c8513c0e7c7661.png); } .mobile_menu_privacy_icon{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/2092d5c69ad0984d3b86af33a680952b.png); } .mobile_menu_tnc_item_icon{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/a39763110bed88e39e40ea2b42cc9a51.png); } .mobile_menu_tnc_item_icon{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/a39763110bed88e39e40ea2b42cc9a51.png); } .mobile_menu_language_icon{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/d07c1e48e985c2d14f7a9e81a5efaa6f.png); } .mobile_menu_news_icon{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/1feca6c9e699e267eaba60a95ad8b5e4.png); } .mobile_menu_travel_icon{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/2c7bc2121bffe6d1ac23e3f584026909.png); } .mobile_menu_travel_black_icon{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/ae2f0425ce5febcedadeddccf85642ff.png); } .mobile_menu_ticketing_icon{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/633dadf68d5047a105b75aa19b37b0d2.png); } .mobile_menu_reward_icon{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/ae14fd7b148bef3ab2d168564e23c5f2.png); } .mobile_menu_health_icon{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/2946ec2a1d48a4a541d060fb27aa14b4.png); } .mobile_menu_article_icon{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/3baa3bf6fe2882b517c8513c0e7c7661.png); } .mobile_menu_product_icon{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/567c28cb9424c80584b0b3951087cca0.png); } .fwd_footer_contact .footer_email{ width: 45px; height: 45px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/9cb44a7edeb58fe0d2f733696a3d796b.png); } .fwd_footer_contact .footer_fb{ width: 45px; height: 45px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/62cc63e4cf4dba0035799c7f57d4f247.png); } .fwd_footer_contact .footer_ig { width: 45px; height: 45px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/c89c240b38d97e67708397c15fc82249.png); } .fwd_footer_contact .footer_wtsapp { width: 45px; height: 45px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/d0f81d11e244e505a09128cde5016b13.png); } .fwd_footer_contact .footer_label { letter-spacing: normal; } .cs_input_note { display: flex; align-items: center; } .cs_input_note.invalid { color: red; } .cs_input_note.valid { color: green; } .cs_input_note.valid::before, .cs_input_note.invalid::before { content: ''; width: 15px; height: 15px; line-height: 15px; margin-right: 5px; margin-top: 3px; background-size: auto 100%; background-position: center; background-repeat: no-repeat; flex-shrink: 0; } .cs_input_note.valid::before { background-image: url(https://uat-fwdmax.fwd.com.hk/static/c9238a08cf5ca51ba66fc41951b5bfae.svg); } .cs_input_note.invalid::before { background-image: url(https://uat-fwdmax.fwd.com.hk/static/e3a9d057221f08f4aecaebe3006aaf04.svg); } .profile_save_btn:disabled { background-color: #7C878E; border-color: #7C878E; color: white; } .header_up_item, .header_section { color: white; } .header_up_item.w--open { color: #f1861f; } .header_up_item:hover.w--open { color: #f1861f !important; } .header_section:hover { color: white !important; } .header_section.w--current { border-bottom: 5px solid white !important; color: white !important; } .header_section { font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; } /** 2019-04-25 cheung new css style for fs ui*/ .warning_bar_login { display: inline; } .header_up_member { display: flex; } .qr_code_items_right{ display:flex; } .qr_code_items{ width:max-content; padding:2vw; } .qr_code_status_title{ width:max-content; } /** Mobile Menu, JW 20190430**/ .show_mobile_menu { display: block; opacity: 1; transition: opacity 500ms ease 0s; z-index: 999999; } .mobile_menu_container { transition: opacity 500ms ease 0s; } .mobile_menu_logined, .mobile_menu_logouted { display: block; } .hide_mobile_menu { display: none; } /** Mobile Home - Sorting Bar, JW 20190503 **/ .display_sorting_bar { z-index: 901; } .mobile_sorting_item { cursor: pointer; } /**Articles style*/ .popup_bg_color { z-index: 100 !important; background-color: transparent !important; overflow: unset !important; } .articles_detail_popup_1 { display: block !important; z-index: 100 !important; background-color: rgba(0, 0, 0, 0.9) !important; /* overflow: unset !important; */ /* top: auto !important; */ } /**main filter*/ .sorting_bar_btn_text_y { display: block; } .mobile_reward_range_filter > input { width: 70px; border: none; text-align: center; } .section_container.point_range_filter { width: 110%; margin-left: -20px; } /**Point Slide style - Rewards*/ /* .reward_range_filter_dot { */ .rc-slider-handle { width: 20px !important; height: 20px !important; margin-right: auto !important; margin-bottom: 5px !important; margin-top: -12px !important; /*add*/ /* No need */ /* margin-left: auto!important; */ border-radius: 1000px !important; background-color: #fff !important; box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2) !important; border: none !important; } /* .reward_range_filter_selection { */ .rc-slider-with-marks { display: flex; margin-top: -5px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; flex-wrap: wrap; -webkit-box-align: start; align-items: flex-start; } .rc-slider { height: auto !important; } .reward_range_filter_container { height: 92px; } .reward_range_filter_right { height: 75px; } .rc-slider-mark { font-size: 16px !important; color: #333; } /**Reward content*/ .popup_bg_color { z-index: 100 !important; background-color: transparent !important; overflow: unset !important; } .rewards_detail_popup_1 { display: block !important; z-index: 100 !important; background-color: rgba(0, 0, 0, 0.9) !important; overflow: unset !important; /* top: auto !important; */ } .admin_passion_btn { /* display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; */ -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 1000px; background-color: #f88028; color: #fff; cursor: pointer; width: 70px; } .admin_passion_btn:hover { border: 1px solid #f88028; background-color: #fff; color: #f88028; } .passion_popup_container { position: fixed; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 20000; display: none; padding-right: 25px; padding-left: 25px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, 0.85); } .passion_popup_block { width: 100%; max-width: 80%; border-radius: 10px; text-align: center; } .passion_popup_area_close { position: absolute; left: auto; top: 0%; right: 0%; bottom: auto; width: 25px; height: 25px; margin-top: 25px; margin-right: 25px; margin-left: 25px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/9a6da681745390dc1a040d902f786131.svg); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; cursor: pointer; z-index: 100000; } .featured_checkbox { zoom: 2; /* float: right; */ } .sent_checkbox { zoom: 2; /* float: right; */ } .sendingSMS { cursor: default; } .sms_tick { color: #f88028; font-size: 30px; padding-top: 5px; } .featured_section_row img { width: 125px; height: 125px; object-fit: cover; font-family: "object-fit: cover;"; } .featured_passions_block img { width: 203px; height: 203px; object-fit: cover; font-family: "object-fit: cover;"; } .isLike { cursor: default; background-image: url(https://uat-fwdmax.fwd.com.hk/static/060ab0d91f2fc62ccd37ce454aee8e0b.png); color: #f88028; background-position: 15px 48%; background-size: 22px; background-repeat: no-repeat; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 8px 15px 8px 45px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; font-size: 20px; line-height: 28px; } .passions_block { margin: 10px !important; } /**Home page slider show*/ span.image-gallery-description { width: 100% !important; height: 100% !important; float: left; position: unset !important; background-color: transparent !important; } .passion_popup { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: -1; background-color: rgba(0, 0, 0, 0.85); } .sort_by_btn { z-index: 1 !important; } .edit_container { padding: 15px; } .notAllowInput { background-color: lightgrey; cursor: not-allowed; } .edit_collapsible:hover { background-color: white !important; color: #f88028 !important; border: 1px solid #f88028 !important; } .edit_collapsible { color: white !important; border: 1px solid #f88028 !important; } .arrow_box { position: relative; background: #ffffff; border: 4px solid #ffffff; } .arrow_box { position: relative; background: #ffffff; border: 2px solid #ffffff; top: 30px; box-shadow: -1px -1px 10px -2px rgb(208, 194, 183); padding: 10px; padding-bottom: 3px; } .arrow_box:after, .arrow_box:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 18px; margin-left: -18px; } .arrow_box:before { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 21px; margin-left: -21px; box-shadow: -1px -1px 10px -2px rgb(208, 194, 183); transform: rotate(45deg); position: absolute; width: 0px; height: 0px; top: -10px; z-index: -100; } .edit_icon { width: 200px; height: 200px; border-radius: 100px; } .header_icon { width: 30px; height: 30px; border-radius: 100px; margin-right: 5px; } .radius_icon { border-radius: 100px; } img.article_block_img { width: 410 !important; height: 240px; object-fit: cover; font-family: "object-fit: cover;"; } .article_featured img { width: 850px; height: 490px; object-fit: cover; font-family: "object-fit: cover;"; } img.reward_block_img_mobile { width: 140px; height: 140px; object-fit: cover; font-family: "object-fit: cover;"; position: relative; } img.reward_block_img { width: 200px; height: 200px; border-radius: 5px; object-fit: cover; font-family: "object-fit: cover;"; } .width_100 { width: 100%; } .admin_header { color: black; padding-bottom: 0px !important; font-size: 20px !important; } .admin_header:hover { color: #f88028 !important; padding-bottom: 0px !important; } .admin_header.w--current { border-bottom: 2px solid #f88028 !important; color: #f88028 !important; } .admin_hamgurger_icon { display: block; width: 50px; height: 50px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/112a962eb5e64894e7e28321fe69a4a6.svg); background-position: 50% 50%; background-size: 30px; background-repeat: no-repeat; } .rating_star { color: #f88028; font-size: 20px !important; } .star_margin { margin-top: 2px; } .redeem_thum { width: 125px; height: 70px; object-fit: contain; font-family: "object-fit: cover;"; } .redeem_main { width: 700px; height: 400px; object-fit: contain; font-family: "object-fit: cover;"; } .commonDetail_main { width: 934px; height: 525px; /* height: initial !important; */ object-fit: contain; font-family: "object-fit: cover;"; } .commonDetail_thum { width: 125px; height: 70px; object-fit: contain; font-family: "object-fit: cover;"; } .homeReward { width: 250px; height: 250px; object-fit: cover; border-radius: 5px; font-family: "object-fit: cover;"; } .cusorPointer { cursor: pointer; } .isLikeButton { padding-top: 7px !important; padding-bottom: 7px !important; background-image: url(https://uat-fwdmax.fwd.com.hk/static/060ab0d91f2fc62ccd37ce454aee8e0b.png) !important; background-position: 19px 50% !important; color: #f88028; background-color: white; border: 1px solid #f88028; cursor: default; } .infoSectionContainer { flex-direction: row !important; } .slideDot { border: 1px solid #f88028 !important; } .slideDotActice { border: 1px solid #f88028 !important; background-color: #f88028 !important; } .img100PercentWidth { width: 100% !important; } .inviteContainer { width: 80%; background-color: white; padding: 10px; } .unsubscribeContainer { width: 60%; background-color: white; padding: 10px; } .inviteTitle { text-align: center; } .inviteContent { text-align: center; } .AgentRankTable { text-align: center; margin-left: auto; margin-right: auto; border-bottom:1px solid #f88028; } .popup_overlay_close { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: -100; } .cursorPointer { cursor: pointer; } .nonCursorPointer { cursor: default !important; } .questionPageDiv { float: left; width: 100%; } div.questionNumber { color: #f88028; width: 45px; float: left; } .questionAnsContainer { overflow: hidden; padding-bottom: 10px; } .questionRow { border-bottom: 1px solid #d1d1d1; padding: 10px 0; } .alertModalClass { width: 323px; position: fixed; top: 30%; background-color: white; /* box-shadow: -1px -1px 10px -2px rgb(208, 194, 183); */ z-index: 1; outline: none; border: solid 1px rgb(208, 194, 183); box-shadow: none; border-radius: 0px 0px 15px 15px; border-radius: 15px; } .alertModalForReferAgentClass { width: 50vw; height: auto; position: absolute; left: 25%; top: 30%; background-color: white; /* box-shadow: -1px -1px 10px -2px rgb(208, 194, 183); */ z-index: 1; outline: none; border: solid 1px rgb(208, 194, 183); box-shadow: none; border-radius: 0px 0px 15px 15px; border-radius: 15px; } .confirmModalClass { width: 363px; position: fixed; left: 40%; top: 20%; background-color: white; /* box-shadow: -1px -1px 10px -2px rgb(208, 194, 183); */ z-index: 1; outline: none; /*border: solid 1px rgb(208, 194, 183);*/ box-shadow: none; border-radius: 15px; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); } @media (min-width: 479px) { .confirmModalClass.confirmRedirectModalClass { min-width: 363px; width: 60%; max-width: 600px; left: auto; right: auto; } } .rewardIconModalClass { width: 100%; height: fit-content; position: fixed; /* left: 7.5%; */ bottom: 5.5%; background-color: white; /* box-shadow: -1px -1px 10px -2px rgb(208, 194, 183); -webkit-box-shadow: -1px -1px 10px -2px rgb(208, 194, 183); */ z-index: 1; outline-color: #f88028; outline:none; /*border: solid 1px rgb(208, 194, 183);*/ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); } .alertModalContent { padding: 20px; text-align: center; border-bottom: lightgray 1px solid; word-wrap: break-word; max-height: 300px; overflow-y: auto; } .alertModalContentLeft { padding: 20px; border-bottom: lightgray 1px solid; } .confirmRedirectModalContent p { margin-top: 0px !important; margin-bottom: 0px !important; } .alertModalButton { padding: 10px 20px 10px; float: right; } .alertModalButton2 { padding: 10px 20px 10px; } .alertCancelButton { padding: 10px 20px 10px; float: left; } .confirmModalButton{ padding: 10px 20px 10px; float: left; } .alertModalTitle { background-color: #f88028; padding: 10px; color: white; font-size: 19px; padding-left: 20px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); border-radius: 15px 15px 0px 0px; } .confirmModalTitle { background-color: #f88028; padding: 10px; color: white; font-size: 19px; border-radius: 15px 15px 0px 0px; padding-left: 21px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); padding-top: 15px; } .confirmRedirectModalTitle { padding: 20px !important; } .confirmRedirectModalTitle p { margin-top: 0px !important; margin-bottom: 0px !important; } @media (max-width: 479px) { .confirmRedirectModalButtonContainer { display: flex; justify-content: center; flex-direction: column-reverse; .confirmModalButton { width: 100% !important; } .alertModalButton { width: 100% !important; } .btn { width: 100% !important; } } } .confirmRedirectModalButtonContainer .table.table.fwd-table.table-striped.no-margin-bottom.no-border-top { border-top-width: 0; margin-bottom: 0 !important; width: 100%; max-width: 100%; font-size: 16px; background-color: transparent; } .table.fwd-table > thead > tr { height: 50px; background: #f1861f; } .table.fwd-table.max-token > thead > tr { height: 50px; background: #FED241; } .table.fwd-table > thead > tr > th:first-child { border-top-width: 2px !important; border-top-left-radius: 4px !important; } .table.fwd-table > thead > tr > th { border-bottom-width: 0; color: #fff; font-weight: bold; font-size: 16px; line-height: 16px !important; } .table.fwd-table.max-token > thead > tr > th { border-bottom-width: 0; color: #000; font-weight: bold; font-size: 16px; line-height: 16px !important; } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .textMiddle { text-align: center; font-weight: bold; } .slideImageContainer { white-space: nowrap !important; height: 80% !important; transition: transform 0.45s ease-out; } .kv_slider_description { overflow: hidden; max-height: 105px; } .image-gallery-thumbnails_slide { overflow: hidden; height: 80%; } .passions_detail_user_icon { width: 40px; } /* .ReactModal__Overlay.ReactModal__Overlay--after-open.popup_bg_color { z-index: 10000 !important; } */ .width_25 { width: 25%; } .dropdown_btn_bar.login { margin-bottom: 10px !important; } .margin_auto{ margin-left: auto; margin-right: auto; } .dropdown_btn_bar.login.mobile { margin-top: 0 !important; margin-bottom: 0 !important; } .w-form.login_position_sticky { margin-bottom: 0 !important; } .footerFwdLogo { width: 110px; } .btn.contact_us_send { width: 145px; margin-right: auto; margin-left: auto; padding-right: 25px; padding-left: 25px; } .btn.contact_us_send:disabled { background-color: grey !important; } .btn.contact_us_send.btn:disabled:hover { background-color: grey !important; color: white !important; border: 1px solid grey !important; } .disableBackground { background-color: grey; } .disableBackground.btn:hover { background-color: grey !important; color: white !important; border: 1px solid grey !important; } .width_170 { width: 170px !important; } .width_80 { width: 80px !important; } .width_190 { width: 190px !important; } .width_115 { width: 115px !important; } .width_130 { width: 130px !important; } .width_170 { width: 170px !important; } .width_310 { width: 310px !important; text-align: center !important; } .bg_white { background-color: white; } .alignitems_unset { align-items: unset !important; } .bottom_border { border-bottom: 1px solid; } .red_font { color: red; } .dis_table { display: table; width: 100%; } .dis_two_col { float: left; width: 54%; padding: 10px; } .zindex_100 { z-index: 100; } .zindex_101 { z-index: 101; } .zindex_99 { z-index: 99; } .color_white { color: white; } .textarea_100 { width: 100%; } .overflow_unset { overflow: unset !important; } .back_to_top { text-align: right; font-weight: bold; width: 100%; cursor: pointer; } .reward_confirmation_field_block { width: 100% !important; } .width_100p { width: 100%; } .objectFit_contain { object-fit: contain !important; } .mobile_title { display: none; font-size: 28px; line-height: 32px; } .searchWidth > div { width: 100% !important; } .main_section_container.inner_page.searchWidth > div { width: 100%; } .main_section_container.tag { padding-bottom: 0px; justify-content: flex-start; /* display: inline-block; */ } .searchWidth.tag > div { width: auto !important; } .tAndCPopup{ z-index: 1000!important; } .articles_detail_popup_1:focus { outline:0; } @media (max-width: 767px) { .mobile_title { display: block; font-size: 28px; line-height: 32px; } .mobile_color_black { color: black; } .mobile_zindex_1000 { z-index: 1001 !important; } .tAndCPopup{ z-index: 1000001!important; background-color: white !important; overflow: auto !important; } .tandcBack{ z-index: 1000002!important; height: 20px; background-color: white; position: inherit; } .inner_page_block_row.reward > div { width: 100% !important; } .main_section_container.inner_page > div { width: 100% !important; } .invite_main_container { position: relative !important; } .mobile_slide_height { height: auto !important; /* vertical-align: top; */ } .dis_two_col { float: left; width: 100%; padding: 10px; } .basic_number_container.info { padding-top: 10px; } } .inner_page_block_row.reward > div { width: 100% !important; } .inner_page_block:hover .article_block_black { margin-top: -240px; background-image: none; height: 240px; background-color: #0008; } .inner_page_block:hover .article_block_black.blockFirstImg { margin-top: -490px !important; height: 490px !important; } .inner_page_block:hover .article_title { height: auto; } .invitelink_container { display: flex; text-align: center; padding: 10px; width: 100%; justify-content: center; } .invitelink { line-height: 35px; border: 1px black solid; border-style: dashed; border-radius: 100px; padding: 5px; background-color: white; /* width: 100%; 2019-09-02 cheung handle the text not inside the box */ } .fwd_custome_note { color: #f88028; font-style: italic; } .fwd_custome_container { border: 1px solid #f88028; border-radius: 10px; padding: 9px; } .fwd_custome_container_2 { border-color: #f88028; border-style: solid; border-width: 0 1px 1px 1px; border-radius: 0 0 10px 10px; padding: 9px; width: 100%; display:flex } .get_points_remarks { background-color:#fed141; color:black; padding:1% 3% 1% 3%; border-radius:10px 10px 0px 0px; } .service_centre_container { padding-left: 37px; } .initFontStyle { font-style: initial !important; } .paddingTop10 { padding-top: 10px !important; } .marginLeft5 { margin-left: 5px !important; } .marginLeft30 { margin-left: 30px !important; width:120px !important; } .detail_select_plan_title { width: 100%; margin-bottom: 5px; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; text-align: left !important; /* text-align: center; */ } .detail_select_plan_container { margin-right: unset !important; margin-left: unset !important; margin-top: -15px; } span.reward_modal_label { margin-bottom: 5px; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; text-align: left !important; padding-right: 5px; } .btn.similar_more_btn { margin-left: 0px !important; margin-top: 30px !important; padding-right: 25px; padding-left: 25px; padding-top: 3px; } @media (min-width: 767px) and (max-width: 970px) { .tac_dropdwon_toggle { width: 100%; padding-top: 15px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/8d27f27ea5a8af17d53dcc072bfce962.svg); background-position: 30% 50%; background-size: 14px; background-repeat: no-repeat; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; } } @media (max-width: 767px) { .tac_dropdwon_toggle { width: 100%; padding-top: 15px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/8d27f27ea5a8af17d53dcc072bfce962.svg); background-position: 26% 45%; background-size: 14px; background-repeat: no-repeat; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; } .tac_redeem_dropdwon_toggle { width: 100%; background-image: url(https://uat-fwdmax.fwd.com.hk/static/8d27f27ea5a8af17d53dcc072bfce962.svg); background-position: 100% 50%; background-size: 16px; background-repeat: no-repeat; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; } .width_15 { width: auto !important; } .mobile_width100 { width: 100% !important; } .ticketing_tnc_header { font-size: 14px !important; padding: 0 !important; } .ticketing_tnc_content { padding: 0 0 20px 0 !important; } } @media (min-width: 970px) { .tac_dropdwon_toggle { width: 100%; padding-top: 15px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/8d27f27ea5a8af17d53dcc072bfce962.svg); background-position: 25% 50%; background-size: 14px; background-repeat: no-repeat; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; } } @media (min-width: 1200px) { .tac_dropdwon_toggle { width: 100%; padding-top: 15px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/8d27f27ea5a8af17d53dcc072bfce962.svg); background-position: 21% 50%; background-size: 14px; background-repeat: no-repeat; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; } .tac_redeem_dropdwon_toggle { width: 100%; background-image: url(https://uat-fwdmax.fwd.com.hk/static/8d27f27ea5a8af17d53dcc072bfce962.svg); background-position: 100% 50%; background-size: 16px; background-repeat: no-repeat; font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; } } .ticketing_tnc_header { display: flex; text-align: left; margin: 18px 0; padding: 0 30px; font-size: 16px; font-weight: bold; } .ticketing_tnc_header a::after { content: '\2b'; font-family: 'FontAwesome'; text-decoration: inherit; margin-left:5px; font-size: 22px; font-weight: bold; } .ticketing_tnc_header.w--open a::after { content: '\f068'; font-size: 16px; } .ticketing_tnc_content { display: flex; text-align: left; max-width: 100%; padding: 0 30px 30px 30px; } .tac_dropdwon_toggle.w--open { background-image: url(https://uat-fwdmax.fwd.com.hk/static/7c653fe52385a8cae313c21d7f81b771.svg); } .tac_redeem_dropdwon_toggle.w--open { background-image: url(https://uat-fwdmax.fwd.com.hk/static/7c653fe52385a8cae313c21d7f81b771.svg); } .reward_confirmation_your_plan_right { margin-left: unset !important; } .redeem_description_title strong, .redeem_description_title b { color: #f88028; font-weight: bolder; } .disableSelect { background-color: rgb(235, 235, 228); } .infinite-scroll-component { width: 100%; padding: 5px; } .formNotReady { background-color: grey !important; } .formNotReady:hover { color: grey !important; background-color: white !important; border-color: grey !important; } .orange_color { color: #f88028 !important; } .green_color { color: #006269 !important; } .grey_color { color: grey !important; } .margin_top_10 { margin-top: 10px !important; } .invite_button_con { display: flex; justify-content: center; } .invite_button { justify-content: center; min-width: 225px; } .invite_main_container { position: absolute; background: rgba(255, 255, 255, 0.5); width: 40%; padding: 75px 100px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; border-radius: 10px; background-color: hsla(0, 0%, 100%, 0.95); text-align: center; } .margin_bottom_0 { margin-bottom: 0px !important; } .pos_fixed { position: fixed; } .dis_flex { display: flex; } .padding_right_5 { padding-right: 10px !important; } .padding_bottom_5 { padding-bottom: 5px !important; } .padding_bottom_8 { padding-bottom: 8px !important; } .font_size_18 { font-size: 18px; } .switch { position: relative; display: inline-block; width: 90px; height: 30px; } .switch input { display: none; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: grey; -webkit-transition: 0.4s; transition: 0.4s; } .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 7px; bottom: 5px; background-color: white; -webkit-transition: 0.4s; transition: 0.4s; } input:checked + .slider { background-color: #f88028; } input:focus + .slider { box-shadow: 0 0 1px #2196f3; } input:checked + .slider:before { -webkit-transform: translateX(55px); -ms-transform: translateX(55px); transform: translateX(55px); } .on { display: none; } .on, .off { color: white; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } input:checked + .slider .on { display: block; } input:checked + .slider .off { display: none; } .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } .line_heigth_30 { line-height: 30px; } .zindex_1 { z-index: 1; } .w-input-address { overflow: hidden; } .redeem-address-label { width: 105px; float: left; font-weight: bolder; padding-top: 8px; } .mandatory:after { color: red; content: "*"; font-size: 14px; } .login_btn_sns_icon.fb2 { margin-right: 12px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/dcf96102317d97594ab0bfb9345a39c5.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .footer_share_icon.email2 { background-image: url(https://uat-fwdmax.fwd.com.hk/static/775c668383a20344079161f8ee9ea8b6.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .fbinviteicon { background-color: #3b5998 !important; color: white !important; border-color: #3b5998 !important; } .emailinviteicon { background-color: dodgerblue !important; color: white !important; border-color: dodgerblue !important; } .paddingTop30 { padding-top: 30px !important; } .padding_left { text-align: left; padding-left: 15px; } .text-gray { color: #71787a; } .background_gray { background-color: #f2f2f2; } .background_orange { background-color: #fcd6bc; } .leftEarnPointTitle { text-align: left !important; } .earnguiderow { padding-top: 5px; padding-bottom: 5px; } .text-orange { color: #f88028; } .earnGuideBold { font-weight: bold !important; } .earnGuideBoldWithPaddingtOP { font-weight: bold !important; padding-top: 10px; font-size: 28px; } .fontStyeInit { font-style: initial !important; } .to_do_list_left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-right: auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; line-height: 20px; } .to_do_list_right { width: 60px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 14px; line-height: 14px; text-align: center; } .to_do_list_right.done { width: 50px; } .to_do_list_right.number { font-size: 18px; line-height: 18px; } .to_do_list_right.orange { color: #f88028; } .to_do_list_left_icon { width: 18px; margin-right: 10px; } @media (max-width: 991px) { .main_section_container.inner_page._2nd { padding: 30px 4% !important; padding-bottom: 0px; } .main_section_container.tag { display: none; } .header_search.tag, .header_search.search_tagging { background-color: initial; } .header_search.tag { margin-left: auto; margin-right: auto; width: 100%; display: block; } .header_search.search_tagging { display: inline-block; margin-left: 0px; width: 100%; } .to_do_list_right { width: 55px; font-size: 13px; line-height: 13px; } .to_do_list_right.done { width: 45px; } } .common_text_style { color: white; } .w-checkbox { display: block; margin-bottom: 5px; padding-left: 20px; } .w-checkbox::before { content: ' '; display: table; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-row-span: 1; grid-row-end: 2; -ms-grid-row: 1; grid-row-start: 1; } .w-checkbox::after { content: ' '; display: table; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-row-span: 1; grid-row-end: 2; -ms-grid-row: 1; grid-row-start: 1; clear: both; } .w-checkbox-input { float: left; margin-bottom: 0px; margin-left: -20px; margin-right: 0px; margin-top: 4px; line-height: normal; } .finish_checkbox_field { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 30px; margin-bottom: 0px; padding-left: 0px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; } .finish_checkbox { margin-top: 0px; margin-right: 6px; margin-left: 0px; border-style: none; background-color: hsla(0, 0%, 100%, 0.3); margin-bottom: 2px; } .finish_checkbox.select_all { margin-right: 12px; } .finish_checkbox_label { margin-bottom: 0px; padding-top: 2px; } .w-checkbox-input--inputType-custom { border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-top-color: #ccc; border-bottom-color: #ccc; border-left-color: #ccc; border-right-color: #ccc; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; width: 12px; height: 12px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; } .w-checkbox-input--inputType-custom.w--redirected-checked { background-color: #3898ec; border-top-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; border-right-color: #3898ec; background-image: url(https://uat-fwdmax.fwd.com.hk/static/ff8dd4d1fe2e003605770fb1431da6ec.svg); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .w-checkbox-input--inputType-custom.w--redirected-focus { box-shadow: 0px 0px 3px 1px #3898ec; } .send_icon_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .send_icon { width: 40px; height: 40px; margin-left: 2px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .send_icon.email { background-image: url(https://uat-fwdmax.fwd.com.hk/static/42ace4434140d13bc92b9f7f3b2a9db1.png); background-position: 50% 50%; background-size: 75%; background-repeat: no-repeat; } .client_info { width: 100%; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; line-height: 16px; font-size: 14px; } .qr_code_client_info { width: 60%; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; line-height: 16px; font-size: 14px; } .client_info_name { padding-bottom: 4px; color: #f88028; font-size: 20px; line-height: 20px; display: inline-block; } .client_info_name.done { color: grey; } .qr_code_client_info_name { width: max-content; padding-bottom: 0px; color: #f88028; font-size: 20px; line-height: 20px; } .client_info_bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .client_info_bottom_detail { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 5px; } .client_info_detail{ padding-top: 5px; } .client_info_bottom_block { margin-right: 12px; padding-right: 12px; border-right: 1px solid rgba(51, 51, 51, 0.3); } .client_info_bottom_block.last { border-right-style: none; border-right-color: transparent; } .client_block { width: 100%; margin-bottom: 15px; background-color: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); } .to_do_list_row.detail { padding-top: 0px; border-top: none; } .to_do_list_row.withDetail { padding-bottom: 0px; } .client_right.withDetail { padding-top: 15px; } .client_block_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .to_do_list_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 12px 15px 12px 25px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #e5e5e5; } .qr_code_to_do_list_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 12px 25px 12px 25px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #e5e5e5; } /* .to_do_list_row:hover { background-color: rgba(248, 128, 40, 0.15); } */ .to_do_list_row.title { padding-top: 15px; padding-bottom: 15px; border-top-style: none; } .to_do_list_row.title:hover { background-color: transparent; } .to_do_list_row.with_detail { display: block; padding-right: 25px; padding-bottom: 20px; background-color: rgba(248, 128, 40, 0.15); } .to_do_list_row_in { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .client_right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .client_offer_right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .client_right.next { padding-right: 35px; } .client_right.next.with_detail { padding-right: 25px; } .client_right_number { width: 100%; padding-top: 3px; color: #f88028; font-size: 20px; line-height: 20px; } .to_do_list_right { width: 60px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 14px; line-height: 14px; text-align: center; } .to_do_list_right.done { width: 50px; } .to_do_list_right.number { font-size: 16px; line-height: 18px; } .to_do_list_right.orange { color: #f88028; } .client_plus { width: 20px; height: 20px; margin-left: 15px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/1c1df2b16b1769f924456ac5a123b285.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .qr_code_client_plus { width: 20px; height: 20px; margin-left: 240px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/1c1df2b16b1769f924456ac5a123b285.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .qr_code_client_plus.minus { background-image: url(https://uat-fwdmax.fwd.com.hk/static/f61e354df71178acc01e6a21d3479f9c.png); } .client_plus.minus { background-image: url(https://uat-fwdmax.fwd.com.hk/static/f61e354df71178acc01e6a21d3479f9c.png); } .to_do_list_left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-right: auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; line-height: 20px; } .to_do_list_left.title { color: #f88028; font-size: 18px; line-height: 18px; } .to_do_list_left_icon { width: 18px; margin-right: 10px; } .final_left { padding-top: 3px; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; } .final_left_next { padding-top: 2px; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-size: 14px; line-height: 14px; } .redeem_text { color: #f88028; font-size: 13px; width: 23%; } .final_right { height: 30px; margin-left: auto; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .final_right_btn { width: 30px; height: 30px; margin-left: 15px; } .final_right_btn.share { background-image: url(https://uat-fwdmax.fwd.com.hk/static/1167d1b2b9cacb3342b3169a20d551e5.svg); background-position: 50% 50%; background-size: 60%; background-repeat: no-repeat; } .final_right_btn.shared { background-image: url(https://uat-fwdmax.fwd.com.hk/static/86ba99af32628841152b77e7b58500cc.svg); background-position: 50% 50%; background-size: 60%; background-repeat: no-repeat; } .customer_type_icon{ width: 30px; height: 25px; background-repeat: no-repeat; display: inline-block; margin-left: 8px; background-size: 26px 14px; background-position-y: 11px; } .agent_activate_remark{ width: 100%; color: #f88028; padding-bottom: 15px; text-align: center; max-width: 100% } @media (max-width: 479px) { .mobile_width_email { min-width: 360px !important; } .edit_mobile_container { padding: 0px !important; } .alertModalClass { width: 80%; height: auto; position: fixed; left: 10%; right: 10%; top: 10%; background-color: white; /* box-shadow: -1px -1px 10px -2px rgb(208, 194, 183); -webkit-box-shadow: -1px -1px 10px -2px rgb(208, 194, 183); */ z-index: 1; outline-color: #f88028; outline:none; border: solid 1px rgb(208, 194, 183); border-radius: 15px; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); } .alertModalForReferAgentClass { width: 80%; height: auto; position: fixed; left: 10%; right: 10%; top: 10%; background-color: white; /* box-shadow: -1px -1px 10px -2px rgb(208, 194, 183); -webkit-box-shadow: -1px -1px 10px -2px rgb(208, 194, 183); */ z-index: 1; outline-color: #f88028; outline:none; border: solid 1px rgb(208, 194, 183); border-radius: 15px; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); } .confirmModalClass { width: 85%; height: auto; position: fixed; left: 7.5%; right: 10%; top: 10%; background-color: white; /* box-shadow: -1px -1px 10px -2px rgb(208, 194, 183); -webkit-box-shadow: -1px -1px 10px -2px rgb(208, 194, 183); */ z-index: 1; outline-color: #f88028; outline:none; /*border: solid 1px rgb(208, 194, 183);*/ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); } .rewardIconModalClass { width: 100%; height: fit-content; position: fixed; /* left: 7.5%; */ bottom: 8.5%; background-color: white; /* box-shadow: -1px -1px 10px -2px rgb(208, 194, 183); -webkit-box-shadow: -1px -1px 10px -2px rgb(208, 194, 183); */ z-index: 1; outline-color: #f88028; outline:none; /*border: solid 1px rgb(208, 194, 183);*/ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); } .common_text_style { color: #575756; } .basic_number_container { width: 100%; margin-left: 0px; padding-top: 10px; } .qr_code_items_right{ display:flex; right:20%; } .qr_code_items{ padding: 1vw 2vw 1vw 0vw; margin-right: 6vw; } .customer_type_icon{ width: 30px; height: 28px; background-repeat: no-repeat; display: inline-block; margin-left: 5px; background-size: 23px 11px; background-position-y: 17px; margin-top: -15px; } .companynewstag{ overflow-wrap: break-word; max-width: 95px; } .fwd-max-search-client-form .selectSentGroup{ font-size: 12px; } .fwd-max-search-client-form .confirmSentGroup{ font-size: 12px; } .fwd-max-input-group input[type="submit"]{ font-size: 12px !important; } } .extra_page_number_container.prvicacy_statement { font-weight: bolder; } .chinese_font_text { font-family: Noto Sans TC !important; } .chinese_font_text.extra_page_number_container { font-family: Noto Sans TC !important; } .chinese_font_text.extra_page_number_container.prvicacy_statement { font-family: Noto Sans TC !important; } .unsubscrribeInputContainer { margin: auto; width: 50%; } .unsubsribeButton { margin: auto; width: 59%; } .orange_text { color: #f88028; } .black_text { color: #f88028; } .grey_text { color: #575756; } .black_text { color: black; } ._L { font-size: 26px; } ._ML { font-size: 19px; } ._M { font-size: 20px; } ._S { font-size: 16px; } .display_none { display: none; } .z_index_50 { z-index: 50 !important; } /* @font-face { font-family: "Noto Sans TC"; src: url("https://cdn.scsicl.com/MElle-HK-Light.woff2") format("woff2"); } @font-face { font-family: "MElleHK xBold"; src: url("https://cdn.scsicl.com/MEllan-HK-Xbold.woff2") format("woff2"); } @font-face { font-family: "MElleHK Medium"; src: url("https://cdn.scsicl.com/MElleHK-Medium.woff2") format("woff2"); } */ @font-face { font-family: "Noto Sans TC"; src: url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;400") format("woff2"); } .reward_block_point { /* width: 65% !important; */ /* float: left !important; */ color: #f88028; } .reward_block_remain { float: right !important; } .generic_page_text_container { text-align: justify; } .reward_block_point.coming_soon { font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; font-size: 20px; line-height: 22px; font-weight: bolder; } .detail_content_text a { color: #f88028; } .detail_content_text p a { color: #f88028; } .creditPic { height: 83px; } .creditPicUnionPay{ margin-left: 15px; height: 75px; margin-top: 10px; } .claimedReward.tableCell.firstRow { width: 160px; } .claimedReward.tableCell.secondrow { min-width: 200px; } .redeem_qr_code { float: left; width: 38%; } .coming_soon_text { font-size: 32px; color: #f88028; float: left; text-align: center; padding-top: 25px; padding-bottom: 10px; } .no_passion_text{ line-height: 1.2; } .margin_left20 { margin-left: 20px !important; } .margin_right20 { margin-right: 20px !important; } .sucessRegBtn { margin-left: 10px; margin-right: 10px; margin-top: 5px; } body { font-family: FWD Circular Book, sans-serif, Noto Sans TC; font-weight: 100; } .loading_container { position: fixed; width: 100%; top: 0%; left: 0%; right: auto; height: 100%; background-color: hsla(0, 0%, 100%, 0.5); font-weight: bold; font-size: 20px; z-index: 1000; } .redeem_message { border: 1px solid #f88028; border-radius: 10px; padding: 9px; width: 100%; } .display_block { display: block; } .lucky_draw_form_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding-top: 10px; padding-bottom: 10px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-bottom: 1px solid #f88028; } .lucky_draw_form_block { padding-right: 25px; } .lucky_draw_form_block.a1 { width: 65%; } .lucky_draw_form_block.a2 { width: 30%; } .lucky_draw_form_block.a3 { width: 5%; } .lucky_draw_form_block.b1 { width: 30%; } .lucky_draw_form_block.b2 { width: 70%; } .width_15 { width: 15%; } .section_container.content.lucky_draw_after { background-color: #f88028; color: #fff; } .main_section_container.lucky_draw_after { padding-top: 45px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } ._2nd_inner_title_row.lucky_draw { max-width: 900px; } .z_index_1000000 { z-index: 1000000 !important; } .center_modal{ display: flex; justify-content: center; align-content: center } .height_260 { height: 260px; } .height_150 { height: 150px; } .border_right_unset { border-right: unset !important; } .lucky_draw_small_font { font-size: 12px; } .tooltip { position: relative; display: inline-block; } .tooltip .tooltiptext { visibility: hidden; /* width: 140px; */ width: 240px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 5px; position: absolute; z-index: 1; bottom: 90%; left: 50%; margin-left: -75px; opacity: 0; transition: opacity 0.3s; } .tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; } /* new css for invite friend */ .invite_friend_bg_img { width: 100%; } .invite_friend_content_container { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .invite_friend_new_block_old { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 75px 100px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 10px; position: absolute; background-color: hsla(0, 0%, 100%, 0.95); text-align: center; max-width: 806px; } .invite_friend_new_block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 75px 100px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 10px; background-color: hsla(0, 0%, 100%, 0.95); text-align: center; max-width: 806px; } .invite_friend_new_text { width: 100%; } .invite_friend_new_text.via { margin-top: 20px; } .invite_friend_new_highlight { font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; color: #f88028; } .invite_friend_new_copy_btn { min-width: 225px; margin-top: 20px; padding: 12px 45px 10px 70px; border-radius: 1000px; background-color: #f88028; background-image: url(https://uat-fwdmax.fwd.com.hk/static/2a64b79efa0ff3efe5d11c68f8bec1f4.svg); background-position: 40px 50%; background-size: 16px; background-repeat: no-repeat; color: #fff; } .invite_friend_new_copy_btn:hover { padding: 11px 44px 9px 69px; border: 1px solid #f88028; background-color: #fff; background-image: url(https://uat-fwdmax.fwd.com.hk/static/a91571a39db4ec419dcb0b6153af7fa9.svg); color: #333; } .invite_friend_new_copy_btn.enter { min-width: 225px; margin-top: 20px; padding: 12px 45px 10px 45px; border-radius: 1000px; background-color: #f88028; background-image: none; background-position: 40px 50%; background-size: 16px; background-repeat: no-repeat; color: #fff; } .invite_friend_new_copy_btn.enter:hover { padding: 11px 44px 9px 44px; border: 1px solid #f88028; background-color: #fff; background-image: none; color: #333; } .invite_friend_new_copy_btn.fb { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 12px 25px 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #3a5898; background-image: none; } .invite_friend_new_copy_btn.fb:hover { border-style: none; color: #fff; } .invite_friend_new_copy_btn.fb.email { margin-top: 15px; background-color: rgb(0,151,169); } .invite_friend_new_btn_sns { width: 20px; margin-right: 10px; } .customer_form_block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 10px; padding-top: 5px; padding-bottom: 5px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-radius: 5px; background-color: #f88028; } .customer_form_block.finish { margin-left: 10px; padding-right: 15px; padding-left: 15px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; background-color: #81878e; } .customer_form_block.select_all { width: 40%; margin-right: 10px; padding-right: 20px; padding-left: 20px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; background-color: #64b1bc; font-size: 20px; height: 75%; } .customer_form_block.send { padding-right: 15px; padding-left: 25px; background-color: #0097aa; color: #fff; font-size: 20px; line-height: 20px; height: 75%; } .customer_form_block_search_btn { width: 20px; height: 20px; margin-right: 20px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; background-image: url(https://uat-fwdmax.fwd.com.hk/static/be4c61ff2529cfa3b6748fe4ca6a8467.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .customer_form_search { height: 40px; margin-bottom: 0px; padding-top: 2px; padding-bottom: 0px; padding-left: 20px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border: 1px none transparent; background-color: transparent; color: #fff; font-size: 20px; line-height: 20px; } .final_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding-top: 15px; padding-bottom: 15px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(248, 128, 40, 0.2); line-height: 20px; } .final_row.first { margin-top: 15px; border-top: 1px solid rgba(248, 128, 40, 0.2); } .customer_form_search::-webkit-input-placeholder { color: hsla(0, 0%, 100%, 0.75); } .customer_form_search:-ms-input-placeholder { color: hsla(0, 0%, 100%, 0.75); } .customer_form_search::-ms-input-placeholder { color: hsla(0, 0%, 100%, 0.75); } .customer_form_search::placeholder { color: hsla(0, 0%, 100%, 0.75); } @media (max-width: 991px) { .customer_circle { width: 50px; height: 50px; font-size: 13px; line-height: 13px; } .customer_circle_agent { width: 58px; height: 58px; font-size: 13px; line-height: 13px; } .customer_circle_icon { width: 22px; } .customer_sort_orange { font-size: 26px; line-height: 26px; } .customer_sort_orange_right { font-size: 26px; line-height: 26px; } .customer_sort_arrow { width: 9px; } .invite_friend_content_container { position: relative; } .invite_friend_new_block { width: 100%; padding-top: 30px; padding-right: 50px; padding-left: 50px; background-color: transparent; } .invite_friend_new_text { margin-top: -10px; } .tAndCPopup{ z-index: 1000001!important; } .common_text_style { color: #575756; } .mobile_color_black { color: black; } .main_section_container.inner_page._2nd.ah { padding-top: 30px; padding-bottom: 0px; padding-left: 0px !important; padding-right: 0pc !important; } } @media (max-width: 767px) { .invite_friend_new_block { padding-right: 25px; padding-left: 25px; position: unset; } .mobileSimilar{ display: block; } .common_text_style { color: #575756; } /* .basic_number_block.info { margin-right: 0px; margin-left: 0px; } */ } @media (max-width: 479px) { .mobileSimilar{ display: block; } .invite_friend_new_text { font-size: 14px; line-height: 20px; } .invite_friend_new_copy_btn { min-width: 210px; margin-top: 15px; padding-top: 10px; padding-bottom: 8px; /* background-position: 45px 50%; */ background-size: 14px; font-size: 16px; /* line-height: 22px; */ } .invite_friend_new_copy_btn:hover { padding-top: 9px; padding-bottom: 7px; } .invite_friend_new_copy_btn.enter { min-width: 210px; margin-top: 15px; padding-top: 10px; padding-bottom: 8px; /* background-position: 45px 50%; */ background-size: 14px; font-size: 16px; /* line-height: 22px; */ } .invite_friend_new_copy_btn.enter:hover { padding-top: 9px; padding-bottom: 7px; } .invite_friend_new_copy_btn.fb { margin-top: 10px; padding-top: 10px; padding-bottom: 8px; } .invite_friend_new_copy_btn.fb.email { margin-top: 10px; } .lucky_draw_result_table{ left: 0% !important; width: 350px !important; } .contest_result_table{ left: 0% !important; width: 100% !important; } .padding_bottom_8{ padding-bottom: 8px !important; display: grid; } .photo_row{ display: flex; align-items: center; align-content: center; } .photo_td_left{ width: 80% !important; padding-right: 0px !important; display: block; margin-left: auto; margin-right: auto; margin-bottom: 15px; } .photo_td_right{ width: 80% !important; padding-left: 0px !important; display: block; margin-left: auto; margin-right: auto; margin-bottom: 15px; } .hr_width{ width: 350px !important; } .main_section_title._2nd_big.photo_contest_banner { font-size: 30px !important; line-height: 38px !important; } .height_235{ height: 280px !important; } .height_240{ height: 220px !important; } .creditPic{ height: auto; width: 30%; } .creditPicUnionPay{ height: auto; width: 30%; } } .section_container.invite_friend_new { position: relative; padding-right: 0px; padding-left: 0px; } ._loading_overlay_content { color: #f88028; padding-top: 88px; } .step_one_reserve { color: #f88028; float: right; font-weight: bolder; } .captcha_input{ width: 45%; padding-top: 15px; } .reg_captcha{ width: 70%; padding-top: 15px; } .captcha_input_otp{ margin-top: 15px; } .refreshIcon{ padding-top: 30px; padding-right: 5px; cursor: pointer; } .lucky_draw_result_table{ width: 500px; position: relative; left: 25%; border-collapse:separate; border-spacing:0 5px; text-align: center; } .contest_result_table{ width: 75%; position: relative; left: 10%; border-collapse:separate; border-spacing:0 5px; text-align: center; } .photo_row{ display: flex; align-items: center; align-content: center; } .photo_td_left{ width: 50%; padding-right: 35px; } .photo_td_right{ width: 50%; padding-left: 35px; } .contest_img_box{ display: block; margin-left: auto; margin-right: auto; } .contest_img{ object-fit: contain; width: 350px; height: 200px } .hr_width{ width: 450px; } .lucky_draw_result_tr_header{ text-align: center; } .lucky_draw_result_tr_col{ text-align: center; width: 40%; } .lucky_draw_result_tr_col_no{ text-align: center; width: 12%; } .lucky_draw_result_tr_col_Maxid{ text-align: center; width: 45%; } .lucky_draw_result_tr_col_no_contest{ text-align: center; width: 3%; } .lucky_draw_result_tr_col_contest{ padding-bottom: 15px; } .lucky_draw_result_tr_col_Maxid_contest{ text-align: right; /* width: 10%; */ /* padding-right: 5px; */ padding-left: 5px; padding-top: 5px; padding-bottom: 10px; height: 15px; width: 40%; } .lucky_draw_result_tr_col_contest_label{ padding-left: 5px; padding-top: 5px; padding-bottom: 5px; text-align: left; height: 15px; } .lucky_draw_result_tr_col_Maxid_contest_label{ padding-left: 5px; padding-top: 5px; padding-bottom: 10px; text-align: left; font-size: 14px; height: 15px; width: 60%; } .lucky_draw_result_tr_col_no_contest{ text-align: center; width:4%; } .lucky_draw_result_tr_col_Photo_contest{ text-align: center; width: 20%; padding-top: 5px; } .bottom_border_luckydraw{ border: 1px solid rgb(87, 87, 87); } .padding_bottom_10 { padding-bottom: 10px; } .border_top_luckydraw{ border-top: 1px solid rgb(87, 87, 87); } .passionContestCheckBox{ color: #f88028; width: 100%; display: flex; } .secondLast{ border-top-right-radius: 100px; border-bottom-right-radius: 100px; } .passionSortingBox{ top: 20px; position: absolute } .passionFilterDes{ max-width: 150px; margin-left: 30px; } .registerSelectInputCon{ display: flex; width: 100%; } .height_235{ height: 235px; } .height_240{ height: 235px; } .main_section_title._2nd_big.photo_contest_banner { font-size: 30px; line-height: 55px; } .soldout_container{ display: block; } .promotionForm_container{ width:100%; display: flex; flex-wrap: wrap; justify-content: space-between; } .promotionForm_subContainer{ width:48%; } .initechNode { /* border: solid 3px red; */ border-radius: 15px; padding: 5px; width: 500px; display: inline-block; color: white; background-color: #f88028; } .initechNodeGrey{ border-radius: 3px; padding: 5px; width: 150px; display: inline-block; color: white; background-color: darkgray; } .nodeHeader { top: 5px; padding-top: 5px; font-size: 20px; float: left; } .nodeContent { font-size: 12px; float: left; padding-left: 5px; text-align: left; } .hrline { width: 100%; color: white; border: 1px solid; } .role { font-size: 12px; float: right; } .pointer{ cursor: pointer; } .exclusiveOfferCustomerHeader{ display: flex; justify-content: center; width: 100%; font-weight: bold; font-size: 16px; } #initechOrgChart .orgNodeChildGroup .nodeGroupLineVerticalMiddle { border-right: solid 3px red; } #initechOrgChart .nodeLineBorderTop { border-top: solid 3px red; } .width_100ip { width: 100% !important; } .agent_row { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-radius: 10px; } .agent_hierarchy_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-width: 900px; /* min-height: 500px; */ margin-right: auto; margin-left: auto; padding-right: 25px; /* padding-bottom: 50px; */ padding-left: 25px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .agent_row_btn.customer { margin-left: 20px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/3cd13afbb36f5f452f7ca31d8e596d12.svg); background-position: 8px 50%; background-size: auto 75%; background-repeat: no-repeat; } .agent_row_btn.info { margin-left: 20px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/3cd13afbb36f5f452f7ca31d8e596d12.svg); background-position: 8px 50%; background-size: auto 75%; background-repeat: no-repeat; } .agent_row_btn { margin-bottom: 0px; margin-left: 20px; padding: 5px 20px 5px 45px; border: 1px solid #fff; border-radius: 99px; background-color: #fff; color: #f88028; cursor: pointer; } .agent_row_btn.team { margin-right: 20px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/050b15cf49b638fd2c20f77c5648b448.svg); background-position: 12px 50%; background-size: auto 65%; background-repeat: no-repeat; } .agent_info_block { position: relative; z-index: 1; display: none; width: 100%; padding: 15px 20px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; background-color: #f98c3d; } .agent_info_col { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; /* width: 33.333%; */ padding-top: 5px; padding-right: 25px; padding-bottom: 5px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; font-size: 18px; line-height: 22px; } .agent_info_col_title { margin-right: 5px; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; } .agent_width{ width: 100%; } .agent_overflow { overflow: hidden; white-space: nowrap; display: flex; position: relative; } .lv_2_container { position: relative; /* display: none; */ width: 100%; /* background-color: #fef2e9; */ } .lv_2_container_line_vertical { position: absolute; left: 0%; top: 0%; right: auto; bottom: 0%; width: 2px; height: 100%; margin-left: 20px; background-color: #f88028; } .agent_row_in { /* position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-top: 20px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 6px; background-color: #f88028; */ width: 100%; padding: 20px 20px 70px; border-radius: 10px; background-color: #f88028; } .agent_name { padding-left: 20px; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; color: #fff; font-size: 24px; } .agent_name.title { margin-right: 20px; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; } .agent_name_container { position: relative; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 20px; padding-bottom: 20px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 6px; background-color: #f88028; } .agent_row_in_line { position: absolute; left: -20px; top: 0%; right: auto; bottom: 0%; z-index: 1; width: 20px; margin-top: 30px; border-top: 2px solid #f88028; background-color: transparent; } .agent_row_in_line.last { background-color: #fef2e9; } .agent_row_btn.team.no_under_member { border-color: grey; background-color: grey; background-image: url(https://uat-fwdmax.fwd.com.hk/static/17c17376dc6f0d8aa14c73911063fb3e.svg); color: #fff; } .agent_date_section{ display: flex; width: 300px; margin-left:auto; margin-right:0; margin-top: -60px; margin-bottom: 60px; } .MuiButton-label{ color: black; } .MuiTypography-colorPrimary{ color: #f88028 !important; } .MuiPickersDay-daySelected:hover{ background-color: #fc6c03 !important; } .MuiInput-underline::after{ border-bottom: 2px solid #f88028 !important; } .agent_date_label{ width: 110px; } .agent_label{ text-transform: capitalize; margin-left: 10px; margin-right: 10px; /* padding: 5px 10px 5px 10px; font-size: 24px; */ } .profile_chart_legend_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-width: 400px; margin-bottom: -8px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 10px; } .profile_chart_legend { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50%; min-width: 135px; padding-right: 15px; padding-bottom: 8px; padding-left: 15px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .profile_chart_legend_line { width: 30px; height: 5px; margin-right: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; border-radius: 99px; background-color: #ffc267; } .profile_card_container { position: relative; width: 100%; max-width: 400px; margin-right: auto; margin-bottom: 15px; margin-left: auto; } .profile_card_name { position: absolute; left: 7%; top: auto; right: auto; bottom: 45%; z-index: 1; max-width: 58%; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-size: 28px; line-height: 28px; text-transform: uppercase } .profile_card_qrcode { position: absolute; left: auto; top: 5%; right: 7%; bottom: auto; width: 25%; border: 1px solid #333; padding: 3px; } .profile_card_member_id { font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-size: 12px; line-height: 20px; } .profile_point_balance { padding-top: 15px; padding-bottom: 15px; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-size: 20px; line-height: 28px; } .profile_card_name { bottom: 47.5%; font-size: 22px; line-height: 28px; text-transform: uppercase; } .profile_card_qrcode { width: 22.5%; } .profile_card_member_id { line-height: 14px; } .customer_form { width: 100%; margin-top: 15px; } .customer_form_in { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .agent_eventDropDwon { margin-top:12px; width: 100% !important; display: flow-root !important; } .agent_prospect_eventDropDown{ margin-top:12px; margin-left: 12px; width: 20% !important; display: flow-root !important; } @media (max-width: 991px) { .agent_row_in { margin-top: 15px; } .agent_name_container { width: 100%; padding-bottom: 15px; } .agent_row_btn.info { margin-left: 20px; } .agent_row_btn { margin-bottom: 15px; } .lv_2_container { padding-left: 30px; } .lv_2_container_line_vertical { margin-left: 15px; } .agent_name { font-size: 22px; line-height: 22px; } .agent_row_in_line { left: -15px; width: 15px; } .agent_date_section{ margin-top: 0px; padding-bottom: 5px; margin-bottom: 0px; } .profile_chart_legend_container { max-width: 800px; } .profile_chart_legend { width: 25%; } } @media (max-width: 767px) { .agent_info_col { width: 50%; min-width: 250px; } .agent_name { font-size: 20px; line-height: 20px; } .agent_date_section{ margin-top: 0px; padding-bottom: 5px; margin-bottom: 0px; } .profile_chart_legend_container { max-width: 500px; } } @media (max-width: 479px) { .reg_captcha_input{ width: 140px; } .lockPopup{ position: fixed; top: 0 !important; left: 0; margin-top: 0; overflow: auto !important; height: 100vh; word-wrap: break-word; width: 100vw; } .mobilePositionUnset{ position: unset !important; } .closeMinHeight{ min-height: 35px; } .mobilePopUpClose{ position: unset; } .mobilePopUpRedius{ border-radius: unset; } .popupBackgroupColor{ background-color: rgb(254,242,233); } .eventArticleFirstImg{ height: 240px ; } .display_none_back{ display: none; } .agent_row_in { margin-top: 10px; } .agent_name_container { padding-top: 15px; padding-bottom: 10px; } .agent_row_btn.info { margin-left: 15px; background-position: 50% 50%; } .agent_row_btn { width: 30px; height: 30px; margin-left: 15px; padding: 0px; font-size: 14px; line-height: 22px; } .agent_row_btn.team { background-position: 50% 50%; background-size: auto 55%; } .agent_info_col { width: 100%; } .lv_2_container { padding-left: 0px; } .lv_2_container_line_vertical { margin-left: 10px; } .agent_name { padding-left: 15px; font-size: 18px; line-height: 18px; } .agent_row_btn_text { display: none; } .agent_row_in_line { left: -10px; width: 10px; margin-top: 25px; } .agent_date_section{ margin-top: 0px; margin-bottom: 0px; padding-bottom: 5px; } .info_number.teamAgentinfoNumber{ display: inline-flex; font-family: unset; font-size: 16px; width: 20%; text-align: right; right:0; } .rewards_detail_popup_1 { background-color:unset !important; border: unset !important; height: 100%; } .articles_detail_popup_1 { background-color:unset !important; border: unset !important; height: 100%; } .cancel_margin_right{ margin-right: 0px; } .mobileHeaderContainer{ padding-bottom: 56px; } .subMobileHeaderContainer{ position: fixed; width: 100% !important; z-index: 10000; height: 56px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .profile_chart_legend_container { margin-bottom: -6px; } .profile_chart_legend { min-width: 145px; padding-right: 10px; padding-bottom: 6px; padding-left: 10px; font-size: 14px; line-height: 22px; display: block; margin-top: 15px; width: 380px; } .profile_chart_description{ margin-top: -13px; padding-left: 30px; } .successPadding{ padding:20px; } img.article_block_img { height: 210px; object-fit: fill; } .inner_page_block:hover .article_block_black { margin-top: -210px; height: 210px; object-fit: fill; } .inner_page_block:hover .article_block_black.blockFirstImg { margin-top: -210px !important; height: 210px !important; } .generic_page_text_container { text-align: left; } .info_info_row_title { margin-right: 5px; } .info_number { font-size: 22px; } .to_do_list_container { margin-top: 12px; } } .info_info_row { padding-top: 2px; padding-bottom: 2px; font-size: 20px; } .agent_row_btn.info.open { background-image: url(https://uat-fwdmax.fwd.com.hk/static/6c189013b7af08c79973446c54242a0d.svg); background-color: transparent; color: #fff; } @keyframes closepopup { from {left: 0%;} to {left: 100%;} } .closepopupAnimation{ animation: closepopup 0.5s; } @keyframes openpopup { from {left: 100%; } to {left: 0%;} } .openpopupAnimation{ animation: openpopup 0.5s; } .tncpopup_bg_color { z-index: 1000 !important; } .common_text_style { color: #575756; } .paddingSearch{ padding-left: 15px; padding-right: 15px; padding-top: 15px; } .inbox_short{ display: none; transition: opacity 250ms ease 0s; opacity: 0; } .inbox_detail{ display: flex; transition: opacity 250ms ease 0s; opacity: 1; } .inbox_no_message{ text-align: center; margin-top: 15px; } .inbox_mobile_select{ -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; user-select:"none"; } @keyframes openMessageDel { from {right: -15%; } to {right: 0%; } } .openMessageDelAnimation{ animation: openMessageDel 0.5s; } .fix_inbox_contain{ overflow: hidden; padding-left: 2px; padding-right: 2px; } @keyframes closeMessageDel { from {right: 0%; } to {right: -15%; } } .closeMessageDelAnimation{ animation: closeMessageDel 0.5s; } .scene { width: 100%; perspective: 600px; text-align: center; } .card { width: 100%; height: 100%; transition: transform 1s linear; transform-style: preserve-3d; cursor: pointer; position: relative; perspective: 1000px; } .card.is-flipped { transform: rotateY(180deg); } .card__face { position: absolute; width: 100%; height: 100%; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .card__face--front { transform-style: preserve-3d; } .card__face--back { transform:rotateY(180deg) ; } .isFlipped{ transform: rotateY(180deg); } .flipiconstyle{ float: right; -webkit-transform: scaleX(-1); transform: scaleX(-1) scale3d(2.5, 1, 1.5); color: #f88028; background-image: unset; } .flipiconstyle_extend{ transform: scaleY(-1) scale3d(2.5, 1, 1.5); } #progressbar { background-color: white; border-radius: 13px; /* (height of inner div) / 2 + padding */ padding: 3px; width: 300px; margin-bottom: 15px; } #progressbar>div { background-color:orange; /* Adjust with JavaScript */ height: 20px; border-radius: 10px; } .oneThird{ width: 100px; } .twoThird{ width: 200px; } .fullWidth{ width: 300px; } .progress-bar-warning { background-color: #f0ad4e; } .mobilePopupPhotoSize{ height: 300px; } .preregister_t_n_c { opacity: 0.5; font-size: 14px; line-height: 20px; } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); width: 50%; } .progress-bar-striped, .progress-striped .progress-bar { background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; } .progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #f0ad4e; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); border-radius: 50px; text-align: center; width: 50%; } .width_60{ widows: 60%; } .width_30{ widows: 30%; } .header_background{ background-color: #f88028; } .popup_container_header{ min-height: 56px; z-index: 1000000 !important; } .header_height{ height: 56px; } .back_absolute{ position: absolute; top: 25%; } .back_text_size{ font-size: 16px } .back_absolute_popup{ position: absolute; top: 1.5%; } .laguage_absolute{ position: absolute; right: 0%; font-size: 16px; } .laguage_absolute_right{ right: 8% !important; } .close_absolute{ position: absolute; right: 2%; } .intro_absolute{ position: absolute; } .logo_margin_top{ margin-top: 5px; } .btn_disable{ background-color: #7C878E; color: white; border-radius: 1000px; width: 125px; } .left_message_bin{ border-bottom-right-radius: 0; width: 50%; border-right: 1px solid white; } .right_message_bin{ left: 50%; border-bottom-left-radius: 0; width: 50%; background-image: url(https://uat-fwdmax.fwd.com.hk/static/ef77d5b05397bdd3be5aabf256b5ebc9.svg); position: absolute; top: auto; right: 0%; bottom: 0%; height: 30px; border-bottom-right-radius: 10px; background-color: rgb(99, 177, 188); background-position: 50% 50%; background-size: auto 18px; background-repeat: no-repeat; } .pre_reg_link{ text-decoration: underline; color: white; } .shortCut_clicked{ opacity: 0.7; } .paddingtopPopupContent{ padding-top: 56px; } .or_label{ margin-top: -10px; padding-left: 2%; } .pre_reg_note{ font-size: 17px; color: #f88028; } .color_light_orange{ background-color: #fff; left: 0%; top: 0%; right: 0%; bottom: 0%; /* background-image: -webkit-gradient( linear, left top, left bottom, color-stop(10%, rgba(248, 128, 40, 0.1)), color-stop(90%, rgba(248, 128, 40, 0)) ); background-image: linear-gradient( 180deg, rgba(248, 128, 40, 0.1) 10%, rgba(248, 128, 40, 0) 90% ); */ } .tnc_back_top{ padding-right: 30px } .pre_reg_title{ font-weight: 600; } .pre_reg_label{ font-size: 17px; } .step_label{ color: #f88028 } .pre_reg_title_error{ text-align: center; color: red } @media (min-width: 991px) and (max-width: 1400px) { .common_text_style{ padding: 40px } } .white_profile_label{ color: white !important } .capitalize_name{ text-transform: uppercase } .forceUpdateButton{ margin-left: auto; margin-right: auto; width: 60%; } .forceUpdateButtondiv{ float: unset; } .forceUpdateBackground{ height: 100%; width: 100%; position: fixed; top: 0px; background-color: black; opacity: 0.8; z-index: 100000000; } .forceUpdateContainer{ top:40%; z-index: 100000000; } /* .agent_hierarchy_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-width: 900px; min-height: 500px; margin-right: auto; margin-left: auto; padding-right: 25px; padding-bottom: 50px; padding-left: 25px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } */ .agent_hierarchy_container.mc { padding-bottom: 35px; } .ah_before_content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-bottom: 25px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .ah_date_range_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 5px 5px 5px 15px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #f88028; border-radius: 5px; width: 50%; } .ah_date_range_field { margin-right: 10px; margin-left: 10px; padding: 4px 10px; border-style: solid; border-width: 1px; border-color: #e6e6e6; background-color: #fff; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-weight: 100; } .ah_search_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 30px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .ah_search_block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 0px; margin-left: 10px; padding-right: 10px; padding-left: 15px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 5px; background-color: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25); } .ah_search_field { width: 200px; height: 42px; margin-bottom: 0px; padding: 9px 0px; border: 1px none transparent; background-color: transparent; font-size: 16px; } .ah_search_btn { width: 30px; height: 30px; background-color: transparent; background-image: url(https://uat-fwdmax.fwd.com.hk/static/c3347e81f1ee2dd56297d5c0cdfedc74.svg); background-position: 50% 50%; background-size: 60%; background-repeat: no-repeat; color: transparent; } .ah_agent_block { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-radius: 10px; } .ah_agent_block._2nd { padding-left: 30px; } .ah_agent_block_in { width: 100%; padding: 20px 50px 30px 80px; border-radius: 10px; background-color: #7c878e; position: relative; } .ah_agent_text_container { display: grid; align-items: center; color: #fff; } .ah_agent_name { font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-size: 24px; line-height: 28px; display: flex; gap: 8px; } .ah_agent_title { padding-right: 40px; font-size: 20px; line-height: 24px; } .ah_agent_basic_info { display: block; align-items: center; } .ah_agent_basic_info_block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .ah_agent_basic_info_block_title { margin-right: 10px; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; } .ah_agent_btn_staff { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; /* width: 100px; */ top:10px; right: 20px; position:absolute; margin-left: 20px; padding: 6px 15px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 999px; /* background-color: #fff; */ color: #fff; z-index: 10 ; } .ah_agent_btn_staff._2 { margin-left: 15px; top:50px; } .ah_agent_btn_staff._3 { margin-left: 15px; top:140px; } .ah_agent_btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 160px; margin-top: -60px; margin-left: 20px; padding: 6px 15px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 999px; background-color: #fff; color: #f88028; } .ah_agent_btn._2 { margin-left: 15px; } .ah_agent_btn._3 { margin-left: 15px; } .ah_agent_btn_plus { height: 18px; margin-left: auto; } .ah_agent_btn.customer { margin-left: 20px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/3cd13afbb36f5f452f7ca31d8e596d12.svg); background-position: 8px 50%; background-size: auto 75%; background-repeat: no-repeat; } .ah_agent_btn.info { margin-left: 20px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/3cd13afbb36f5f452f7ca31d8e596d12.svg); background-position: 8px 50%; background-size: auto 75%; background-repeat: no-repeat; } .ah_agent_btn.team { margin-right: 20px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/050b15cf49b638fd2c20f77c5648b448.svg); background-position: 12px 50%; background-size: auto 65%; background-repeat: no-repeat; } .ah_agent_icon { width: 25px; margin-right: 10px; } .ah_agent_tdl { position: relative; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding: 15px 20px 20px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; background-color: #fed141; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; } .ah_agent_tdl_fill { position: absolute; left: 0%; top: 0%; right: 0%; bottom: auto; width: 100%; height: 10px; margin-top: -10px; background-color: #f88028; } .ah_agent_tdl_fill.info { z-index: 0; height: 9px; } .ah_agent_tdl_title { width: 100%; font-size: 18px; } .ah_agent_tdl_block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 33.333%; padding-top: 10px; padding-right: 10px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .ah_agent_tdl_block_icon { height: 25px; margin-right: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .basic_number_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: auto; -webkit-box-align: center; /* -webkit-align-items: center; */ -ms-flex-align: center; /* align-items: center; */ } .date_range_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-top: 15px; padding: 12px 25px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 5px; background-color: #f88028; color: #fff; font-size: 20px; line-height: 20px; } .date_range_icon { width: 24px; } .date_range_date { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 20px; margin-left: 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; } .date_range_date_tri { width: 10px; margin-left: 5px; } .date_range_arrow { width: 20px; height: 20px; margin-top: -2px; margin-left: auto; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; background-image: url(https://uat-fwdmax.fwd.com.hk/static/f4f27d4c2d668db557564167b4e2e61d.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .basic_number_block { margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; color: #f88028; text-align: center; } /* .basic_number_block_myinfo { margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; color: #f88028; text-align: center; } */ .basic_number_block.first { margin-left: 0px; } .basic_number_block.last { margin-right: 0px; } .basic_number_block.info { color: #111; } .basic_number_block_myinfo { /* margin-right: auto; margin-left: auto; */ min-width: 50%; padding-right: 20px; padding-left: 20px; /* color: #f88028; */ text-align: center; color: #111; } .basic_number_number { font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-size: 40px; line-height: 40px; } .ah_agent_info { position: relative; display: none; width: 100%; margin-top: -1px; padding: 15px 20px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; border-top: 1px solid #fff; background-color: #f88028; color: #fff; } .ah_agent_info_block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50.333%; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .ah_agent_info_title { padding-right: 10px; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; } .ah_agent_btn_minus { display: none; height: 18px; margin-left: auto; } .ah_agent_2nd_l { position: absolute; left: 15px; top: 0px; right: auto; bottom: auto; width: 15px; height: 50px; border-bottom: 1px solid #f88028; border-left: 2px solid #f88028; } .ah_agent_block_2nd { position: relative; display: none; width: 100%; padding-top: 15px; } .ah_agent_block_container{ min-width:100% } .ah_agent_2nd_line { position: absolute; left: 15px; top: 0%; right: auto; bottom: 0%; width: 2px; height: 100%; background-color: #f88028; } .ah_agent_2nd_line.last { display: none; } .ah_bold { font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; } .DayPickerInput-OverlayWrapper { z-index: 1000; } .ah_date_picker_to .DayPickerInput > input, .ah_date_picker_from .DayPickerInput > input { line-height: inherit; width: 100%; text-align: center; /* padding: 5px; */ border: none; background-color: #f88028 } .ah_date_picker_to .DayPickerInput-OverlayWrapper { color: #000; } .ah_date_picker_from .DayPickerInput-OverlayWrapper { color: #000; } .main_section_container.inner_page._2nd { padding-bottom: 60px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .main_section_container.inner_page._2nd.ah { padding-bottom: 60px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .mc_sorting_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; /* padding-left: 20px; */ -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 99px; background-color: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25); } .mc_sorting_dropdown { margin-left: 20px; } .mc_sorting_dropdown_toggle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 300px; height: 42px; padding: 9px 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-top-right-radius: 99px; border-bottom-right-radius: 99px; background-color: #f88028; color: #fff; } .mc_sorting_dropdown_toggle.w--open { border-top-right-radius: 21px; border-bottom-right-radius: 0px; } .mc_sorting_arrow { height: 10px; margin-left: auto; } .text-block-5 { height: 42px; padding-top: 9px; padding-bottom: 9px; } .mc_sorting_dropdown_link { padding: 9px 20px; border-bottom: 1px solid #f88028; } .mc_sorting_dropdown_list.w--open { background-color: #fff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25); } .mc_block { overflow: hidden; width: 100%; margin-bottom: 15px; border-radius: 10px; background-color: #f88028; } .mc_block_in { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding: 20px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; } .mc_name { padding-right: 60px; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-size: 22px; line-height: 26px; } .mc_basic_info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 2px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .mc_basic_info_block { margin-left: 30px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .mc_basic_info_block._1 { margin-left: 0px; } .mc_expand_block { width: 100%; margin-top: 10px; margin-bottom: -20px; padding: 20px 20px 30px; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #ffba2e; } .mc_expand_block.blue { background-color: #ffe7b9; } .mc_expand_block.last { margin-bottom: 0px; padding-bottom: 20px; } .mc_expand_block.first { margin-top: 0px; } .mc_expand_block_in { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-top: -15px; margin-bottom: -15px; padding-top: 15px; padding-bottom: 15px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-size: 17px; line-height: 25px; cursor: pointer; } .mc_expand_block_icon { height: 25px; margin-right: 12px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .mc_expand_block_plus { height: 22px; margin-left: auto; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .mc_expand_block_minus { display: none; height: 22px; margin-left: auto; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .mc_expand_item { display: flex; width: 100%; margin-top: 16px; margin-bottom: -16px; padding-top: 16px; padding-bottom: 16px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-top: 1px solid #b3b3b3; } .mc_expand_item_text { width: 86%; padding-right: 10px; line-height: 22px; } .mc_expand_item_text.done { color: grey; } .promotion_event_btn_done{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 5px 20px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 1000px; background-color: grey; color: #fff; cursor: pointer; margin-top: 20px; margin-right: auto; margin-left: auto; padding: 6px 30px; } .mc_expand_item_share { width: 40px; height: 40px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; border-radius: 99px; background-color: #f88028; background-image: url(https://uat-fwdmax.fwd.com.hk/static/21c720494b82e8a6fadec79124807fce.png); background-position: 45% 50%; background-size: 40%; background-repeat: no-repeat; } .mc_expand_item_name { padding-bottom: 3px; font-size: 20px; line-height: 24px; } .mc_expand_item_resend { font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; color: #f88028; } .customer_sort { padding-right: 8px; padding-left: 8px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; text-align: center; } .customer_sort_orange { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #f88028; font-size: 28px; line-height: 28px; } .customer_sort_arrow { width: 10px; margin-left: 8px; } .customer_sort_arrow.reverse { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .customer_form_in_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .customer_form_in_row.first { padding-bottom: 10px; } @media screen and (max-width: 600px){ .customer_form_in_row.promotion_sent{ flex-wrap: wrap; } .customer_form_in_row.promotion_sent > div:first-child { flex: 1 1 600px; } .agent_prospect_eventDropDown{ margin-left: 0px; flex: 1 30%; } } .customer_circle_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #0097aa; font-size: 14px; line-height: 14px; } .customer_circle_container_larger { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #0097aa; font-size: 14px; line-height: 14px; } .customer_circle { width: 55px; height: 55px; margin-right: 8px; padding-top: 6px; border-radius: 99px; background-color: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); /* color: #0097aa; */ color: #f88028; text-align: center; } .customer_circle_agent { width: 58px; height: 58px; margin-right: 8px; padding-top: 6px; border-radius: 99px; background-color: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); color: #0097aa; text-align: center; } .customer_circle_agent.current { background-color: #0097aa; color: #fff; } .customer_circle.current { /* background-color: #0097aa; */ background-color: #f88028; color: #fff; } .customer_circle_icon { width: 25px; margin-bottom: 4px; } .customer_circle_icon.all { margin-right: 2px; } .customer_number_text { justify-content: center; display: flex; padding: 5px 0px; background-color: #fff; color: #f88028; border-radius: 99px; margin-right: 8px; margin-top: 8px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); } .customer_number_text.current { background-color: #f88028; color: #fff; } .customer_page_icon{ white-space: nowrap; display: block; } .ah_always_here_btn { width: 75px; height: 75px; border-radius: 99px; background-color: #f88028; background-image: url(https://uat-fwdmax.fwd.com.hk/static/652760dd2803a7d730f5431db1b49547.png); background-position: 50% 50%; background-size: 50%; background-repeat: no-repeat; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); margin-bottom: 10px; margin-top: 5px; } .ah_always_here_meeting_btn { width: 75px; height: 75px; border-radius: 99px; background-color: #f88028; background-image: url(https://uat-fwdmax.fwd.com.hk/static/800cc8b6c67b70f825cbda5c17532093.svg); background-position: 50% 50%; background-size: 50%; background-repeat: no-repeat; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); margin-bottom: 10px; } .ah_always_here_btn_number { position: absolute; left: auto; top: 15px; right: 9px; bottom: auto; width: 25px; height: 25px; border-radius: 999px; background-color: #f84a1b; color: #fff; font-size: 14px; line-height: 25px; text-align: center; } @media screen and (max-width: 991px) { .final_right { height: 28px; } .final_right_btn { width: 28px; height: 28px; margin-left: 12px; } .final_left_next { font-size: 13px; line-height: 13px; } .client_plus { width: 15px; height: 15px; } .to_do_list_right { width: 55px; font-size: 13px; line-height: 13px; } .to_do_list_right.done { width: 45px; } .client_right.next { padding-right: 30px; } .client_right.next.with_detail { padding-right: 20px; } .client_right_number { font-size: 18px; line-height: 18px; } .client_info_name { font-size: 18px; line-height: 18px; } .send_icon { width: 35px; height: 35px; } .customer_form_search { height: 35px; font-size: 18px; } .customer_form_search::-webkit-input-placeholder { font-size: 18px; line-height: 18px; } .customer_form_search:-ms-input-placeholder { font-size: 18px; line-height: 18px; } .customer_form_search::-ms-input-placeholder { font-size: 18px; line-height: 18px; } .customer_form_search::placeholder { font-size: 18px; line-height: 18px; } .customer_form_block { margin-top: 12px; } .customer_form_block.select_all { font-size: 18px; } .customer_form_block.send { font-size: 18px; line-height: 18px; } .finish_checkbox_field { height: 30px; padding-top: 2px; } .customer_form_block_search_btn { width: 18px; height: 18px; margin-right: 15px; } .final_row { padding-top: 12px; padding-bottom: 12px; } .final_row.first { margin-top: 12px; } .section_container { padding-right: 20px; padding-left: 20px; } .section_container.content { padding-right: 0px; padding-left: 0px; } .ah_before_content { padding-bottom: 20px; } .ah_date_range_field { margin-right: 9px; margin-left: 8px; font-size: 14px !important; } .ah_search_field { width: 150px; } .ah_agent_name { font-size: 22px; line-height: 26px; } .ah_agent_title { font-size: 18px; line-height: 22px; } .ah_agent_basic_info_block { font-size: 15px; line-height: 23px; } .ah_agent_tdl_block { width: 50%; } .ah_agent_info_block { width: 50%; } .mc_title_icon { height: 22px; } .mc_sorting_dropdown_link { padding-top: 8px; padding-bottom: 8px; } .mc_name { font-size: 20px; line-height: 24px; } .mc_expand_block_in { font-size: 16px; line-height: 23px; } .mc_expand_block_icon { height: 22px; } .mc_expand_block_plus { height: 20px; } .mc_expand_block_minus { height: 20px; } .mc_expand_item_text { font-size: 15px; line-height: 21px; } .mc_expand_item_share { width: 36px; height: 36px; } .mc_expand_item_name { font-size: 18px; line-height: 22px; } .info_info_row { font-size: 18px; line-height: 22px; } .basic_number_block { padding-right: 15px; padding-left: 15px; } .basic_number_number { font-size: 35px; line-height: 35px; } .date_range_container { font-size: 18px; line-height: 18px; } .date_range_icon { width: 21px; } .date_range_date { margin-right: 18px; margin-left: 18px; } .date_range_arrow { width: 18px; height: 18px; } .ah_always_here_btn { right: 15px; width: 70px; height: 70px; } .ah_always_here_meeting_btn { right: 15px; width: 70px; height: 70px; } .ah_always_here_btn_number { width: 23px; height: 23px; font-size: 13px; line-height: 23px; } .name_and_title { font-size: 14px; line-height: 18px; } } .pdfZoomIn{ position: absolute; left: 142px; top: 2px; opacity: 0.5; cursor: pointer; } .pdfZoomOut{ position: absolute; left: -40px; opacity: 0.5; top: 2px; cursor: pointer; } .pdfMenuDiv{ background-color: black; width: auto; height: auto; position: fixed; opacity: 0.5; z-index: 1; bottom: 100px; max-height: 50%; overflow: scroll; } .pdfMenuIcon{ position: fixed; bottom: 50px; left: 35%; opacity: 0.5; cursor: pointer; } .info_block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 25px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #ffd142; } @media screen and (max-width: 767px) { .ah_before_content { display: block; width: 100%; } .ah_search_container { padding-top: 20px; padding-left: 0px; } .ah_search_field { width: 300px; height: 40px; padding-top: 8px; padding-bottom: 8px; } .ah_agent_block { width: 94%; } .ah_agent_block_in { padding-right: 180px; padding-bottom: 20px; padding-left: 40px; } .ah_agent_text_container { display: block; padding-right: 12px; } .ah_agent_name { display: block; width: 100%; } .ah_agent_title { width: 100%; padding-left: 0px; } .ah_agent_basic_info { display: block; } .ah_agent_basic_info_block { padding-right: 0px; font-size: 12px; line-height: 22px; } .ah_agent_basic_info_block_title { margin-right: 8px; } .ah_agent_btn_staff { position: absolute; left: auto; top: 25px; right: 20px; bottom: auto; /* width: 150px; */ margin-top: 0px; margin-left: 0px; } .ah_agent_btn_staff._2 { top: 70px; } .ah_agent_btn_staff._3 { top:105px; } .ah_agent_btn { position: absolute; left: auto; top: 25px; right: 20px; bottom: auto; width: 150px; margin-top: 0px; margin-left: 0px; } .ah_agent_btn._2 { top: 70px; } .ah_agent_btn._3 { top: 115px; } .ah_agent_btn_plus { height: 16px; } .ah_agent_icon { width: 20px; } .ah_agent_tdl_block { font-size: 15px; } .ah_agent_info_block { font-size: 15px; } .ah_agent_btn_minus { height: 16px; } .mc_title_icon { height: 20px; } .mc_sorting_dropdown { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .mc_sorting_dropdown_toggle { width: 100%; height: 40px; padding-top: 8px; padding-bottom: 8px; } .mc_sorting_dropdown_toggle.w--open { border-top-right-radius: 20px; } .mc_name { padding-right: 45px; } .mc_basic_info_block { margin-left: 25px; } .ah_date_picker_to .DayPickerInput-OverlayWrapper { color: #000; left: -214px; } .ah_date_picker_from .DayPickerInput-OverlayWrapper { color: #000; left: -116px; } .sort_by_btn._mc { display: flex; } .mc_sorting_container{ width: fit-content; margin-left: auto; margin-right: auto; align-items: center; } .agent_hierarchy_container { padding-right: 20px; padding-left: 20px; } .basic_number_block.first.info { padding-left: 0px; } .info_block { display: block; } .info_info_row { padding-top: 0px; } .ah_always_here_btn { right: 10px; } .ah_always_here_meeting_btn { right: 10px; } } .basic_info_block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding: 25px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .agent_btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 33.333333%; padding: 25px 20px 25px 25px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #e5e5e5; border-right:1px solid #e5e5e5; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; } .agent_btn:hover { background-color: rgba(248, 128, 40, 0.15); } .agent_btn._6 { background-color: #ffd142; color: #111; } .agent_btn._info { color: #111; border-bottom: 0px solid #e5e5e5; } .agent_btn._info_clicked { background-color: #ffd142; color: #111; } .agent_btn._myTeam { color: #111; border-bottom:1px solid #e5e5e5; margin-bottom: -1px; } .agent_btn._myTeam_clicked { background-color: #7c878e; color: #fff; } .agent_btn._todo { color: #111; border-bottom: 1px solid #e5e5e5; } .agent_btn._todo_clicked { background-color: #f88028; color: #fff; } .agent_btn_icon { width: 25px; margin-right: 8px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .agent_btn_right_icon { width: 24px; margin-left: auto; padding-left: 15px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .to_do_list_row.title { padding-top: 15px; padding-bottom: 15px; border-top-style: none; } .to_do_list_row.title:hover { background-color: transparent; } .to_do_list_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 12px 15px 12px 25px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #e5e5e5; } /* .to_do_list_row:hover { background-color: rgba(248, 128, 40, 0.15); } */ .to_do_list_left.title { color: #f88028; font-size: 18px; line-height: 18px; } @media screen and (max-width: 479px) { .final_right { height: 25px; } .final_right_btn { width: 25px; height: 25px; margin-left: 10px; } .final_left_next { font-size: 12px; line-height: 12px; } .final_row { padding-top: 10px; padding-bottom: 10px; line-height: 18px; } .final_row.first { margin-top: 10px; } .to_do_list_left { line-height: 18px; } .to_do_list_left.title { font-size: 16px; line-height: 16px; } .to_do_list_left_icon { width: 16px; margin-right: 8px; } .customer_form { margin-top: 12px; } .client_plus { width: 12px; height: 12px; margin-left: 20px; } .qr_code_client_plus { width: 12px; height: 12px; margin-left: 50px; } .offer_plus { margin-left: 0px !important; } .to_do_list_right { width: 50px; font-size: 12px; line-height: 12px; } .to_do_list_right.done { width: 32px; } .client_right { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .client_offer_right{ flex: 0 0 auto; float: right; width: 50%; } .client_right.next { padding-right: 24px; } .client_right.next.with_detail { padding-right: 14px; } .client_right_number { padding-top: 4px; font-size: 16px; line-height: 16px; } .client_right_number.next { padding-top: 0px; } .to_do_list_row { padding: 10px 10px 10px 20px; } .qr_code_to_do_list_row{ padding: 10px 20px 10px 20px; } .to_do_list_row.title { padding-top: 12px; padding-bottom: 12px; } .to_do_list_row.with_detail { padding-right: 20px; padding-bottom: 15px; } .client_info { line-height: 14px; } .client_info_name { /*padding-bottom: 3px;*/ font-size: 16px; line-height: 16px; } .exclusiveOfferCustomerHeader{ font-size: 20px; } .qr_code_client_info_name { padding-bottom: 0px; font-size: 16px; line-height: 16px; } .send_icon { width: 30px; height: 30px; margin-left: 1px; } .customer_form_in_row.first { padding-bottom: 8px; } .customer_form_search { height: 32px; padding-left: 15px; font-size: 16px; vertical-align: middle; } .customer_form_search::-webkit-input-placeholder { font-size: 16px; line-height: 16px; } .customer_form_search:-ms-input-placeholder { font-size: 16px; line-height: 16px; } .customer_form_search::-ms-input-placeholder { font-size: 16px; line-height: 16px; } .customer_form_search::placeholder { font-size: 16px; line-height: 16px; } .customer_form_block { margin-top: 8px; padding-top: 5px; padding-bottom: 5px; } .customer_form_block.finish { margin-left: 8px; padding-right: 10px; padding-left: 10px; } .customer_form_block.select_all { margin-right: 8px; padding-right: 15px; padding-left: 15px; font-size: 16px; height: 40px; } .customer_form_block.send { padding-right: 10px; padding-left: 20px; font-size: 16px; line-height: 16px; height: 40px; } .finish_checkbox { margin-right: 4px; } .finish_checkbox.select_all { margin-right: 12px; } .finish_checkbox_field { height: 30px; padding-top: 2px; } .finish_checkbox_field.select { padding-left: 5px; } .customer_form_block_search_btn { width: 16px; height: 16px; margin-right: 10px; } .customer_circle_container { border: none; } .customer_circle { width: 45px; height: 45px; margin-right: 8px; font-size: 12px; line-height: 12px; } .customer_circle_agent { width: 58px; height: 58px; margin-right: 5px; font-size: 12px; line-height: 12px; } .customer_circle_card { width: 58px; height: 58px; margin-right: 5px; font-size: 12px; line-height: 12px; background-position: 20% 30%; } .customer_circle_icon { width: 20px; height: 20px; } .customer_sort { padding-right: 6px; padding-left: 6px; margin-top: 8px; display: inline-flex; flex-direction: column; align-items: center; gap: 4px; } .customer_sort_orange { font-size: 14px; line-height: 14px; } .customer_sort_orange_right { font-size: 14px; line-height: 19px; } .ah_always_here_btn { right: 5px; width: 65px; height: 65px; } .ah_always_here_meeting_btn { right: 5px; width: 65px; height: 65px; } .ah_always_here_btn_number { top: 14px; right: 8px; width: 25px; height: 25px; } .agent_btn_right_icon { width: 14px; padding-left: 8px; } .agent_btn_icon { width: 20px; margin-right: 6px; } .name_and_title { font-size: 13px; line-height: 17px; } .agent_hierarchy_icon { width: 30px; padding-bottom: 8px; } .mobile_menu_fixbody{ padding-top: 55px; } .intro_absolute{ top: 20%; } .laguage_absolute{ top: 20%; } } .pdfZoomIn{ position: absolute; left: 142px; top: 2px; opacity: 0.5; cursor: pointer; } .pdfZoomOut{ position: absolute; left: -40px; opacity: 0.5; top: 2px; cursor: pointer; } .pdfMenuDiv{ background-color: black; width: auto; height: auto; position: fixed; opacity: 0.5; z-index: 1; bottom: 100px; max-height: 50%; overflow: scroll; } .pdfMenuIcon{ position: fixed; bottom: 50px; left: 35%; opacity: 0.5; cursor: pointer; } .page-controls { position: absolute; background: white; opacity: 0.8; -webkit-transition: opacity ease-in-out 0.2s; transition: opacity ease-in-out 0.2s; -webkit-box-shadow: -1px 0px 5px 0 rgba(16, 36, 94, 0.2); box-shadow: 2 30px 40px 0 rgba(16, 36, 94, 0.2); border-radius: 4px; width: 135px; margin-left: 30%; margin-right: auto; margin-bottom: 30px; } .page-controls-none { position: relative; width: 140px; margin-left: auto; margin-right: auto; margin-bottom: 30px; } @media screen and (max-width: 479px) { .customer_sort_arrow { width: 8px; margin-left: 6px; height: 12px; } .smaller_sort{ height: 12px; padding-bottom: 1px; } .section_container { padding-right: 15px; padding-left: 15px; } .ah_before_content { padding-bottom: 16px; } .ah_date_range_container { width: 100%; padding: 4px 4px 4px 10px; } .ah_date_range_field { margin-right: 6px; margin-left: 6px; padding: 3px 8px; font-size: 14px !important; } .ah_search_container { padding-top: 15px; } .ah_search_block { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .ah_search_field { width: auto; height: 36px; padding-top: 6px; padding-bottom: 6px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 14px; } .ah_search_btn { width: 25px; height: 25px; } .ah_agent_block._2nd { padding-left: 20px; } .ah_agent_block_in { padding: 15px 145px 15px 15px; } .ah_agent_block_in.team { padding: 15px 80px 15px 15px; } .ah_agent_text_container { padding-right: 10px; padding-left: 30px; } .ah_agent_name { font-size: 14px; line-height: 24px; padding-bottom: 2px; } .ah_agent_title { font-size: 14px; line-height: 20px; } .ah_agent_basic_info_block { font-size: 12px; line-height: 20px; } .ah_agent_basic_info_block_title { margin-right: 8px; } .ah_agent_btn_staff { top: 20px; right: 15px; /* width: 130px; */ padding-right: 30px; padding-left: 12px; } .ah_agent_btn_staff._2 { top: 62px; } .ah_agent_btn_staff._3 { top:104px; } .ah_agent_btn { top: 20px; right: 15px; width: 130px; padding-right: 12px; padding-left: 12px; } .ah_agent_btn._2 { top: 62px; } .ah_agent_btn._3 { top: 104px; } .ah_agent_btn_plus { height: 14px; } .ah_agent_icon { width: 18px; margin-right: 4px; } .ah_agent_tdl { display: block; padding: 12px 15px 15px; } .ah_agent_tdl_block { width: 100%; padding-top: 8px; padding-right: 0px; font-size: 15px; } .ah_agent_tdl_block_icon { height: 20px; margin-right: 8px; } .ah_agent_info { padding: 12px 15px 15px; } .ah_agent_info_block { width: 100%; } .ah_agent_btn_minus { height: 14px; } .ah_agent_2nd_l { left: 10px; width: 10px; height: 40px; } .ah_agent_block_2nd { padding-top: 10px; padding-left: 0px; padding-right: 10px; min-width: 92vw; } .ah_agent_block_container{ min-width:92vw } .ah_agent_2nd_line { left: 10px; } .mc_title_icon { height: 18px; } .mc_sorting_dropdown { margin-left: 15px; } .mc_sorting_dropdown_toggle { height: 36px; padding: 6px 15px; } .mc_sorting_dropdown_toggle.w--open { border-top-right-radius: 18px; } .mc_sorting_arrow { height: 8px; } .mc_sorting_dropdown_link { padding: 8px 15px; } .mc_block { margin-bottom: 10px; } .mc_block_in { padding: 15px; } .mc_name { margin-right: auto; padding-right: 15px; font-size: 18px; line-height: 22px; } .mc_basic_info { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } .mc_basic_info_block { margin-left: 20px; } .mc_expand_block { padding: 15px 15px 25px; } .mc_expand_block.last { padding-bottom: 15px; } .mc_expand_block_in { margin-top: -12px; margin-bottom: -12px; padding-top: 12px; padding-bottom: 12px; font-size: 15px; line-height: 20px; } .mc_expand_block_icon { height: 20px; margin-right: 8px; } .mc_expand_block_plus { height: 18px; } .mc_expand_block_minus { height: 18px; } .mc_expand_item { margin-top: 12px; margin-bottom: -12px; padding-top: 12px; padding-bottom: 12px; } .mc_expand_item_text { padding-right: 5px; font-size: 13px; line-height: 19px; } .mc_expand_item_share { width: 32px; height: 32px; } .mc_expand_item_name { padding-bottom: 2px; font-size: 16px; line-height: 20px; } .ah_date_picker_to .DayPickerInput-OverlayWrapper { color: #000; left: -184px; } .ah_date_picker_from .DayPickerInput-OverlayWrapper { color: #000; left: -40px; } .ah_date_picker_to .DayPickerInput > input, .ah_date_picker_from .DayPickerInput > input { /* width: 75px; */ } .pdfZoomIn{ position: absolute; left: 142px; top: 2px; opacity: 0.5; cursor: pointer; } .pdfZoomOut{ position: absolute; left: -40px; opacity: 0.5; top: 2px; cursor: pointer; } .pdfMenuDiv{ background-color: black; width: auto; height: auto; position: fixed; opacity: 0.5; z-index: 1; bottom: 120px; max-height: 50%; overflow: scroll; } .pdfMenuIcon{ position: fixed; bottom: 80px; left: 5%; opacity: 0.5; cursor: pointer; } .page-controls { position: absolute; background: white; opacity: 0.8; -webkit-transition: opacity ease-in-out 0.2s; transition: opacity ease-in-out 0.2s; -webkit-box-shadow: -1px 0px 5px 0 rgba(16, 36, 94, 0.2); box-shadow: 2 30px 40px 0 rgba(16, 36, 94, 0.2); border-radius: 4px; width: 135px; margin-left: 30%; margin-right: auto; margin-bottom: 30px; } .page-controls-none { position: absolute; width: 140px; margin-left: auto; margin-right: auto; margin-bottom: 30px; } .info_block { padding: 18px 20px; } .agent_hierarchy_container { padding-right: 15px; padding-left: 15px; font-size: 14px; line-height: 22px; } .agent_hierarchy_container.mc { padding-bottom: 40px; } .info_info_row { font-size: 16px; line-height: 20px; } .basic_info_block { display: block; padding: 18px 20px; } .basic_number_block { padding-right: 0px; padding-left: 0px; /* font-size: 12px; */ } .basic_number_block.info { padding-right: 8px; padding-left: 8px; } .basic_number_number { font-size: 30px; line-height: 30px; } .agent_btn { width: 50%; padding: 18px 20px; } .agent_btn._todo{ border-bottom-style:none; } .agent_btn._1 { border-left-style: none; } .agent_btn._3 { border-left-style: none; } .agent_btn._5 { border-left-style: none; } .to_do_list_row { padding: 10px 10px 10px 20px; } .to_do_list_row.title { padding-top: 12px; padding-bottom: 12px; } .to_do_list_left { line-height: 18px; } .to_do_list_left.title { font-size: 16px; line-height: 16px; } .to_do_list_right { width: 60px; padding-top: 7px; } .to_do_list_right.done { width: 60px; } .to_do_list_left_icon { width: 16px; margin-right: 8px; } .date_range_container { margin-top: 12px; padding: 10px 20px; font-size: 16px; line-height: 16px; } .date_range_icon { width: 18px; } .date_range_date { margin-right: 15px; margin-left: 15px; margin-top: 1px; } .date_range_date_tri { width: 8px; margin-left: 4px; } .date_range_arrow { width: 15px; height: 15px; } } .pdfbutton{ width: 44px; height: 44px; background: white; border: 0; font: inherit; font-size: 1.5em; border-radius: 4px; } .pdfwidth{ width: 100%; } @media screen and (max-width: 479px) { .pdfwidth{ width: 100%; max-height: 700px; } } .pdfMenuSubject{ text-align: center; color: white; padding: 10px; } .pdfMenuColumn{ color: white; padding: 8px; padding-left: 10px; } .agent_block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; border-radius: 5px; background-color: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); } .name_and_title { font-size: 15px; line-height: 19px; } .name { margin-bottom: -2px; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-size: 24px; line-height: 28px; } .to_do_list_container { overflow: hidden; width: 100%; max-width: 840px; margin-top: 15px; border-radius: 5px; background-color: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); } .qr_code_to_do_list_container { margin-top: 15px; border-radius: 5px; } .info_number { margin-bottom: -2px; font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; font-size: 24px; } .info_content { line-height: 22px; } .info_info_row_title { margin-right: 15px; /* margin-left: 15px; */ font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; } .tooltip2 { position: relative; display: inline-block; } .tooltip2 .tooltiptext2 { visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 3px; /* Position the tooltip */ position: absolute; z-index: 1; } .tooltip2:hover .tooltiptext2 { visibility: visible; } .teamProspectToolTips{ margin-top: 10.5px; } .allocated_label{ display: flex; font-weight: bold; } .allocated_label_2{ text-align: right; padding-right: 2%; font-weight: bold; } .allocated_number{ color: #f88028; font-size: 18px; padding-left: 5px; } .profile_card_img{ display: inline-block; border-radius: 20px; box-shadow: 1px 1px 4px 0 rgba(0,0, 0, 0.25); } .BlueBackGround{ background-color: #0097aa; } .SpecialBackGround{ background-color:#183028; } .TurquoiseBackGround{ background-color:#006269; } .greenBackGround{ background-color: #6ECEB2; } .YellowBackGround{ background-color: #FED141; } .orangeColor{ color: #f88028; } .whiteColor{ color: white; } .blackColor{ color: black; } .lightgreyColor{ color: lightgrey; } .agentAllocatInput{ width: 50px; } .agentHierarchyIcon{ width: 50px; height: auto; vertical-align: top; } .agentHierarchyIcon.journey6{ width: 35px !important; } .agentBoldFont{ font-weight: bold; } .agentIconDes{ padding-top: 4px; } .agentInfoPaddingTop{ padding-top: 10px; } .myinfoRow{ display: inherit; width: 100%; padding: unset; border-bottom: 1px white solid; } .myinfoContent{ width: 90%; text-align: left; padding-left: 10px; } .agentInfoContentHeader{ text-align: center; min-width:50%; } .teamMyinfoContent{ width: 75%; text-align: left; padding-left: 10px; white-space: pre-wrap; } .agnetInfoTitle{ font-family: unset; font-weight: bold; width: 40%; font-size: 15px; } .agentinfoNumber{ font-family: unset; font-size: 16px; width: 10%; text-align: right; } .teamAgentinfoNumber{ display: inline-flex; font-family: unset; font-size: 16px; width: 20%; text-align: right; right:0; } .info_info.agentText{ padding-left: 10px; } .agentDisplayFlex{ display: flex; } .unsetpaddingright{ padding-right: unset; } .agentAllocateSelectAll{ width: 48% !important; margin-right: 4% !important; } .agentAllocateButton{ width: 48% !important; margin-left: 0px !important; } .agentRemainingContainer{ background-color: unset; box-shadow: unset; } .agentRemainingContainerBorder{ border-top: unset; padding: unset; padding-right: 10px; padding-left: 10px; } .agentAllocateCheckBox{ width: 50px; padding-right: 10px; padding-top: 4px; } .agent_info_bottom_block{ margin-right: 0px; } .agentAllocateHeader{ width: 64px !important; padding-left: 15px; } .agentAllocateIcon{ float: right; width: 18px; } .offer_btn_clicked{ background-color: rgba(248, 128, 40, 0.15); } .agentAllocateContainer{ height: 300px; overflow: overlay; width: 100%; } .agentAllocateCirFont{ font-size: 16px; padding-top: 3px; } .tagChart { width: 50%; display: inline-block; margin: auto; } .tagContainer { width: 100%; display: inline-block; } .timerOverlayForQueueing{ width: 100%; height: 100%; display: flex; z-index: 10000; background-color: rgba(229,229,229,.9); } .timerNumberForQueueing{ color: #f88028; width: 80%; height: 50%; text-align: center; margin: auto; display: flex; flex-direction: column; line-height: 2; font-size: 30px; } .timerOverlay{ width: 100%; height: 100%; position: fixed; top: 0; left: 0px; z-index: 10000; background-color: rgba(229,229,229,.9); } .timerNumber{ color: #f88028; width: 100%; text-align: center; top: 25%; position: absolute; line-height: 1.5; font-size: 30px; } .timerClose{ position: fixed; left: auto; top: 0%; right: 0%; bottom: auto; width: 25px; height: 25px; margin-top: 25px; margin-right: 25px; margin-left: 25px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/9a6da681745390dc1a040d902f786131.svg); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; cursor: pointer; font-size: 14px; mix-blend-mode: difference; } .agentAllocateLabel{ font-size: 12px; line-height: 12px; padding-top: 15%; padding-top: 11px; } .right_customer_sort{ border-left: 1px solid rgba(0, 0, 0, 0.1); margin-left: 20px; margin-top: 10px; padding-left: 12px; } .allocate_btn{ margin-left: 0px !important; background-image: none !important; padding-left: 25px !important; width: 170px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 5px 20px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 1000px; background-color: #f88028; color: #fff; cursor: pointer; padding-bottom: 8px; padding-top: 8px; } @media screen and (max-width: 479px) { .timerNumber{ padding-left: 25px; padding-right: 25px; font-size: 20px; top: 20%; } .agentAllocateHeader{ width: 56px !important; padding-left: 0px; } .agentInfoContentHeader{ text-align: center; min-width: 8vw; margin-right: 2vw; font-size: 14px; } .rewardExpand{ background-position: 45% 45%; } .agentHierarchyIcon{ width: 30px; height: auto; vertical-align: top; } } .agentAllocateBtn{ float: left; width: 35px; padding-right: 16px; margin-top: -2px; margin-left: -25px; } .allocate_web_btn{ margin-left: 0px; } .noMarginTop{ margin-top: 0px !important; } .fontFamily{ font-family: FWD Circular Book, sans-serif, Noto Sans TC !important; } .myself_label{ padding-bottom: 0px; margin-bottom: -3px; } .paddingLeft{ padding-left: 15px; } .marginLeftRight{ text-align: center; margin-right: 10px; margin-left: 10px; } .customer_circle_card{ border-radius: 50%; height: 58px; width: 58px; text-align: center; margin-right: 8px; padding-top: 6px; background-position: 20% 30%; } .blackCardCircle{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/869b3c9c8cfc6d202709048c5109f87b.png); } .platinumCardCircle{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/b4d0eb96a706ae35b3111bf171769e63.png); } .goldCardCircle{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/117f68599c901d68fa785573851f1d56.png); } .silverCardCircle{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/aa6fce130d41631df0a7553e17e1bec2.png); } .tooltip3 { position: relative; display: inline-block; } .tooltip4 { position: relative; display: inline-block; padding-right: 10px; } .tooltip3 .tooltiptext3 { visibility: hidden; width: 50px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; /* Position the tooltip */ position: absolute; z-index: 1; bottom: 100%; left: 50%; margin-left: -25px; } .tooltip3:hover .tooltiptext3 { visibility: visible; } .myteamPlaceholder{ height: 40px; } .customer_form_search::placeholder{ padding-top: 0px; } .customerInput_block{ height: 40px; padding-top: 0px; padding-bottom: 0px; } .header_search_agent_customer{ height: 100%; } .customer_form_search_input{ height: 30px; } .customer_form_search_input::placeholder{ height: 40px; line-height: 20px; } .inbox_header_block{ display: flex; color: white; font-size: 16px; line-height: 24px; padding-top: 0px !important; padding-bottom: 6px !important; padding-left: 0px !important; margin-top: 2px; } .pdfZoomIcon{ width: 20%; text-align: center; margin-top: 3px; } .pdfPageIcon{ width: 60%; text-align: center; } .pdfControl{ width: 100%; display: flex; } .pdfControlIcon{ opacity: 0.5; cursor: pointer; } .pageNumberControl{ background: white; opacity: 0.8; -webkit-transition: opacity ease-in-out 0.2s; transition: opacity ease-in-out 0.2s; /* -webkit-box-shadow: -1px 0px 5px 0 rgba(16, 36, 94, 0.2); box-shadow: 2 30px 40px 0 rgba(16, 36, 94, 0.2); */ border-radius: 4px; margin-left: auto; margin-right: auto; margin-bottom: 50px; } .confirmModalTitleEn{ background-color: #f88028; padding: 10px; color: white; font-size: 19px; border-radius: 15px 15px 0px 0px; padding-left: 28px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); padding-top: 15px; } .widthUnset{ width: unset; } .memnuIconSize{ font-size: 20px; background-size: 25px !important; padding-left: 40px; } .fliterMenuIcon{ filter: brightness(0.3); } .mobileMenuFooter{ display: block; margin-left: auto; margin-right: auto; width: 90px; } .articleBoxReadMore{ width: 100%; height: 40px; background-image: linear-gradient(-180deg,hsla(0,0%,100%,0),#fff 70%); margin-top: -40px; z-index: 1; position: relative; } .reward_slider_background{ background-color: transparent; -webkit-box-shadow: unset; box-shadow: unset; margin-bottom: 0px; } .reward_slider_container{ padding-top: 0px; padding-bottom: 0px; } .BrainhubCarousel__dot{ background-color: transparent; } .reward_slider_background:hover{ -webkit-box-shadow:unset; box-shadow: unset; } .carousel_touch_action_none{ -ms-touch-action: pan-y; touch-action: pan-y; width: 100%; } .login_background_image{ position: absolute; left: 0px; top: 55px; width: 100vw; object-fit: cover; min-height: 100vh; position: fixed; } .login_position_sticky{ position: sticky; } .mobile_login_btn_column{ float: left; width: 25%; } .mobile_login_or_column{ float: left; width: 12.5%; color: #f88028; line-height: 80px; } .mobile_login_btn_inline{ width: 80% !important; height: 80%; border-radius: 15px; border: 0px; } .login_image_common{ width: 80%; height: 80%; background-repeat: no-repeat; border: 0px !important; } .login_btn_imgae_on{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/02a7c7478b54aaec5516c31522083738.svg); } .login_btn_imgae_off{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/3defde6fdcdd1a4e82f59d83bd2f0bda.svg); } .login_fb_btn_imgae_on{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/c7be9989ab6745ed741ad75fa122fccd.svg); } .login_fb_btn_imgae_off{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/56e3af6dcf07e807938b9d891ce02ad8.svg); } .login_biometric_btn_imgae_on{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/763e37e276bb696ebd5b871facd66b5f.svg); } .login_biometric_btn_imgae_off{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/55525c598238eae96d2b3d7e0c0d9ee0.svg); } .login_register_btn_imgae_off{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/afb8bb04dc8d09d5c6f20cccb56ac360.svg); height: 30px; background-position: center; } .w-Register-inline-block{ max-width: 100%; display: inline-block; height: 100%; } .login_lbCopyRight{ position: fixed; bottom: 0; width: 100%; background-image: transparent; background-color: white; left: 0px; font-size: 12px; line-height: 16px; padding: 5px; opacity: 0.8; padding-left: 20px; } .reward_banner{ border-bottom: 2px solid #f88028; width: 100%; } .reward_banner_icon{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/38e8accebe71af100b8291e0702bfcc9.png); background-repeat: no-repeat; position: sticky; /* filter: brightness(0.3); */ background-position: 0 90%; background-size: 31px; padding-left: 35px; padding-top: 20px; color: #f88028; } .mobile_login_btn { display: block; width: 40px; height: 40px; margin-right: 20px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/02a7c7478b54aaec5516c31522083738.svg); background-position: 50% 50%; background-size: 45%; background-repeat: no-repeat; } .home_Top_banner{ position: absolute; z-index: 2; top: auto; right: 0; bottom: 0; /* left: 0; */ /* margin: auto; */ padding-top: 10px; height: 40px; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home_Top_banner.w-round > div{ border-radius: 100%; } .w-slider-dot_mobile{ background-color: white } .home_Top_banner_padding{ padding: 0 0 0px !important; } .module-border-wrap { border-width: 1px; border: 6px solid; border-image-slice: 1; display: inline-block; border-image-source: linear-gradient(to left, #006269 50%, #f88028 50%); border-radius: 62px; padding: 10px; max-width: 379px; -webkit-clip-path: inset(0 round 5px); clip-path: inset(0 round 5px); margin-bottom: 15px; margin-top: 5px; } .module-border-wrap-refer-my-agent { border-width: 1px; border: 6px solid rgba(254, 209, 65, 1); background-color: rgba(237, 239, 240, 0.5); border-image-slice: 1; display: inline-block; border-radius: 40px; padding: 10px; max-width: 379px; -webkit-clip-path: inset(0 round 5px); clip-path: inset(0 round 5px); margin-bottom: 15px; margin-top: 5px; } .module-border-wrap-refer-my-agent-mgm { border-width: 1px; border: 6px solid rgba(254, 209, 65, 1); background-color: rgba(237, 239, 240, 0.5); border-image-slice: 1; display: inline-block; border-radius: 40px; padding: 10px; -webkit-clip-path: inset(0 round 5px); clip-path: inset(0 round 5px); margin-bottom: 15px; margin-top: 5px; } .module-description{ width:100%; height:100%; border-radius:20px; text-align: center; } .home_reward_banner_buttom{ width: 100%; padding-right: 25px; padding-left: 25px; } .home_reward_banner_buttom.featured_passions_mobile{ } .home_banner_tag{ background-color: #f88028; width: 60%; border-radius: 10px 10px 0px 0px; padding-left: 5px; display: inline-block; margin-top: 10px; text-align: center; color: white; font-weight: bold; } .reward_block_info_mobile{ padding-top: 15%; } .banner_icon_align{ align-items: unset !important; height: 195px; } .reward_banner_padding{ padding-right: 10px; } .life_icon{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/014195e4e01dae9c64a011a2cdffe977.svg); } .gi_icon{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/aca91dbccd8dc8880e29577693b01486.svg); } .winner_icon { background-image: url(https://uat-fwdmax.fwd.com.hk/static/595d7c3a750c28802a87f7e56ef9764d.png); background-size: contain; background-position: center; width: 20px; height: 20px; } .noMobile_icon{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/72b9e811ea17ba9e4ee39baeccd78c9b.svg); background-repeat: no-repeat; display: inline-block; margin-left: 0px; position: relative; } .noMobile_icon_text { visibility: hidden; width: 250px; text-align: center; border-radius: 6px; padding: 5px 5px; border-style:solid; border-width:1px; /* Position the tooltip */ position: absolute; z-index: 1; margin-bottom: 30px; background-color: #E7E2E2; bottom:-10px; left:-90px; /* right:0px; */ } .noMobile_icon:hover .noMobile_icon_text { visibility: visible; } .zombie_tooltips{ display: inline-block; margin-left: 0px; position: relative; } .zombie_tooltips_text { visibility: hidden; width: 250px; text-align: center; border-radius: 6px; padding: 5px 5px; border-style:solid; border-width:1px; /* Position the tooltip */ position: absolute; z-index: 1; margin-bottom: 30px; background-color: #E7E2E2; bottom:0px; left:0px; /* right:0px; */ } .zombie_tooltips:hover .zombie_tooltips_text { visibility: visible; } .referr_tooltips{ display: inline-block; margin-left: 0px; position: relative; } .referr_tooltips_text { visibility: hidden; width: 150px; text-align: center; border-radius: 6px; padding: 5px 5px; border-style:solid; border-width:1px; /* Position the tooltip */ position: absolute; z-index: 1; margin-bottom: 30px; background-color: #E7E2E2; bottom:0px; left:0px; /* right:0px; */ } .referr_tooltips:hover .referr_tooltips_text { visibility: visible; } .opt_out_icon{ width: 40px; height: 25px; background-repeat: no-repeat; display: inline-block; margin-left: 5px; background-size: 40px 25px; background-position-y: 5px; position: relative; /* width: 20px; height: 20px; */ background-image: url(https://uat-fwdmax.fwd.com.hk/static/de5d2592416381be81397a949dca665b.svg); /* background-position: 50% 50%; */ /* background-size: contain; background-repeat: no-repeat; */ } .opt_out_icon_text { visibility: hidden; width: 250px; text-align: center; border-radius: 6px; padding: 5px 5px; border-style:solid; border-width:1px; /* Position the tooltip */ position: absolute; z-index: 1; margin-bottom: 30px; background-color: #E7E2E2; bottom:-10px; left:-90px; /* right:0px; */ } .opt_out_icon:hover .opt_out_icon_text { visibility: visible; } .opt_in_icon{ /* background-image: url("./images/N_A.svg"); */ } .login_fb_btn_imgae_off_tc{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/2bee0f6317039f8e7452b5454b4fc9d5.svg); } .login_biometric_btn_imgae_off_tc{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/409b3b8bfa517a70369973d29059cc21.svg); } .login_text{ text-align: center; line-height: 62px; color: white; } .login_register_btn_imgae_off_tc{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/bda8b6a45f5a3c6fe661637302ca8943.svg); height: 30px; background-position: center; } .inspiring_title{ line-height: 0px; margin-top: 15px; margin-bottom: 20px; } .referral_link_icon_position{ background-position: 4.5vh 50% } .agent_hierarchy_remarks{ padding-bottom: 50px; /* padding-right: 15px; padding-left: 15px; */ font-size: 12px; line-height: 20px; padding-top: 10px; display: flex; width: 100%; max-width: 900px; margin-right: auto; margin-left: auto; padding-right: 25px; padding-left: 25px; -ms-flex-direction: column; flex-direction: column; } .agent_hierarchy_inquiry{ /* padding-right: 15px; padding-left: 15px; */ font-size: 15px; line-height: 20px; padding-top: 10px; display: flex; width: 100%; max-width: 900px; margin-right: auto; margin-left: auto; padding-right: 25px; padding-left: 25px; -ms-flex-direction: column; flex-direction: column; } .agent_remarks_title{ font-weight: 600; padding-top: 10px; } .agent_remarks_padding{ padding-left: 16px; } .article_banner_icon{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/43df8e448822fd176f5074153c5e7495.png); background-repeat: no-repeat; position: sticky; /* filter: brightness(0.3); */ background-position: 0 85%; background-size: 31px; padding-left: 35px; padding-top: 15px; color: #009999; } .article_banner{ border-bottom: 2px solid #009999; width: 100%; } .app-section{ text-align: center; } .app_logo_container{ display: flex; align-items: center; } .app-logo-item{ padding: 20px; } @media(max-width: 479px){ .app_logo_container{ display: block; } .left_send_code{ margin-left: 0px; } .opt_out_icon{ width: 33px; height: 25px; background-repeat: no-repeat; display: inline-block; margin-left: 5px; background-size: 33px 19px; background-position-y: 10px; margin-top: -15px; } } .app_title{ font-weight: 400; } .app_download_description{ padding: 10px; } .article_banner_tag{ background-color: #009999; width: 60%; border-radius: 10px 10px 0px 0px; padding-left: 5px; display: inline-block; margin-top: 10px; text-align: center; color: white; font-weight: bold; } .login_btn_imgae_on_tc{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/aa198ae0bc812c7dc0eeaefc331f19fc.svg); } .pre_reg_link_container{ background-color: #f88028; border-radius: 5px; padding: 10px; margin-bottom: 20px; color: white; } .pre_reg_tips_container{ margin-bottom: 20px; color: #f88028; } .login_not_member_text_font{ font-family: FWD Circular Bold, sans-serif, Noto Sans TC !important; font-weight: 400; } .login_input_placeholder{ font: 400 13.3333px Arial } .edit_profile_switch{ position: sticky !important; /* left: 38% !important; right: 50% !important; */ } .home_page_articles{ margin-top: 0px !important; } .home_page_reward_border_bottom{ border-bottom:unset !important; } .articles_banner_padding{ padding-right: 30px; } .home_page_articles_bottom_space{ margin-bottom: 25px; height: 219px; min-width: inherit; } .home_page_articles_right_space{ padding-right: 10px !important; } .reward_block_line_new{ margin-top: 3px !important; margin-bottom: 3px !important; } .reward_block_title_font{ font-size: 14px !important; } .reward_block_content_font{ font-size: 12px !important; } .rating_triangle{ display: inline-block; width: 100px; height: 100px; clip-path: polygon(100% 0%, 100% 100%, 0% 0%); -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 0%); background-color: #009999; /* border-radius: 20px 10px 20px 0; */ right: 9.5px; position: absolute; bottom: 144px; } .home_page_articles_two_side_padding{ padding-right: 20px; padding-left: 20px; } .BrainhubCarouselItem{justify-content:center;align-items:center;position:relative} .BrainhubCarouselItem{ display: unset !important; max-height: 200px; } .home_page_articles_background:hover{ margin-top: -150px !important; /* -o-object-fit: fill; */ /* object-fit: fill; */ background-image: none; height: 150px; background-color: #0008; /* margin-bottom: -11px; */ } .home_page_articles_page_block{ /* width: 49%; */ border-radius: 5px; background-color: #fff; -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2); display: -ms-flexbox; display: flex; max-width: 100%; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; margin-left: 0px; } .home_page_articles_description_border{ border-right: unset; } .invite_friend_btn_with_share_link_icon { min-width: 225px; margin-top: 20px; padding: 12px 45px 10px 70px; border-radius: 1000px; background-color: #f88028; background-image: url(https://uat-fwdmax.fwd.com.hk/static/8816dd581a5a473380ca63d7153eee9f.svg); background-position: 30px 50%; background-size: 16px; background-repeat: no-repeat; color: #fff; } .invite_friend_btn_with_share_link_icon:hover { min-width: 225px; margin-top: 20px; padding: 12px 45px 10px 70px; border-radius: 1000px; /* background-color: #f88028; */ background-image: url(https://uat-fwdmax.fwd.com.hk/static/9c04a95530608ec3ef299be3e94164cd.svg); background-position: 48px 50%; background-size: 16px; background-repeat: no-repeat; /* color: #fff; */ } .mgm_share_link_icon { min-width: 225px; margin-top: 20px; padding: 12px 45px 10px 70px; border-radius: 1000px; background-color: #f88028; background-size: 16px; background-repeat: no-repeat; color: #fff; } .mgm_share_link_icon:hover { min-width: 225px; margin-top: 20px; padding: 12px 45px 10px 70px; border-radius: 1000px; /* background-color: #f88028; */ background-size: 16px; background-repeat: no-repeat; /* color: #fff; */ } .memberDetail_email_icon{ min-width: 225px; margin-top: 20px; padding: 12px 45px 10px 70px; border-radius: 1000px; /* background-color: #f88028; */ background-image: url(https://uat-fwdmax.fwd.com.hk/static/775c668383a20344079161f8ee9ea8b6.png); background-position: 80px 50%; background-size: 16px; background-repeat: no-repeat; } .memberDetail_email_icon:hover{ min-width: 225px; margin-top: 20px; padding: 12px 45px 10px 70px; border-radius: 1000px; /* background-color: #f88028; */ background-image: url(https://uat-fwdmax.fwd.com.hk/static/42557d53ef4450afd86314895e952c98.png); background-position: 80px 50%; background-size: 16px; background-repeat: no-repeat; } .reward_banner_bottom{ position: absolute; bottom: -40px; left: 0; } .articles_banner_bottom{ position: absolute; bottom: -80px; left: 0; max-width: inherit ; } .BrainhubCarousel__track{ min-height: 275px; } .home_page_reward_div_height{ max-height: 255px; } .BrainhubCarousel{ min-height: 350px; min-width: inherit; } .app_apk_button{ border-radius: 8px; background-color: #f88028; color: white; padding: 3px 40px; } @media (max-width: 479px){ .app_apk_container{ width: 222px; text-align: center; align-items: center; margin-left: 18%; margin-left: auto; margin-right: auto; } .teamProspectToolTips{ margin-top: 5px; } } .home_page_articles_top_space{ margin-top: -85px !important; } .fix_width_referral{ min-width: 230px; height: 39px; width: 230px } .reward_content_mobile{ padding-top: 10px; top: 140px; position: absolute; padding-left: 15px; padding-right: 15px; width: 100%; word-wrap: break-word; overflow: hidden; word-break: break-all; max-height: 50px; } .react-pdf__Page__canvas{ margin-left: auto; margin-right: auto; } .transform_pdf_container{ margin-left: auto; margin-right: auto; } .TransformComponent-module_container__3NwNd{ max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; } .leftPdfbtn{ position: absolute; top: 300px; z-index: 1; } .rightPdfbutton{ position: absolute; top: 300px; z-index: 1; right: 1%; } .right_share_btn{ margin-right: 0px; } .voucherCodeCell{ max-width: 250px; word-wrap: break-word; overflow-wrap: break-word; line-height: 20px; } .leftPdfbtnWeb{ position: relative; top: 300px; z-index: 1; right: -16.5%; } .rightPdfbuttonWeb{ position: relative; top: -585px; z-index: 1; left: 79.5%; } .expired_container { /* border-bottom: 1px solid #f88028; */ border-top: 1px solid #f88028; margin-bottom: 15px; padding-top: 10px; font-size: 22px; font-weight: bold; } .expired_container.event { /* border-top: 1px solid #f88028; */ margin-bottom: 15px; margin-top: 15px; } .inner_page_block.event_expired { background-color: #333333; } .home_Top_banner_padding.rewards { border-bottom: 1px solid #f88028; } .tripBtn{ width: 103px; padding-right: 25p; padding-left: 25px; padding-top: 3px; margin-left: 75px !important; } .expired_event { position: relative; z-index: 2; width: 100%; height: 100%; opacity: 0.6; } .article_block_info.expired_event { background-color: #ffffff; } .current_event { display: contents; } .grey_text.expired { color: #333; } .on.zh, .off.zh { padding-top: 4px; } .reward_sold_out { background-color: #333333; border-radius: 5px; } .sorting_bar_btn_text_y.archived { background-color: #333333; opacity: 0.6; } .sorting_bar_btn { cursor: pointer; } .sorting_bar_btn_text_y.first { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .sorting_bar_btn_text_y { display: flex; align-items: center; height: 100%; } .sorting_bar_btn_text_n { display: flex; align-items: center; height: 100%; } .sorting_bar { justify-content: inherit; align-items: stretch; } .sorting_bar_btn_text_y.last { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .game_prize { width: 18%; display: inline-block; } .game_prize_reward { text-align: center; display: inline-block; padding-left: 5px; vertical-align: middle; width: 80%; } .game_prize_img { mix-blend-mode: multiply; width: 20%; display: inline-block; vertical-align: middle; } .game_prize.header { font-weight: 700; } .game_user { text-align: center; margin-bottom: 20px; font-weight: 700; } .game_user_name { font-size: 20px; } .game_user_name.header { margin-bottom: 10px; } .game_user_name.score { color: #f88028; } .game_btn { display: flex; justify-content: center; } .game_dashboard_all { background-color: #f8ddc8; border-radius: 25px; padding: 10px; width: 100%; } .game_dashboard_background { background-color: #fbe9dc; padding: 7px; border-radius: 25px; max-width: 50%; margin: auto; display: flex; justify-content: stretch; min-height: 250px; } .game_btn_detail, .game_btn_detail:hover { padding: 6px 30px; margin-top: 30px; border: 1px solid #f88028; } .game_list_row { display: flex; width: 100%; margin-bottom: 10px; justify-content: center; position: relative; } .game_list_header { font-weight: 700; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; font-size: 20px; text-align: center; } .game_dashboard_header { display: flex; justify-content: center; align-items: center; } .game_dashboard_header_btn { padding: 15px 20px 10px; } .game_dashboard_header_btn:hover, .game_dashboard_header_btn.current { font-weight: 700; color: #f88028; border-bottom: 1px solid #f88028; } .game_dashboard_detail { margin-top: 20px; padding: 0px 10px; } .game_rank_row { background-color: #fae6d7; margin-bottom: 10px; display: inline-flex; width: 100%; padding: 10px; font-weight: 700; } .game_rank_name { margin-right: 10px; width: 65%; border-right: 1px solid #f88028; } .game_rank { color: #f88028; } .game_rank.score { width: 35%; } .game_rank.no { margin-right: 10px; } .game_background_img { width: 50%; border-radius: 25px; } .game_background { display: flex; justify-content: center; align-items: center; } .game_content { position: relative; /* bottom: 50px; */ margin-top: 10px; } .game_dashboard_header.previous { padding: 10px 20px; } .game_select_bg { max-width: 50%; margin: auto; margin-top: 10px; } .game_pre { display: flex; justify-content: center; align-items: center; margin-bottom: 20px; font-size: 20px; font-weight: 700; margin-top: 30px; } .game_list_item { display: block; border-radius: 20px; background-color: #fff; box-shadow: 0px 5px 5px 0px rgba(189,189,189,1); width: 100%; } .game_list_bottom { padding: 5px 30px 10px; } .game_list_name { font-size: 20px; font-weight: 700; } .game_img { /* height: 150px; */ object-fit: cover; font-family: 'object-fit: cover;'; border-top-left-radius: 20px; border-top-right-radius: 20px; } .game_tnc { /* padding-left: 20px; */ margin-top: 10px; } .game { /* height: 100vh; */ height: 90vh; width: 100%; overflow: hidden; -webkit-overflow-scrolling: touch; /* position: fixed; */ /* overflow: hidden; */ } .game_div { height: 100%; width: 100%; } .game_popup_header { position: fixed; padding-left: 15px; padding-right: 15px; } .game_tnc_bg { max-width: 50%; margin: auto; position: relative; padding-left: 10px; } .tac_dropdwon_toggle.gameTnc { background-position: 0 78%; color: #f88028; font-weight: 700; padding-left: 20px; } .game_tnc_detail { display: inline-block; vertical-align: top; } .game_checkbox { width: 18px; height: 18px; } .game_link { color: #f88028; font-weight: 700; } @media (max-width: 479px) { .lockPopup.select_game { overflow-x: hidden !important; } .promotionForm_subContainer{ width:100%; } } @media (max-width: 767px) { .game_z_index { z-index: 1000000 !important; } .game_dashboard_background { max-width: 100%; } .game_background_img { width: 100%; border-radius: 0px; } .game_select_bg { max-width: 100%; padding: 0px 4%; } .game_background { margin-top: -20px; } .game_background { margin: -30px -4% 0px; } .game_tnc_bg { max-width: 100%; } .tac_dropdwon_toggle.gameTnc { background-position: 0 72%; padding-left: 20px; } } @media (min-width: 1200px) { .tac_dropdwon_toggle.gameTnc { background-position: 0 78%; padding-left: 20px; } } @media (max-width: 970px) and (min-width: 767px) { .tac_dropdwon_toggle.gameTnc { background-position: 0 78%; padding-left: 20px; } } @media (min-width: 970px) and (max-width: 1200px) { .tac_dropdwon_toggle.gameTnc { background-position: 0 78%; padding-left: 20px; } } .footer_1_item.game_centre { background-image: url(https://uat-fwdmax.fwd.com.hk/static/55452495eb5ad9a832c77e0843b4c9d6.svg); background-position: 0% 50%; background-size: 32px; background-repeat: no-repeat; /* filter: invert(26%) sepia(18%) saturate(0%) hue-rotate(222deg) brightness(115%) contrast(97%); */ width: auto; /* height: 19px; */ display: inline-block; } .footer_1_item.moments { background-image: url(https://uat-fwdmax.fwd.com.hk/static/96c39d35dcaccc9d388eff42377dcf3e.svg); background-position: 0% 50%; background-size: 32px; background-repeat: no-repeat; filter: invert(26%) sepia(18%) saturate(0%) hue-rotate(222deg) brightness(115%) contrast(97%); width: auto; height: 19px; display: inline-block; } .padding_bottom_5.game_reward_list { border-bottom: 1px solid #f88028; } .padding_bottom_5.row { margin-top: 10px; } .game_list_item.notOpened { background-color: #333333; cursor: default; } .game_list_div { display: block; } .game_list_div.notOpened { opacity: 0.2; } .game_list_bottom.notOpened { background-color: #fff; } .game_list_text { color: #fff; position: absolute; top: 40%; font-size: 20px; z-index: 1000; } .game_iframe { width: 100vw; max-width: 100%; height: 100%; } .game_tnc_bg.license { margin-top: 10px; text-align: center; padding-left: 0px; } .gameCampaign { height: calc(100vh - 111px); width: 100%; overflow: hidden; -webkit-overflow-scrolling: touch; } .gameCampaign_mobile { height: calc(100vh - 124px); width: 100%; overflow: hidden; -webkit-overflow-scrolling: touch; position: fixed; } .gameCampaign_iframe { width: 100%; height: 100%; border: none; } @media (max-width: 991px) { .gameCampaign { height: calc(100vh - 56px); width: 100%; overflow: hidden; -webkit-overflow-scrolling: touch; } .gameCampaign_iframe { /* hide scrollbar */ /* width: calc(100% + 17px); */ width: 100%; } } iframe::-webkit-scrollbar { display: none; } .w-select.redemption { background-color: #ffffff; } .claimedReward_address_header { width: 35%; vertical-align: top; } .inner_page_block.redeemed { display: flex; width: 100%; margin-bottom: 15px; align-items: center; position: relative; } .btn.redeemed { position: absolute; bottom: 5px; right: 5px; } .inner_page_block.expired { opacity: 0.6; } .claimed_reward_tab { font-weight: 700; font-size: 24px; } .agent_rank_row { background-color: #fae6d7; margin-bottom: 10px; width: 100%; padding: 10px; font-weight: 700; } .agent_rank_name { margin-right: 10px; margin-bottom: 10px; padding: 10px 0; line-height: 15px; border-right: 1px solid #f88028; } .agent_rank_table{ border:1px solid #f88028; } @media (max-width: 767px) { .inner_page_block.redeemed { flex-direction: row; } .reward_block_point.redeemed { overflow: auto; max-height: initial; } .reward_block_title.redeemed { margin-top: 15px; } .grey_text.redeemed { margin-bottom: 15px; } .claimed_reward_tab { font-size: 16px; } } .clockIcon{ display: block; margin-left: auto; margin-right: auto; margin-top: 10px; width: 50px; } .agentRank_img { object-fit: cover; font-family: 'object-fit: cover;'; border-top-left-radius: 20px; border-top-right-radius: 20px; } @media (max-width: 767px) { .agentRank_img { height: 150px; } } .btn.detail_content_btn { margin: 30px auto; padding-right: 25px; padding-left: 25px; width: fit-content; color: #fff; } .btn.detail_content_btn a { color: #fff; } .btn.detail_content_btn:hover{ padding: 4px 25px; border: 1px solid #f88028; background-color: #fff; color: #f88028; } /* bidding */ .bold { font-weight: bold; } .capitalize_name { text-transform: uppercase; } .orange_txt { color: #f88028; } .blue_txt { color: #0097a9; } /* .btn { display: -ms-flexbox; display: flex; padding: 5px 20px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 1000px; background-color: #f88028; color: #fff; cursor: pointer } .btn:hover { padding: 4px 19px; border: 1px solid #f88028; background-color: #fff; color: #f88028 } .btn.share { margin-left: 20px; padding-left: 55px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMC44MSAyMS45NCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5zaGFyZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9InBvcHVwIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNi43MywxMy43OGE0LjA5LDQuMDksMCwwLDAtMy40MywxLjg5TDcuOSwxM2EzLjk0LDMuOTQsMCwwLDAsLjI2LTEuMzhBNCw0LDAsMCwwLDcuNzgsMTBMMTMuNSw2LjU0YTQuMDcsNC4wNywwLDEsMC0uODQtMi40NkE0LjE3LDQuMTcsMCwwLDAsMTMsNS43N0w3LjMxLDkuMTlhNC4wNyw0LjA3LDAsMSwwLC4yLDQuNjVsNS40LDIuNjRhNC4yNyw0LjI3LDAsMCwwLS4yNSwxLjM4LDQuMDgsNC4wOCwwLDEsMCw0LjA3LTQuMDhaTTE2LjczLjlhMy4xOCwzLjE4LDAsMSwxLTMuMTcsMy4xOEEzLjE4LDMuMTgsMCwwLDEsMTYuNzMuOVpNNC4wOCwxNC44M2EzLjE4LDMuMTgsMCwxLDEsMy4xOC0zLjE4QTMuMTgsMy4xOCwwLDAsMSw0LjA4LDE0LjgzWk0xNi43MywyMWEzLjE4LDMuMTgsMCwxLDEsMy4xOC0zLjE4QTMuMTgsMy4xOCwwLDAsMSwxNi43MywyMVoiLz48L2c+PC9nPjwvc3ZnPg==); background-position: 20px 50%; background-size: 20px; background-repeat: no-repeat } .btn.share:hover { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMC44IDIxLjkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwLjggMjEuOTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0Y4ODAyODt9DQo8L3N0eWxlPg0KPHRpdGxlPnNoYXJlPC90aXRsZT4NCjxnPg0KCTxnIGlkPSJwb3B1cCI+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNi43LDEzLjhjLTEuNCwwLTIuNywwLjctMy40LDEuOUw3LjksMTNjMC4yLTAuNCwwLjMtMC45LDAuMy0xLjRjMC0wLjYtMC4xLTEuMS0wLjQtMS42bDUuNy0zLjUNCgkJCWMxLjQsMS44LDMuOSwyLjEsNS43LDAuOEMyMSw1LjksMjEuMywzLjQsMjAsMS42cy00LTIuMS01LjctMC44Yy0xLDAuOC0xLjYsMi0xLjYsMy4yYzAsMC42LDAuMSwxLjIsMC4zLDEuN0w3LjMsOS4yDQoJCQlDNS45LDcuNCwzLjQsNy4xLDEuNiw4LjRzLTIuMSwzLjktMC44LDUuN3MzLjksMi4xLDUuNywwLjhjMC40LTAuMywwLjctMC42LDEtMS4xbDUuNCwyLjZjLTAuMiwwLjQtMC4yLDAuOS0wLjIsMS40DQoJCQljMCwyLjMsMS44LDQuMSw0LjEsNC4xczQuMS0xLjgsNC4xLTQuMVMxOSwxMy44LDE2LjcsMTMuOEwxNi43LDEzLjh6IE0xNi43LDAuOWMxLjgsMCwzLjIsMS40LDMuMiwzLjJzLTEuNCwzLjItMy4yLDMuMg0KCQkJcy0zLjItMS40LTMuMi0zLjJsMCwwQzEzLjYsMi4zLDE1LDAuOSwxNi43LDAuOXogTTQuMSwxNC44Yy0xLjgsMC0zLjItMS40LTMuMi0zLjJzMS40LTMuMiwzLjItMy4yczMuMiwxLjQsMy4yLDMuMg0KCQkJUzUuOCwxNC44LDQuMSwxNC44TDQuMSwxNC44eiBNMTYuNywyMWMtMS44LDAtMy4yLTEuNC0zLjItMy4yczEuNC0zLjIsMy4yLTMuMnMzLjIsMS40LDMuMiwzLjJTMTguNSwyMSwxNi43LDIxTDE2LjcsMjF6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=); background-position: 19px 50% } .btn.share.detail { margin-top: 10px; margin-left: auto; padding-top: 8px; padding-bottom: 8px } .btn.share.detail:hover { padding-top: 9px; padding-bottom: 7px; padding-left: 54px } */ /* Biding */ .biding, .biding .fsNormal { font-size: 16px; line-height: 1.3em; } .biding, .biding a {} .biding h1 { font-size: 46px; font-weight: 400; line-height: 1.5em; margin-bottom: 0px; } .biding .openDoubleQuote { margin-left: -8px; } .biding .closeDoubleQuote { margin-right: -8px; } .biding .biding_checkboxWrapper { display: flex; align-items: flex-start; margin-top: 15px; } .biding .biding_checkboxWrapper:first-child { margin-top: 0; } .biding .biding_checkboxContainer { border: 1px solid #333; margin: 0 10px 0 0; } .biding .biding_checkboxWrapper .biding_checkboxTxt { font-size: 14px; line-height: 1.5em; margin: 4px 0 0; } .biding .biding_checkboxWrapper .biding_checkboxTxt a { text-decoration: none; border-bottom: 1px solid; padding-bottom: 2px; } .biding input[type=checkbox] { position: relative; width: 28px; height: 28px; margin: 0; border: 0; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .biding input[type=checkbox]::before { content: ""; display: block; position: absolute; width: 12px; height: 12px; top: 0; left: 0; border: 8px solid #fffdfb; border-radius: 0; background-color: transparent; } .biding input[type=checkbox]:checked::before { background-color: #e98640; } .biding .biding_btnContainer { text-align: center; padding-top: 15px; } .biding .biding_btn { display: inline-block; font-weight: 700; line-height: 1em; text-decoration: none; background-color: #f97f28; color: #fff; border: 1px solid transparent; border-radius: 40px; padding: 14px 34px 14px; min-width: 225px; box-sizing: border-box; } .biding .biding_btn:not(:disabled) { cursor: pointer; } .biding .biding_btn:disabled { opacity: .5; } .biding .biding_btn:not(:disabled):hover { color: #f88028; border: 1px solid #f88028; background-color: #fff; } .biding .biding_btn.biding_btn_light { color: #f88028; border: 2px solid #f88028; background-color: #fff; box-shadow: 0 0 10px rgba(233, 134, 64, .68); } .biding .biding_btn.biding_btn_light:not(:disabled):hover { color: #fff; border: 2px solid #f88028; background-color: #f88028; } .biding .biding_container { max-width: 900px; margin-left: auto; margin-right: auto; } .biding .tncContainer { max-width: 900px; padding: 0 20px 40px; margin: 0 auto; } .biding .tncContainer .btnOpenTnc { color: #f98028; text-decoration: none; } .biding .tncContainer .btnOpenTnc::after { content: ''; display: inline-block; vertical-align: baseline; width: 15px; height: 15px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/ab145d115ccfcd62035cd6cb97bbefaa.png); background-repeat: no-repeat; background-size: 15px; margin-left: 6px; } .biding .tncContainer .tnc { margin-top: 10px; } .biding .tncContainer h2 { font-size: 20px; font-weight: bold; line-height: 1.3em; } .biding .tncContainer ol p { margin-bottom: 5px; } .biding .tncContainer ol.decimal { list-style-type: decimal; padding-left: 20px; margin-top: 5px; } .biding .tncContainer ol.lower-alpha { list-style-type: lower-alpha; padding-left: 20px; margin-top: 5px; } .biding.bidingOverview { font-weight: 100; letter-spacing: 1px; max-width: 1300px; padding-top: 30px; padding-bottom: 30px; margin: 0 auto; } .biding.bidingOverview .biding_topContent { text-align: center; margin-bottom: 60px; } .biding.bidingOverview .biding_topContent .biding_sorting { display: flex; justify-content: center; align-items: center; font-weight: 500; margin-top: 35px; } .biding.bidingOverview .biding_topContent .biding_sortingLabel { color: #f98028; padding-right: 10px; } .biding.bidingOverview .biding_topContent .biding_sortingValue { display: none; } .biding.bidingOverview .biding_topContent .biding_sortingBtns { display: flex; /* border: 1px solid #f98028; */ border-radius: 50px; overflow: hidden; } .biding.bidingOverview .biding_topContent .biding_sortingBtn { position: relative; text-decoration: none; padding: 12px 32px; background-color: #fff; color: #f98028; border-top: 1px solid #f98028; border-bottom: 1px solid #f98028; } .biding.bidingOverview .biding_topContent .biding_sortingBtn:first-child { padding-left: 46px; border-radius: 50px 0 0 50px; border-left: 1px solid #f98028; } .biding.bidingOverview .biding_topContent .biding_sortingBtn:last-child { padding-right: 46px; border-radius: 0px 50px 50px 0px; border-right: 1px solid #f98028; } .biding.bidingOverview .biding_topContent .biding_sortingBtn::before { content: ''; position: absolute; top: 50%; left: -1px; transform: translateY(-50%); width: 1px; height: 80%; background-color: #f98028; } .biding.bidingOverview .biding_topContent .biding_sortingBtn.active { background-color: #f98028; color: #fffaf7; } .biding.bidingOverview .biding_topContent .biding_sortingBtn.active::before { display: none; } .biding.bidingOverview .biding_topContent .biding_sortingBtn:first-child::before { display: none; } .biding.bidingOverview .biding_mainContent .biding_list { display: flex; flex-wrap: wrap; padding: 0 11px; justify-content: start; } .biding.bidingOverview .biding_mainContent .biding_listItem { display: flex; flex-basis: 33.33%; padding: 0 11px 22px; box-sizing: border-box; } .biding.bidingOverview .biding_mainContent .biding_listItemInner { display: flex; flex-direction: column; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); overflow: hidden; } .biding.bidingOverview .biding_mainContent .biding_listItemImg { flex-shrink: 0; } .biding.bidingOverview .biding_mainContent .biding_listItemImg img { width: 100%; display: block; } .biding.bidingOverview .biding_mainContent .biding_listItem .biding_listItemMain { display: flex; justify-content: space-between; color: #fff; background-color: #f98028; padding: 12px 16px 10px; } .biding.bidingOverview .biding_mainContent .biding_listItem .biding_listItemMain .biding_label { color: #fff; } .biding.bidingOverview .biding_mainContent .biding_listItem.green .biding_listItemMain { background-color: #42d2b3; } .biding.bidingOverview .biding_mainContent .biding_listItem.green .biding_btn { background-color: #42d2b3; } .biding.bidingOverview .biding_mainContent .biding_listItem.green .biding_btn:hover { color: #42d2b3; border-color: #42d2b3; background-color: transparent; } .biding.bidingOverview .biding_mainContent .biding_listItem.incoming .biding_listItemMain { justify-content: center; text-align: center; background-color: #859e9a; } .biding.bidingOverview .biding_mainContent .biding_listItem.incoming .biding_btn { background-color: #859e9a; } .biding.bidingOverview .biding_mainContent .biding_listItem.incoming .biding_btn:hover { color: #fff; border-color: transparent; cursor: default; } .biding.bidingOverview .biding_mainContent .biding_listItem.incoming .biding_listItemInfo { visibility: hidden; } .biding.bidingOverview .biding_mainContent .biding_listItem .biding_label { font-size: 12px; line-height: 1.3em; color: #636363; } .biding.bidingOverview .biding_mainContent .biding_listItem .biding_value { font-size: 24px; line-height: 1.3em; font-weight: bold; } .biding.bidingOverview .biding_mainContent .biding_listItemDetails { display: flex; flex-direction: column; flex-grow: 1; padding: 12px 16px 20px; background-color: #fff; } .biding.bidingOverview .biding_mainContent .biding_listItemTitle { font-size: 24px; line-height: 1.3em; font-weight: bold; max-height: 94px; overflow: hidden; flex-grow: 1; } .biding.bidingOverview .biding_mainContent .biding_listItemRemarks { font-size: 14px; font-weight: normal; margin-top: 16px; flex-grow: 1; } .biding.bidingOverview .biding_mainContent .biding_listItemInfo { display: flex; justify-content: space-between; border-top: 1px solid #d7d7d7; margin-top: 20px; padding-top: 10px; } .biding.bidingOverview .biding_mainContent .biding_listItemInfoItem.memberNum { max-width: 42%; word-break: break-all; flex-grow: 1; } .biding.bidingOverview .biding_mainContent .biding_listItemInfoItem.bidTimes, .biding.bidingOverview .biding_mainContent .biding_listItemInfoItem.bidToken { flex-grow: 1; } .biding.bidingOverview .biding_mainContent .biding_listItem.ended .biding_listItemMain { background-color: #03382e; } .biding.bidingOverview .biding_mainContent .biding_listItem.ended .biding_btn { background-color: #03382e; cursor: default; } .biding.bidingOverview .biding_mainContent .biding_listItem.ended .biding_btn:hover { border-color: #03382e; background-color: #03382e; color: #fff; } .biding.bidingOverview .biding_mainContent .biding_listItem.ended .biding_listItemTime { width: 45%; } .biding.bidingOverview .biding_mainContent .biding_listItem.ended .biding_listItemImg { position: relative; } .biding.bidingOverview .biding_mainContent .biding_listItem.ended .biding_listItemImg::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); } /* Biding Home */ .biding.bidingHome { font-size: 16px; line-height: 1.3em; } .biding.bidingHome .biding_topContent { position: relative; background-color: #fee4ce; color: #f88029; } .biding.bidingHome .biding_topContent::after { content: ''; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-top: 20px solid #fee4ce; border-left: 20px solid transparent; border-right: 20px solid transparent; } .biding.bidingHome .biding_topContent .biding_heading { font-size: 30px; font-weight: bold; line-height: 1.5em; text-align: center; max-width: 850px; padding: 60px 20px; margin: 0 auto; } .biding.bidingHome .biding_mainContent { font-weight: 100; max-width: 900px; padding: 90px 20px 76px; margin: 0 auto; } .biding.bidingHome .biding_mainContent .biding_txtWrapper { display: flex; align-items: center; padding: 0 20px 64px; } .biding.bidingHome .biding_mainContent .biding_txtContainer { width: 50%; padding-right: 20px; box-sizing: border-box; } .biding.bidingHome .biding_mainContent .biding_txtLabel { font-size: 60px; line-height: 1em; } .biding.bidingHome .biding_mainContent .biding_txtTitle { font-size: 24px; font-weight: bold; line-height: 1.2em; color: #f88028; margin-top: 20px; } .biding.bidingHome .biding_mainContent .biding_txtRemarks { margin-top: 20px; } .biding.bidingHome .biding_mainContent .biding_btnContainer { text-align: left; padding-top: 22px; } .biding.bidingHome .biding_mainContent .biding_btnContainer .biding_btn { text-align: center; } .biding.bidingHome .biding_mainContent .biding_imgContainer { width: 50%; height: 0; padding-bottom: 50%; border-radius: 20px; /* background-color: #cdcdc2; */ background-size: contain; background-repeat: no-repeat; background-position: center; } .biding.bidingHome .biding_mainContent .biding_imgContainer img { display: block; width: 100%; } .biding.bidingHome .biding_flow { min-height: 400px; background-color: #f98028; background-image: url(https://uat-fwdmax.fwd.com.hk/static/5fae50fede8dc4dbbd93aba4276b4937.png); background-size: 99px auto; background-repeat: no-repeat; background-position: 46px calc(100% - 42px); color: #fffaf7; border-radius: 20px; padding: 20px 20px 26px; box-sizing: border-box; } .biding.bidingHome .remark { min-height: 400px; background-color: #f98028; background-size: 99px auto; background-repeat: no-repeat; background-position: 46px calc(100% - 42px); color: #fffaf7; border-radius: 20px; padding: 20px 20px 26px; box-sizing: border-box; } .biding.bidingHome .biding_flowTitle { font-size: 30px; font-weight: bold; line-height: 1.3em; text-align: center; border-bottom: 1px solid #fff; padding-bottom: 20px; } .biding.bidingHome .biding_flow .biding_btnContainer { text-align: center; } .biding.bidingHome .biding_flow .biding_btn { color: #f97f28; background-color: #fff; } .biding.bidingHome .biding_flow .biding_btn:hover { border-color: #fff; } .biding.bidingHome .biding_bulletList { padding: 34px 20px 0 180px; list-style-type: disc; } .biding.bidingHome .biding_bulletList li { margin-bottom: 20px; } .biding.bidingHome .biding_myInfo { background-color: #fee4ce; color: #f88029; padding: 50px 20px; } .biding.bidingHome .biding_myInfoItem.biding_myprofile { width: 48%; box-sizing: border-box; padding-right: 30px; } .biding.bidingHome .biding_myInfoItem.biding_history { width: 52%; box-sizing: border-box; } .biding.bidingHome .biding_myInfo .biding_myInfoInner { max-width: 900px; margin: 0 auto; display: flex; } .biding.bidingHome .biding_myInfo .biding_myInfoTitle { font-size: 30px; font-weight: bold; line-height: 1em; margin-bottom: 28px; } .biding.bidingHome .biding_myInfo .biding_cardItem { font-weight: bold; border-radius: 20px; background-color: #fff; padding: 18px 34px; margin-bottom: 20px; display: flex; align-items: center; } .biding.bidingHome .biding_myInfo .biding_cardItemIcon { height: 50px; margin-left: 5px; } .biding.bidingHome .biding_myInfo .biding_cardItemNum { font-size: 30px; line-height: 1.3em; margin-left: 10px; } .biding.bidingHome .biding_myInfo .biding_historyList { border-radius: 20px; background-color: #fff; padding: 22px 26px; } .biding.bidingHome .biding_myInfo .biding_historyListItem { display: flex; justify-content: space-between; border-bottom: 1px solid #f98028; padding-bottom: 18px; margin-bottom: 18px; } .biding.bidingHome .biding_myInfo .biding_historyListItemInfo { color: #0f2b24; padding-right: 20px; } .biding.bidingHome .biding_myInfo .biding_historyListItemCost { text-align: right; white-space: nowrap; align-self: flex-end; } .biding.bidingHome .biding_myInfo .biding_historyList .biding_btnContainer { padding-top: 5px; } .biding.bidingHome .biding_myInfo .biding_historyList .biding_btn { min-width: 120px; } .biding.bidingHome .biding_botContent { padding: 60px 0; } .biding.bidingHome .biding_botContent .biding_btnContainer { padding-top: 0; } /* Biding Main */ .biding.bidingMain { font-size: 16px; line-height: 1.3em; padding: 36px 0; } .biding.bidingMain .biding_btnContainer .biding_btn { font-size: 16px; padding-top: 12px; padding-bottom: 13px; } .biding.bidingMain .backContainer { position: absolute; top: 0; left: 0; width: 100%; } .biding.bidingMain .backContent { position: relative; max-width: 1200px; margin: 0 auto; } .biding.bidingMain .backContent .btnBack { position: absolute; top: 36px; left: 10px; text-decoration: none; font-size: 15px; color: #f88029; display: flex; align-items: center; } .biding.bidingMain .backContent .btnBack::before { content: ''; width: 17px; height: 33px; background: url(https://uat-fwdmax.fwd.com.hk/static/371bf0859c35002c61a502eb4d0b6767.png) no-repeat top left; background-size: 100% auto; margin-right: 8px; } .biding.bidingMain .biding_topContent { position: relative; text-align: center; max-width: 900px; padding: 0 0 76px; margin: 0 auto; } .biding.bidingMain .biding_topContent .swiper { max-width: 430px; margin-left: auto; margin-right: auto; } .biding.bidingMain .biding_topContent .biding_txts { padding: 0 20px; } .biding.bidingMain .biding_topContent .biding_heading { font-size: 48px; font-weight: bold; line-height: 1.2em; color: #f88029; padding: 0 30px; } .biding.bidingMain .biding_topContent .biding_txtRemarks { text-align: left; max-width: 600px; margin: 18px auto 0; display: flex; } .biding.bidingMain .biding_topContent .biding_txtRemarks.ticketing { max-width: 100% !important; padding: 0 30px !important; } .biding.bidingMain .biding_topContent .biding_txtRemarks_label { min-width: 144px; padding-right: 10px; } .biding.bidingMain .biding_mainContent { position: relative; font-weight: 100; padding: 50px 0 36px; margin: 0 auto; background-color: #f97f28; border-bottom: 15px solid #ffcf00; } .biding.bidingMain .biding_mainContent::before { content: ''; position: absolute; top: -35px; left: 50%; width: 70px; height: 70px; transform: translateX(-50%); background-repeat: no-repeat; background-size: 70px auto; } .biding.bidingMain.biding_point .biding_mainContent::before { background-image: url(https://uat-fwdmax.fwd.com.hk/static/19b0ec06eb584d0d21ffbc4729f2af13.png); } .biding.bidingMain.biding_token .biding_mainContent { border-color: #009cae; } .biding.bidingMain.biding_token .biding_mainContent::before { background-image: url(https://uat-fwdmax.fwd.com.hk/static/848174b0c4597ec4c48c421c7b73b32d.png); } .biding.bidingMain.biding_cash .biding_mainContent { background-color: #42d2b3; border-color: #00392e; } .biding.bidingMain.biding_cash .biding_mainContent::before { background-image: url(https://uat-fwdmax.fwd.com.hk/static/a103c5ab245aa6c221f6ea315847b419.png); } .biding.bidingMain .biding_mainContent .biding_txtItems { display: flex; /* align-items: center; */ align-items: flex-start; justify-content: center; } .biding.bidingMain .biding_mainContent .biding_txtItem { min-width: 200px; padding: 0 24px 16px; } .biding.bidingMain .biding_mainContent .biding_txtItem.price { position: relative; } .biding.bidingMain .biding_mainContent .biding_txtItem.price .btnSelfDefine { position: absolute; top: 0; right: 0; color: #fff; text-decoration: none; } .biding.bidingMain .biding_mainContent .biding_txtItem.price .btnSelfDefine::before { content: ''; display: inline-block; vertical-align: baseline; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #fff; margin: 0 3px -1px 0; } .biding.bidingMain .biding_mainContent .biding_txtItem.selfDefine { position: relative; /* display: none; */ } .biding.bidingMain .biding_mainContent .biding_txtItem.selfDefine .btnDefault { position: absolute; top: 0; right: 0; color: #fff; text-decoration: none; } .biding.bidingMain .biding_mainContent .biding_txtItem.selfDefine .btnDefault::after { content: ''; display: inline-block; vertical-align: baseline; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #fff; margin: 0 0 -1px 3px; } .biding.bidingMain .biding_mainContent .biding_txtItem_label { font-size: 14px; line-height: 1.2em; position: relative; } .biding.bidingMain .biding_mainContent .biding_txtItem_val { font-size: 28px; font-weight: bold; line-height: 1.2em; color: #fff; border: 2px solid #ff8d3f; border-radius: 5px; background-color: #ff8d3f; min-height: 33px; padding: 4px 10px; margin-top: 8px; } .biding.bidingMain .biding_mainContent .biding_txtItem_val .biding_smallTxt { font-size: 18px; font-weight: bold; line-height: 1.2em; margin-left: 5px; } .biding.bidingMain.biding_cash .biding_mainContent .biding_txtItem_val { border: 2px solid #7eddc6; background-color: #7eddc6; } .biding.bidingMain .biding_mainContent .biding_buynow .biding_txtItem_label { color: #fff; } .biding.bidingMain .biding_mainContent .biding_buynow .biding_txtItem_val { border-color: #fff; background-color: transparent; } .biding.bidingMain .biding_botContent { padding: 26px 20px; } .biding.bidingMain .biding_botContent .biding_agreements { max-width: 524px; padding: 20px 0; margin: 0 auto; } .biding.bidingMain.biding_cash .biding_botContent .biding_agreements { padding-top: 0; padding-bottom: 0; } .biding.bidingMain .biding_botContent .biding_btnContainer { padding-top: 20px; } .biding.bidingMain .biding_errMsg { line-height: 1.5em; color: #ff0101; text-align: center; margin-top: 30px; /* display: none; */ } .biding.bidingMain .biding_mainContent .biding_rangeSliderMinMax { display: flex; justify-content: space-between; font-size: 12px; line-height: 1em; padding-top: 6px; } .biding_rangeSliderContainer { width: 100%; padding: 8px 0 0; } .biding_rangeSlider { -webkit-appearance: none; width: 100%; height: 5px; border-radius: 10px; margin: 0; background: #f5b486; outline: none; display: block; } .biding_rangeSlider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; border: 2px solid #e98640; width: 18px; height: 18px; border-radius: 50%; background: #fff; cursor: pointer; box-sizing: border-box; } .biding_rangeSlider::-moz-range-thumb { border: 2px solid #e98640; width: 18px; height: 18px; border-radius: 50%; background: #fff; cursor: pointer; box-sizing: border-box; } .biding_cash .biding_rangeSlider { background: #bfe9dd; } .biding_cash .biding_rangeSlider::-webkit-slider-thumb { border-color: #6fcfb4; } .biding_cash .biding_rangeSlider::-moz-range-thumb { border-color: #6fcfb4; } .biding.bidingMain .biding_mainContent .biding_rangeSliderBot { display: flex; justify-content: space-between; font-size: 12px; line-height: 1em; padding-top: 13px; } .biding.bidingMain .biding_mainContent .biding_rangeSliderLabel { font-size: 12px; line-height: 1.3em; padding-top: 6px; text-align: left; } .biding.bidingMain .biding_mainContent .biding_rangeSliderVal { text-align: right; font-size: 28px; font-weight: bold; line-height: 1em; width: 66%; padding: 8px 10px 6px; margin: 0 0 4px; color: #fff; background-color: #f97f28; border: 0; border-radius: 5px; outline: 0; box-sizing: border-box; } .biding.bidingMain.biding_cash .biding_mainContent .biding_rangeSliderVal { background-color: #63d8bc; } .biding.bidingMain .biding_mainContent .biding_txtItemRow { width: 28%; } .biding.bidingMain .biding_txtItem_label.remark { font-size: 14.5px; line-height: 1.2em; position: relative; text-align: center; color: #000; } .biding .biding_success { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; /* background-color: #fdf3eb; */ background-color: rgba(0,0,0,.9)!important; overflow: auto; display: none; } body.openBidingSuccess { overflow: hidden; } body.openBidingSuccess .biding .biding_success { display: block; } .biding .biding_successContainer { padding: 30px 15px 30px; } .biding .biding_successContent { position: relative; text-align: center; background-color: #fff; max-width: 346px; padding: 50px 28px 30px; margin: 0 auto; border-radius: 10px; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } .biding .biding_success .biding_btnClose { position: absolute; top: 16px; right: 16px; width: 15px; } .biding .biding_success .biding_btnClose img { width: 100%; display: block; } .biding .biding_success .biding_success_icon { width: 140px; margin: 0 auto; display: block; } .biding .biding_success .biding_success_icon img { width: 100%; display: none; } .biding .biding_success .biding_success_icon img.active { display: block; background-color: initial; } .biding .biding_success .biding_success_label { margin-top: 40px; } .biding .biding_success .biding_success_product { font-size: 18px; font-weight: bold; line-height: 1.3em; margin-top: 10px; } .biding .biding_success .biding_success_hints { margin-top: 30px; } .biding .biding_success .biding_success_img { max-width: 288px; margin: 10px auto 0; } .biding .biding_success .biding_success_img img { width: 100%; display: block; } .biding .biding_success .biding_btnContainer { padding-top: 40px; } .swiper { position: relative; margin-bottom: 20px; } .swiper-pagination-bullet { background: #e98640 !important; } .biding.bidingMain .biding_topContent .bidingSwiper .swiper-pagination { bottom: 0px !important; } .swiper-button-next, .swiper-button-prev { color: #172a24 !important; } .swiper-button-prev.detail { left: -36px !important; } .swiper-button-next.detail { right: -36px !important; } .swiper-img-container { width: 100%; height: 0; padding-bottom: 100%; background-color: #cdcdc2; background-size: contain; background-repeat: no-repeat; background-position: center; margin: 0 auto; border-radius: 20px; } .swiper-slide img { /* display: block; */ width: 100%; } .biding.bidingMain .biding_topContent .bidingSwiper .swiper-wrapper{ padding-bottom: 30px; } .biding.bidingMain .biding_topContent .bidingSwiper .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0px !important; } /* Biding Thank You */ .biding.bidingThankyou { font-size: 16px; line-height: 1.3em; text-align: center; padding-top: 80px; padding-bottom: 120px; margin: 0 13px; } .biding.bidingThankyou .biding_topContent { padding-bottom: 45px; } .biding.bidingThankyou .biding_topContent .biding_heading { font-size: 48px; font-weight: bold; line-height: 1.3em; color: #f77f2b; } .biding.bidingThankyou .biding_topContent .biding_desc { font-size: 28px; font-weight: bold; line-height: 1.3em; margin-top: 10px; } .biding.bidingThankyou .biding_mainContent { border-radius: 20px; background-color: #ff9c52; padding: 50px 20px; } .biding.bidingThankyou .biding_mainContent .biding_imgWrapper { max-width: 430px; margin: 0 auto; } .biding.bidingThankyou .biding_mainContent .biding_imgContainer { width: 100%; height: 0; border-radius: 20px; padding-bottom: 100%; margin: 0 auto; background-color: #cdcdc2; background-size: contain; background-repeat: no-repeat; background-position: center; } .biding.bidingThankyou .biding_mainContent .biding_heading { font-size: 30px; font-weight: bold; line-height: 1.2em; color: #fff; max-width: 500px; margin: 30px auto 0; } .biding.bidingThankyou .biding_mainContent .biding_txtRemarks { text-align: left; max-width: 500px; margin: 18px auto 0; display: flex; } .biding.bidingThankyou .biding_mainContent .biding_txtRemarks_label { min-width: 144px; padding-right: 10px; } .biding.bidingThankyou .biding_myBid { max-width: 500px; border-radius: 20px; color: #fff; background-color: #f77f2b; padding: 25px 20px 35px; margin: 35px auto 0; } .biding.bidingThankyou .biding_myBid .biding_myBid_val { font-size: 48px; font-weight: bold; line-height: 1.3em; } .biding.bidingThankyou .biding_myBid .biding_myBid_val .biding_smallTxt { font-size: 30px; font-weight: bold; line-height: 1.2em; margin-left: 5px; } .biding.bidingThankyou .biding_botContent .biding_btnContainer { padding-top: 60px; } .biding.bidingThankyou .biding_botContent .biding_btnContainer .biding_btn { font-size: 16px; padding-top: 12px; padding-bottom: 13px; } /* How To Play */ .biding.bidingHowToPlay { overflow: hidden; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); position: fixed; top: 0; opacity: 1; visibility: visible; transition: all 0.3s ease-in-out; } .biding.bidingHowToPlay.disable { opacity: 0; visibility: hidden; transition: all 0.6s ease-in-out; } .biding.bidingHowToPlay .biding_mainContent { margin: auto; max-width: 900px; padding: 0 20px; align-items: center; } .biding.bidingHowToPlay .swiper_wrapper { display: flex; align-items: center; justify-content: center; height: 100vh; } .biding.bidingHowToPlay.disable .biding_swiperContainer{ opacity:0; transform: translateY(-100px); } .biding.bidingHowToPlay .biding_swiperContainer { width: 100%; padding: 0 60px; max-width: 900px; min-width: 601px; margin: auto; position: relative; transform: translateY(0); transition: all 0.5s ease-in-out; transition-property: transform, opacity; } .biding.bidingHowToPlay .biding_btn_close { position: absolute; top: 0; right: 0; width: 25px; height: 25px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/93905b8130d98c8ca9536cecb6fdd1db.png); background-size: contain; background-repeat: no-repeat; } .biding.bidingHowToPlay .swiper { width: 100%; height: 100%; position: relative; background-color: #fffaf7; overflow: hidden; } .biding.bidingHowToPlay .swiper-pagination-bullet { background-color: #f97f29; width: 10px; height: 10px; margin: 3.5px; } .biding.bidingHowToPlay .swiper-button-prev { left: 2%; } .biding.bidingHowToPlay .swiper-button-next { right: 2%; } .biding.bidingHowToPlay .swiper-button-prev::after, .biding.bidingHowToPlay .swiper-button-next::after { font-size: 30px; color: #172a24 } .biding.bidingHowToPlay .swiper-slide { text-align: center; } .biding.bidingHowToPlay .swiper-button-next.swiper-button-disabled, .biding.bidingHowToPlay .swiper-button-prev.swiper-button-disabled { display: none; } .biding.bidingHowToPlay .swiper-img-container { width: 100%; height: 100%; background-color: #fffaf7; background-size: contain; background-repeat: no-repeat; background-position: top center; padding-bottom: 0; margin: 0 auto; } .biding.bidingHowToPlay .swiper-container-horizontal > .swiper-pagination-bullets, .biding.bidingHowToPlay .swiper-pagination-custom, .biding.bidingHowToPlay .swiper-pagination-fraction { bottom: 35px; } .biding.bidingHowToPlay .swiper-img-container.desktop { padding-bottom: 100%; } .biding.bidingHowToPlay .swiper-img-container.mobile { display: none; } /* History */ .biding.bidingHistory { font-weight: 400; letter-spacing: 1px; margin: 0 auto; font-size: 16px; } .biding.bidingHistory .biding_topContent { padding-top: 50px; text-align: center; background-color: #fee4ce; } .biding.bidingHistory .biding_mainContent { background-color: #fee4ce; color: #f88029; padding: 50px 0px 78px; } .biding.bidingHistory .biding_mainContent .biding_historyList { max-width: 1300px; box-sizing: border-box; margin: 0 auto; } .biding.bidingHistory .biding_mainContent .biding_historyList>* { line-height: 1.25em; } .biding.bidingHistory .biding_mainContent .biding_historyList_inner { display: flex; padding: 0 22px; flex-wrap: wrap } .biding.bidingHistory .biding_mainContent .biding_historyList .biding_listContainer { width: 50%; box-sizing: border-box; } .biding.bidingHistory .biding_mainContent .biding_historyList .biding_myActivity { padding-right: 26px; } .biding.bidingHistory .biding_mainContent .biding_historyList .biding_tradingDone { padding-left: 26px; } .biding.bidingHistory .biding_mainContent .biding_historyList .historyListTitle { font-size: 30px; font-weight: bold; line-height: 1em; margin-bottom: 28px; } .biding.bidingHistory .biding_mainContent .biding_historyList .biding_br_historyName { display: none; } .biding.bidingHistory .biding_mainContent .biding_historyList .biding_historyDate{ /* font-family: "Circular Bold", sans-serif; */ margin-top: 16px; } .biding.bidingHistory .biding_mainContent .biding_historyList .biding_list { border-radius: 16px; background-color: #fff; padding: 30px 30px 15px; } .biding.bidingHistory .biding_mainContent .biding_historyList .biding_list .biding_historyListItem { display: flex; justify-content: space-between; border-bottom: 1px solid #f98028; margin-bottom: 30px; padding-bottom: 10px; } .biding.bidingHistory .biding_mainContent .biding_historyList .biding_historyListItemInfo { color: #0f2b24; padding-right: 20px; } .biding.bidingHistory .biding_mainContent .biding_historyList .biding_historyListItemCost { text-align: right; white-space: nowrap; align-self: flex-end; } .biding.bidingHistory .biding_botContent { padding: 60px 0; } .adminAddPlan.disable{ background-color: #7C878E; color: white; } @media (max-width: 1200px) { .biding, .biding .fsNormal { font-size: 14px; line-height: 1.3em; } .biding.bidingOverview .biding_mainContent .biding_listItem { flex-basis: 50%; } .biding.bidingOverview .biding_mainContent .biding_listItem .biding_value { font-size: 21px; line-height: 1.3em; } /* History */ .biding.bidingHistory .biding_mainContent .biding_historyList .biding_myActivity { padding-right: 11px; } .biding.bidingHistory .biding_mainContent .biding_historyList .biding_tradingDone { padding-left: 11px; } } @media (max-width: 760px) { .biding input[type=checkbox] { width: 18px; height: 18px; } .biding input[type=checkbox]::before { width: 8px; height: 8px; border-width: 5px; } .biding .biding_btn { padding: 14px 34px 14px; } .biding, .biding .fsNormal { font-size: 16px; line-height: 1.3em; } .biding .tncContainer ol.decimal { padding-left: 15px; } .biding .tncContainer ol.lower-alpha { padding-left: 15px; } .biding.bidingOverview h1 { font-size: 24px; line-height: 1.5em; } .biding.bidingOverview .biding_topContent { text-align: center; margin-bottom: 25px; } .biding.bidingOverview .biding_topContent .biding_sorting { border: 1px solid #f98028; border-radius: 20px; margin: 20px 15px 0; justify-content: space-between; } .biding.bidingOverview .biding_topContent .biding_sortingLabel { width: 30%; box-sizing: border-box; padding-right: 0; } .biding.bidingOverview .biding_topContent .biding_sortingCtrl { position: relative; width: 70%; box-sizing: border-box; } .biding.bidingOverview .biding_topContent .biding_sortingValue { display: block; background-color: #f98028; color: #fffaf7; text-decoration: none; padding: 9px 0; border-radius: 0 20px 20px 0; } .biding.bidingOverview .biding_topContent .biding_sortingValue::after { content: ''; display: inline-block; vertical-align: middle; width: 12px; height: 8px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/53ca606b00a104d0384a099fb2e98022.png); background-repeat: no-repeat; background-size: 12px auto; margin-left: 10px; } .biding.bidingOverview .biding_topContent .biding_sortingBtns { display: none; position: absolute; top: 40px; left: 50%; transform: translateX(-50%); width: 60%; flex-direction: column; border-radius: 0px; border: 1px solid #f98028; } .biding.bidingOverview .biding_topContent .biding_sortingBtns.active { display: flex; } .biding.bidingOverview .biding_topContent .biding_sortingBtn, .biding.bidingOverview .biding_topContent .biding_sortingBtn:first-child, .biding.bidingOverview .biding_topContent .biding_sortingBtn:last-child { padding-left: 20px; padding-right: 20px; border: 0px; border-radius: 0px; } .biding.bidingOverview .biding_topContent .biding_sortingBtn::before { content: ''; position: absolute; top: -1px; left: 50%; transform: translateX(-50%); width: 80%; height: 1px; background-color: #f98028; } .biding.bidingOverview .biding_mainContent .biding_list { flex-direction: column; padding: 0; } .biding.bidingOverview .biding_mainContent .biding_listItem { padding: 0 15px 24px; } .biding.bidingOverview .biding_mainContent .biding_listItem .biding_label { font-size: 10px; line-height: 1.3em; } .biding.bidingOverview .biding_mainContent .biding_listItem .biding_value { font-size: 21px; line-height: 1.3em; } .biding.bidingOverview .biding_mainContent .biding_listItemTitle { font-size: 18px; max-height: 70px; } /* Biding Home */ .biding.bidingHome { font-size: 16px; line-height: 1.3em; } .biding.bidingHome .biding_btnContainer .biding_btn { width: 100%; } .biding.bidingHome .biding_topContent .biding_heading { font-size: 16px; line-height: 1.7em; padding: 30px 20px; } .biding.bidingHome .biding_mainContent { padding-top: 50px; padding-bottom: 50px; } .biding.bidingHome .biding_mainContent .biding_txtWrapper { flex-direction: column-reverse; padding: 0 44px 64px; } .biding.bidingHome .biding_mainContent .biding_txtContainer { width: 100%; } .biding.bidingHome .biding_mainContent .biding_txtLabel { font-size: 40px; } .biding.bidingHome .biding_mainContent .biding_txtTitle { font-size: 18px; } .biding.bidingHome .biding_mainContent .biding_imgContainer { width: 100%; padding-bottom: 100%; margin-bottom: 30px; } .biding.bidingHome .biding_flow { min-height: 0; margin: 0 15px; background-image: none; padding: 30px 30px 26px; } .biding.bidingHome .biding_flowTitle { font-size: 20px; padding-bottom: 14px; } .biding.bidingHome .biding_bulletList { /* padding: 24px 20px 0; */ padding: 24px 0 0; /* margin-left: -20px; */ } .biding.bidingHome .biding_bulletList ul { margin-left: -20px; } .biding.bidingHome .biding_bulletList li { margin-bottom: 15px; } .biding.bidingHome .biding_myInfo .biding_myInfoInner { flex-direction: column; } .biding.bidingHome .biding_myInfoItem { padding: 0 40px; } .biding.bidingHome .biding_myInfoItem.biding_myprofile { width: 100%; margin-bottom: 20px; } .biding.bidingHome .biding_myInfoItem.biding_history { width: 100%; } .biding.bidingHome .biding_myInfo .biding_myInfoTitle { font-size: 20px; line-height: 1em; margin-bottom: 20px; } .biding.bidingHome .biding_myInfo .biding_cardItem { padding: 12px 24px; border-radius: 14px; } .biding.bidingHome .biding_myInfo .biding_cardItemIcon { height: 32px; } .biding.bidingHome .biding_myInfo .biding_cardItemNum { font-size: 20px; line-height: 1.3em; } .biding.bidingHome .biding_myInfo .biding_historyList { border-radius: 14px; padding: 18px 18px; } .biding.bidingHome .biding_myInfo .biding_historyListItem { flex-direction: column; } .biding.bidingHome .biding_botContent { padding: 40px 40px; } /* Biding Main */ .biding.bidingMain { font-size: 16px; line-height: 1.3em; } .biding.bidingMain .backContainer { /* display: none; */ margin-top: -20px; } .biding.bidingMain .biding_topContent { margin-top: 25px; } .biding.bidingMain .biding_topContent .bidingSwiper { max-width: 100%; margin-left: 44px; margin-right: 44px; } .swiper { margin-bottom: 36px; } .swiper-button-next.detail, .swiper-container-rtl .swiper-button-prev.detail { right: 8px !important; } .swiper-button-prev.detail, .swiper-container-rtl .swiper-button-next.detail { left: 8px !important; } .swiper-button-next:after, .swiper-button-prev:after { font-size: 30px; } .biding.bidingMain .biding_topContent .bidingSwiper .swiper-pagination { bottom: -33px; } .swiper-pagination-bullet { width: 7px; height: 7px; margin: 0 4px; } .biding.bidingMain .biding_topContent .biding_heading { font-size: 24px; line-height: 1.2em; padding: 0 0; } .biding.bidingMain .biding_mainContent { padding-top: 58px; border-width: 10px; } .biding.bidingMain .biding_mainContent .biding_txtItems { flex-direction: column; text-align: center; } .biding.bidingMain .biding_mainContent .biding_txtItemRow { width: 100%; } .biding.bidingMain .biding_mainContent .biding_txtItem { padding-left: 44px; padding-right: 44px; } .biding.bidingMain .biding_mainContent .biding_txtItem_val { font-size: 20px; line-height: 1.2em; border-radius: 12px; padding: 10px 10px; min-height: 24px; } .biding .biding_checkboxWrapper .biding_checkboxTxt { margin-top: 0; } .biding.bidingMain .biding_mainContent .biding_txtItemRow { width: 100%; } .biding.bidingMain .biding_mainContent .biding_txtItem_label, .biding.bidingMain .biding_txtItem_label.remark { font-size: 16px; } .biding.bidingMain .biding_mainContent .biding_rangeSliderLabel { font-size: 14px; } .biding.bidingMain .biding_topContent .biding_txtRemarks h2 { font-size: 22px; } .biding.bidingMain .biding_topContent .biding_txtRemarks.ticketing { max-width: 100% !important; padding: 0 0 !important; } .biding.bidingMain .biding_topContent .biding_txtRemarks_label { min-width: 70px; } /* Biding Thank You */ .biding.bidingThankyou .biding_mainContent .biding_txtRemarks_label { min-width: 70px; } .biding.bidingThankyou { font-size: 16px; line-height: 1.3em; padding-top: 26px; padding-bottom: 44px; margin: 0 13px; } .biding.bidingThankyou .biding_topContent { padding-bottom: 26px; } .biding.bidingThankyou .biding_topContent .biding_heading { font-size: 30px; line-height: 1.3em; } .biding.bidingThankyou .biding_topContent .biding_desc { font-size: 20px; line-height: 1.3em; margin-top: 0; } .biding.bidingThankyou .biding_mainContent { border-radius: 12px; padding: 30px 30px; } .biding.bidingThankyou .biding_mainContent .biding_heading { font-size: 20px; line-height: 1.2em; margin-top: 25px; } .biding.bidingThankyou .biding_myBid { border-radius: 12px; padding: 15px 20px 25px; margin-top: 15px; } .biding.bidingThankyou .biding_myBid .biding_myBid_val { font-size: 30px; font-weight: bold; line-height: 1.3em; } .biding.bidingThankyou .biding_myBid .biding_myBid_val .biding_smallTxt { font-size: 20px; line-height: 1.2em; } .biding.bidingThankyou .biding_botContent .biding_btnContainer { padding: 32px 32px 0; } .biding.bidingThankyou .biding_botContent .biding_btnContainer .biding_btn { font-size: 14px; width: 100%; } .biding .biding_successContainer { margin-top: 28px; } .biding.bidingThankyou .biding_mainContent .biding_txtRemarks h2 { font-size: 22px; } /* How to Play */ .biding.bidingHowToPlay .swiper-img-container.desktop { display: none; } .biding.bidingHowToPlay .swiper-img-container.mobile { display: block; } .biding.bidingHowToPlay .biding_mainContent { box-sizing: border-box; padding: 0 20px; } .biding.bidingHowToPlay .biding_swiperContainer { max-width: 601px; width: 100%; min-width: 0px; padding: 0; } .biding.bidingHowToPlay .swiper { height: auto; z-index: 0; } .biding.bidingHowToPlay .swiper-img-container.mobile img { width: 100%; } .biding.bidingHowToPlay .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 34px; } .biding.bidingHowToPlay .swiper-pagination-bullet { width: 10px; height: 10px; } .biding.bidingHowToPlay .swiper-button-prev { left: 17px; justify-content: end; display: -webkit-flex; -webkit-justify-content: flex-end; } .biding.bidingHowToPlay .swiper-button-next { right: 17px; justify-content: start; display: -webkit-flex; -webkit-justify-content: start; } .biding.bidingHowToPlay .swiper-button-prev::after, .biding.bidingHowToPlay .swiper-button-next::after { font-size: 30px; } .biding.bidingHowToPlay .swiper-container-horizontal > .swiper-pagination-bullets, .biding.bidingHowToPlay .swiper-pagination-custom, .biding.bidingHowToPlay .swiper-pagination-fraction { bottom: 5.5%; } .biding.bidingHowToPlay .biding_btn_close { position: absolute; top: 24px; right: 24px; width: 20px; height: 20px; z-index: 1; background-image: url(https://uat-fwdmax.fwd.com.hk/static/6e35f5451843e0860ac7b09e46dc67e9.png); background-size: contain; background-repeat: no-repeat; } /* History */ .biding.bidingHistory .biding_topContent { padding-top: 30px; } .biding.bidingHistory .biding_mainContent { padding: 27px 0 46px; } .biding.bidingHistory .biding_mainContent .biding_historyList_inner { padding: 0 35px; } .biding.bidingHistory .biding_mainContent .biding_historyList_inner { padding: 0 15px; } .biding.bidingHistory .biding_mainContent .biding_historyList .biding_myActivity { margin-bottom: 25px; } .biding.bidingHistory .biding_mainContent .biding_historyList .biding_listContainer { width: 100%; padding: 0; } .biding.bidingHistory .biding_mainContent .biding_historyList .historyListTitle { margin-bottom: 20px; font-size: 20px; } .biding.bidingHistory .biding_mainContent .biding_historyList .biding_list { padding: 30px 30px 12px; } .biding.bidingHistory .biding_mainContent .biding_historyList .biding_list .biding_historyListItem { display: block; font-size: 16px; margin-bottom: 24px; } .biding.bidingHistory .biding_mainContent .biding_historyList .biding_br_historyName { display: inline; } .biding.bidingHistory .biding_mainContent .biding_historyList .biding_historyDate{ margin-top: 0px; } .biding.bidingHistory .biding_botContent { padding: 40px; } .biding.bidingHistory .biding_btnContainer { padding-top: 0px; } .biding.bidingHistory .biding_btn { width: 100%; } } @media only screen and (max-width: 425px) { .biding.bidingHowToPlay .swiper-button-prev { left: 5px; } .biding.bidingHowToPlay .swiper-button-next { right: 5px; } .biding.bidingHowToPlay .biding_btn_close { top: 12px; right: 12px; } } .rw-multiselect-taglist { vertical-align: top !important; } .iframe_popup-overlay { z-index: 100000; position: fixed; display: flex; justify-content: center; align-items: center; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.9); } .iframe_popup { max-width: 1200px; margin: auto; height: 80%; position: absolute; inset: 40px; border: 0; background: transparent; border-radius: 4px; outline: none; } .iframe_popup-content { width: 100%; height: 100%; } .iframe_popup .popup_area_close { position: fixed; cursor: pointer; right: 0; } .ticket_btn { display: inline-block; font-weight: 700; line-height: 1em; text-decoration: none; background-color: white; color: #f97f28; border: 1px solid transparent; border-radius: 40px; padding: 14px 34px 14px; width: auto; box-sizing: border-box; cursor: pointer; } .ticketingContainer .MuiInputBase-input { float: none; text-align: center; } .normal_ticketing_btn { background-color: #f97f28; display: inline-block; font-weight: 700; line-height: 1em; text-decoration: none; color: #fff !important; border: 1px solid transparent; border-radius: 40px; padding: 14px 34px 14px; min-width: 225px; box-sizing: border-box; text-align: center; } .normal_ticketing_btn:hover { color: #f97f28 !important; border-color: #f97f28; background-color: transparent; } .incoming_ticketing_btn { background-color: #42d2b3; display: inline-block; font-weight: 700; line-height: 1em; text-decoration: none; color: #fff !important; border: 1px solid transparent; border-radius: 40px; padding: 14px 34px 14px; min-width: 225px; box-sizing: border-box; text-align: center; } .incoming_ticketing_btn:hover { color: #42d2b3 !important; border-color: #42d2b3; background-color: transparent; } .ended_ticketing_btn { background-color: #03382e; display: inline-block; font-weight: 700; line-height: 1em; text-decoration: none; color: #fff !important; border: 1px solid transparent; border-radius: 40px; padding: 14px 34px 14px; min-width: 225px; box-sizing: border-box; text-align: center; } .ended_ticketing_btn:hover { color: #03382e !important; border-color: #03382e; background-color: transparent; } .soldout_ticketing_btn { background-color: darkgrey; display: inline-block; font-weight: 700; line-height: 1em; text-decoration: none; color: #fff !important; border: 1px solid transparent; border-radius: 40px; padding: 14px 34px 14px; min-width: 225px; box-sizing: border-box; text-align: center; } .soldout_ticketing_btn:hover { color: darkgrey !important; border-color: darkgrey; background-color: transparent; } .ticketing_detail_grid_common_txt_width { width: 90% } .ticketing_detail_grid_common_lb_width { width: 10% } .ticketing_detail_grid_qty_txt_width { width: 90%; } .ticketing_detail_grid_qty_lb_width { width: 10%; } .ticketing_detail_login_form { display: block; margin-left: auto; margin-right: auto; } @media (max-width: 479px) { .ticketing_detail_grid_common_txt_width { width: 80% } .ticketing_detail_grid_common_lb_width { width: 20% } .ticketing_detail_grid_qty_txt_width { width: 70%; } .ticketing_detail_grid_qty_lb_width { width: 30%; } .ticketing_detail_login_form { display: block; margin-left: auto; margin-right: auto; } } .ticketing_invite_frd { display: inline-block; font-weight: 700; line-height: 1em; text-decoration: none; background-color: #f97f28; color: #fff !important; border: 1px solid transparent; border-radius: 40px; padding: 11px 34px 14px; min-width: 225px; box-sizing: border-box; } .ticketing_invite_frd:hover { background-color: #fff; color: #f97f28 !important; border: 1px solid #f97f28; } .video-container { position: relative; padding-bottom: 56.25%; /* 16:9 */ margin-bottom: 30px; margin-top: 30px; height: 0; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (max-width: 479px) { .agent_rank_table thead tr th{ font-size: 12px !important; } .agent_rank_row { font-size: 10px; } .agent_ranking_table .sorting_bar_btn .sorting_bar_btn_text_n, .agent_ranking_table .sorting_bar_btn .sorting_bar_btn_text_y, .agent_ranking_history_table .sorting_bar_btn .sorting_bar_btn_text_n, .agent_ranking_history_table .sorting_bar_btn .sorting_bar_btn_text_y { font-size: 12px !important; } .agent_ranking_history_table .sorting_bar_btn .sorting_bar_btn_text_n, .agent_ranking_history_table .sorting_bar_btn .sorting_bar_btn_text_y { padding-left: 15px !important; padding-right: 15px !important; } .agent_ranking_history_table .sorting_bar_btn .sorting_bar_btn_text_y.first { padding-right: 40px !important; } .agent_ranking_history_table .sorting_bar_btn .sorting_bar_btn_text_y.last { padding-left: 40px !important; } } .stepper-wrapper { margin-top: auto; display: flex; justify-content: space-between; margin-bottom: 20px; max-width: 900px; width: 100vw !important } .stepper-item { position: relative; display: flex; flex-direction: column; align-items: center; flex: 1; @media (max-width: 768px) { font-size: 12px; } } .stepper-item::before { position: absolute; content: ""; border-bottom: 2px solid #ccc; width: 100%; top: 20px; left: -50%; z-index: 2; } .stepper-item::after { position: absolute; content: ""; border-bottom: 2px solid #ccc; width: 100%; top: 20px; left: 50%; z-index: 2; } .stepper-item .step-counter { position: relative; z-index: 5; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background: #ccc; margin-bottom: 6px; } .stepper-item.active { font-weight: bold; } .stepper-item.completed .step-counter { color: white !important; background-color: #f88028; } .stepper-item.completed::after { position: absolute; content: ""; border-bottom: 2px solid #ccc; width: 100%; top: 20px; left: 50%; z-index: 3; } .stepper-item:first-child::before { content: none; } .stepper-item:last-child::after { content: none; } .step-name { text-align: center; } .agentRankTitle{ margin-top: 32px; margin-bottom: 10px; margin-left: 16px; } .ticketing_arrow_down { width: 20px; height: 20px; margin-left: 15px; background-image: url(https://uat-fwdmax.fwd.com.hk/static/67d398f1ee6b9053c4891594e82b2091.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .z_index_1000001 { z-index: 1000001 !important; } .alertModalButton_SSO { padding: 10px 120px 10px; } .alertModalButton_SSO.large { padding: 10px 95px 10px; } @media (max-width: 768px) { .alertModalButton_SSO { padding: 10px 110px 10px; } .alertModalButton_SSO.large { padding: 10px 85px 10px; } } .alertModalImgContainer { display: flex; padding: 10px 20px 10px; justify-content: space-around; align-items: center; } .alertModalImg { width: 80px; } .alertModalImg.small { width: 50px; } .alertModalClass.large { top: 20%; } .alertModalClass.medium { top: 25%; } @media (max-width: 479px) { .alertModalClass.large { top: 5%; } .alertModalClass.medium { top: 15%; } } .alertModalOverlay { background-color: rgba(0, 0, 0, 0.8) !important; } .rewards-qr-wrapper { display: flex; flex-flow: row wrap; justify-content: space-between; } .voucher-code-wrapper { display: flex; flex-flow: column wrap; justify-content: flex-start; text-align: left !important; flex: 2; padding: 10px; } .voucher-code-container { overflow-wrap: break-word; max-width: 500px; } .expiry-date-wrapper { display: flex; flex-flow: column wrap; justify-content: flex-start; text-align: left !important; flex: 1; padding: 10px; min-width: 100px; } .qr-code-wrapper { text-align: center !important; flex: 1; padding: 10px; } @media (max-width: 479px) { .voucher-code-container { width: 280px; } } .infoMargin { margin-left: 3px; } /* Journey 6 */ .journey-open-tag { background-color: rgba(243,187,144); border-radius: 4px; margin-left: 4px; display: flex; align-items: center; justify-content: center; padding: 4px; height: 18px; max-width: 48px; width: 100%; font-size: 9px; } .journey-not-open-tag { background-color: rgba(139,151,147); border-radius: 4px; padding: 4px; margin-left: 4px; display: flex; align-items: center; justify-content: center; height: 18px; max-width: 72px; width: 100%; font-size: 9px; color: white; white-space: nowrap; } .journey-email-icon { background-image: url(https://uat-fwdmax.fwd.com.hk/static/cbf373025d25b87662718ea4544ffe92.png); background-position: 50% 50%; background-size: 78%; background-repeat: no-repeat; } .journey-6-converted-icon { width: fit-content !important; margin-left: 2px !important; } .journey-6-min-title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } @media screen and (max-width: 479px) { .journey-6-min-title { font-size: smaller; max-width: 60vw; } } @media screen and (min-width: 479px) { .journey-6-converted-icon { margin-bottom: 8px !important; } } .gap20 { display: flex; flex-direction: column; gap: 20px; } .center { display: flex; justify-content: center; align-items: center; } .profile_info_img_box { display: flex; justify-content: center; align-items: center; gap: 8px; } .am-report { display: flex; } .am-report label { display: block; line-height: 1.8em; max-width: 590px; padding: 0 10px 0 10px; cursor: pointer; } .am-report label::after { content: ''; clear: both; display: block; } .am-report label .txt { padding-left: 30px; } .am-report input[type=checkbox] { position: relative; width: 20px; height: 20px; margin: 4px 0 0 0; float: left; border: 0; accent-color: #F88028; } .am-teammate-box { padding: 10px; } .am-date-range-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding: 10px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 5px; color: #000; font-size: 1em; line-height: 1em; } .am-date-range-container .ah_date_picker_to .DayPickerInput > input, .am-date-range-container .ah_date_picker_from .DayPickerInput > input { line-height: inherit; width: 100%; text-align: center; border-radius: 5px; border: 1px solid #CCC; background-color: #FFF; } .insurance_enquiry_row { font-weight: bold; display: flex; align-items: flex-start; text-align: left; width: 100%; } .insurance_enquiry_title { text-align: right; margin-right: 10px; width: 20% } .insurance_enquiry_content { width: 80% } .enquiry_menu_popup { margin-top: 10px; margin-bottom: 25px; line-height: 20px; } .enquiry_menu_list a{ display: grid; grid-template-columns: max-content 30px; margin-left: 5%; } .enquiry_menu_list_icon{ background-size: cover; height: 30px; } .enquiry_menu_list_whatsapp_icon{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/8689982e37768ed6906bb088441d9395.png); } .enquiry_menu_list_text{ display: flex; align-items: end; } .enquiry_menu_list_phone_icon{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/233f9a44f776fbb80cd975b6d311872f.png); } .basic_info_block{ border-bottom: 1px solid #e5e5e5; } .fwd_slider_wrapper_agent { overflow-x: auto; /* overflow-y: auto; */ white-space: nowrap; padding-left: calc((100% - 1325px) / 2 - 12.5px); padding-bottom: 0; font-size: 0; /* transition: all 0.3s ease-in-out; */ } .fwd_slider_wrapper_agent::-webkit-scrollbar { width: 0; height: 0; } .slider_1 .fwd_slider_wrapper_agent .fwd-card{ width: calc(100% - var(--_slider-gap)); margin-right: 10px; } .fwd_slider_container .fwd_title_wrapper{ --_padding-x: 0px; padding-inline: var(--_padding-x); } .fwd_slider_wrapper_agent .slick-track > div:not(:first-child) .fwd-card{ --_slider-gap: 10px; margin-left: var(--_slider-gap); } .fwd_slider_wrapper_agent .slick-track > div:first-child .fwd-card{ margin-left: 0; } .fwd_slider_wrapper_agent .slick-track { float:left; } .fwd_slider_wrapper_agent .fwd-card:last-child { margin-right: 0; } @media only screen and (max-width: 767.5px) { .fwd_slider_wrapper_agent .fwd_title_wrapper{ --_padding-x: 20px; } .slider_1 .fwd_slider_wrapper_agent > div:not(:first-child) { margin-left: 10px; } .slider_1 .fwd_slider_wrapper_agent > div:first-child { margin-left: 0px; } } .fwd_slider_btn_container_agent .slick-arrow{ position: relative; --_size: 30px; width: var(--_size); height: var(--_size); padding: 8px; background-color: white !important; background-image: url(https://uat-fwdmax.fwd.com.hk/static/cbe738c59347b564b28f02b7d0bb7e09.svg) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: 60%; border-radius: 50%; box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08); } .fwd_slider_btn_container_agent .slick-prev:focus, .fwd_slider_btn_container_agent .slick-next:focus { } .fwd_slider_btn_container_agent .slick-prev{ left: 0; transform: translate(0, -50%) rotate(180deg); } .fwd_slider_btn_container_agent .slick-next{ right: 0; } .fwd_slider_btn_container_agent .slick-prev.slick-disabled, .fwd_slider_btn_container_agent .slick-next.slick-disabled{ opacity: 0.5; } .fwd_slider_btn_container_agent{ position: relative; display: flex; align-items: center; gap: 10px; } .fwd_slider_wrapper_agent .fwd-max-card-title{ height: 50px; text-overflow: ellipsis; line-height: 1.7; } .to_do_list_container.fwd-max-to-do-list-container{ background-color: transparent; box-shadow: none; } :root{ --color-primary: #E87722; --color-green-dark: #183028; } .fwd-max-fwd_title_wrapper{ margin-bottom: 16px; } .fwd-max-main-section-title{ transform: translate(0, 2px); } .fwd-max-to-do-list-title{ display: flex; align-items: center; gap: 8px; font-weight: 400; } .fwd-max-to-do-list-title-icon{ --_size: 18px; width: var(--_size); height: var(--_size); } .fwd-max-card{ padding: 8px 10px; background-color: white; border-radius: 12px; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.10); } .fwd-max-card-image-container{ margin-bottom: 8px; } .fwd-max-card-body > * { text-wrap: wrap; } h3.fwd-max-card-title{ display: -webkit-box; height: 38px; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 16px; color: var(--color-primary); font-size: 14px; font-weight: 600; line-height: normal; } p.fwd-max-period{ font-size: 12px; font-weight: 450; color: var(--color-green-dark); margin-bottom: 0; } /* ===================================== MARK: DETAIL ===================================== */ .fwd-max-detail-page { font-family: "Noto Sans TC", serif; font-weight: 400; background-color: #FFF4EE; } .fwd-max-page-header{ padding: 16px 24px; } .fwd-max-btn--back{ display: flex; align-items: center; gap: 8px; font: inherit; font-size: 20px; font-weight: 400; color: #E87722; text-decoration: none; color: var(--Primary-FWD-orange, #E87722); line-height: normal; } .fwd-max-main-container{ max-width: 1040px; margin-inline: auto; padding-inline: 16px; padding-top: 20px; } .fwd-max-main-container > * + * { margin-top: 24px; } .fwd-max-main-heading{ text-align: center; display: flex; align-items: center; justify-content: center; gap: 9px; color: #183028; font-family: "Noto Sans TC"; font-size: 18px; font-weight: 400; line-height: normal; } .fwd-max-main-heading img{ --_size: 30px; width: var(--_size); height: var(--_size); } @media only screen and (min-width: 961px) { .fwd-max-main-heading{ font-size: 30px; } .fwd-max-main-heading img{ --_size: 50px; } } .fwd-max-section-header{ display: flex; } .fwd-max-btn--share{ display: flex; align-items: center; gap: 10px; margin-left: auto; color: #E87722; font-size: 20px; font-weight: 600; line-height: normal; cursor: pointer; } .fwd-max-btn--share img{ --_size: 20px; width: var(--_size); height: var(--_size); } .fwd-max-btn--share img.small-icon{ --_size: 20px; width: var(--_size); height: var(--_size); } @media only screen and (min-width: 961px) { .fwd-max-btn--share{ --_size: 24px; font-size: 24px; } .fwd-max-btn--share span{ display: block; } } .fwd-max-section--slider > * + * { margin-top: 10px; } .fwd-max-kv-slider-container{ padding-left: 0; } .fwd-max-kv-slider{ max-height: 700px; border-radius: 8px; overflow: hidden; } .fwd-max-kv-slider img{ width: 100%; height: 100%; object-fit: cover; } .fwd-max-section--slider .slick-list{ margin-bottom: 16px; } .fwd-max-kv-slider-control-container{ position: relative; width: max-content; margin-inline: auto; margin-bottom: 32px; } .fwd-max-section--slider .slick-dots{ list-style: none; width: max-content; margin-inline: auto; display: flex; align-items: center; justify-content: center; gap: 8px; position: relative; bottom: 0; } .fwd-max-section--slider .slick-dots li{ --_size: 8px; width: var(--_size); height: var(--_size); font-size: 0; border-radius: 50%; border: 1px solid #E87722; box-sizing: border-box; margin: 0; } .fwd-max-section--slider .slick-dots .slick-active{ background-color: #E87722; } .fwd-max-section--slider .slick-dots li button{ font-size: 0; background-color: transparent; border: none; } .fwd-max-section--slider .slick-dots li button:before { font-size: 0; } .fwd-max-section--slider .slick-arrow{ --_offset: 16px; --_size: 24px; width: var(--_size); height: var(--_size); position: absolute; top: 50%; font-size: 0; background-image: url(https://uat-fwdmax.fwd.com.hk/static/996b96da0c7baa69c1075429b7a381ff.svg) !important; background-position: center !important; background-repeat: no-repeat !important; border: none; background-color: transparent; cursor: pointer; } .fwd-max-section--slider .slick-prev{ left: 0; transform: translate(calc(-100% - var(--_offset)), -50%); } .fwd-max-section--slider .slick-next{ right: 0; transform: translate(calc(100% + var(--_offset)), -50%) rotate(180deg); } .fwd-max-section--article { font-size: 14px; } .fwd-max-section--article > * + * { margin-top: 16px; } .fwd-max-article-title{ color: #E87722; font-size: 20px; font-weight: 600; line-height: normal; } .fwd-max-article-content{ color: #183028; line-height: normal; } .fwd-max-period{ color: #183028; line-height: normal; } @media only screen and (min-width: 961px) { .fwd-max-article-title{ font-size: 24px; } .fwd-max-article-content{ font-size: 18px; } } /* ===================================== MARK: SEARCH SECTION ===================================== */ .fwd-max-search-client-form{ display: grid; gap: 8px; } .fwd-max-search-client-form .searchInputGroup{ width: 100%; } .fwd-max-search-client-form .selectSentGroup{ display: grid; grid-template-columns: 0.5fr 0.5fr 0.5fr; align-items: center; gap: 10px; } .fwd-max-search-client-form .confirmSentGroup{ display: grid; grid-template-columns: 0.5fr 1fr; align-items: center; gap: 6px; } .fwd-max-input-group{ border-radius: 6px; } .fwd-max-input-group input:focus{ outline: none; } .fwd-max-input-group input[type="text"]{ width: 100%; height: 100%; background-color: transparent; color: black; font-family: inherit; font-size: 16px; font-weight: 400; border: none; } .fwd-max-input-group input[type="text"]::placeholder{ color: black; font-family: inherit; font-size: 16px; } .fwd-max-input-group label{ width: 100%; height: 100%; padding: 12px 8px; box-sizing: border-box; color: #D1D6D4; display: flex; justify-content: center; align-items: center; } .fwd-max-input-group:has(input[type="checkbox"]) label{ padding: 12px; } .fwd-max-input-group:has(img) label{ justify-content: space-between; } .fwd-max-input-group{ background-color: #8A9397; } .fwd-max-input-group:has(#fwd-max-client){ background-color: white; color: black; border: #E87722 2px solid; } .fwd-max-input-group:has(input[type="submit"]){ background-color: #E87722; color: white; } .fwd-max-input-group input[type="checkbox"]{ position: relative; appearance: none; -webkit-appearance: none; --_size: 20px; width: var(--_size); height: var(--_size); margin-right: 10px; } .fwd-max-input-group input[type="checkbox"]::before{ content: ""; position: absolute; inset: 0; border-radius: 3.4px; border: 1px solid black; } .fwd-max-input-group input[type="checkbox"]:checked:before{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/daf83e8c72455df0005c79ea10f3ae8b.svg); background-position: center; background-size: contain; background-repeat: no-repeat; border: 1px solid white; } .fwd-max-input-group:has(input[type="submit"]) label{ cursor: pointer; } .fwd-max-input-group input[type="submit"]{ background-color: transparent; border: none; color: white; font-size: 16px; padding: 2px; } .fwd-max-section--my-client{ margin-top: 16px; } .fwd-max-client-type-tab-container{ border-bottom: 1px solid #E87722; display: flex; align-items: center; margin-bottom: 16px; } .fwd-max-sent-button { border: #E87722 2px solid; background-color: white !important; } .fwd-max-sent-button.check { background-color: #E87722 !important; } .fwd-max-sent-label { color: black !important; } .fwd-max-sent-label.check { color: white !important; } .fwd-max-select-all { display: flex; align-items: center; gap: 10px; color: #E87722; } .fwd-max-select-all input[type="checkbox"]{ position: relative; appearance: none; -webkit-appearance: none; box-sizing: border-box; --size: 18px; width: var(--size); height: var(--size); } .fwd-max-select-all input[type="checkbox"]::before{ content: ''; position: absolute; inset: 0; border-radius: 2.5px; border: 1px solid #E87722; } .fwd-max-select-all input[type="checkbox"]:checked:before{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/d94da667b57f70383fdafdf1bea8d16d.svg); background-position: center; background-size: contain; } .fwd-max-client-type-tab-container .fwd-max-client-type-tab{ width: 50%; padding: 8px; font-size: 16px; font-weight: 400; color: #E87722; background-color: transparent; border: none; border-top-left-radius: 8px; border-top-right-radius: 8px; cursor: pointer; } @media only screen and (min-width: 961px) { .fwd-max-client-type-tab-container .fwd-max-client-type-tab{ font-size: 20px; } } .fwd-max-client-type-tab-container .fwd-max-client-type-tab .fwd-max-icon-container{ --_size:20px; width: var(--_size); height: var(--_size); display: inline-block; background-image: url(https://uat-fwdmax.fwd.com.hk/static/7a06db44607ae6374b7de752b5cdbeb6.svg); background-position: center; background-size: contain; background-repeat: no-repeat; } .fwd-max-client-type-tab-container .fwd-max-client-type-tab[data-state="active"]{ background-color: #E87722; color: white; } .fwd-max-client-type-tab-container .fwd-max-client-type-tab[data-state="active"] .fwd-max-icon-container{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/098cf2b92285c1185ce4354e8b38ec93.svg); } .fwd-max-client-list{ padding-block: 16px; list-style: none; min-height: 300px; } .fwd-max-client-list > .fwd-max-client-block + .fwd-max-client-block{ margin-top: 10px; } .fwd-max-client-block { padding: 16px; color: #E87722; font-size: 16px; border-radius: 8px; background: white; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.10); } @media only screen and (min-width: 961px) { .fwd-max-client-block { font-size: 18px; } } .fwd-max-client-block input[type="checkbox"]{ margin-right: 10px; position: relative; appearance: none; -webkit-appearance: none; box-sizing: border-box; } .fwd-max-client-block input[type="checkbox"]::before{ --_size: 15px; content: ''; position: absolute; top: 0; left: 0; transform: translate(0, 6px); width: var(--_size); height: var(--_size); border-radius: 2.5px; border: 1px solid #8A9397; } .fwd-max-client-block input[type="checkbox"]:checked:before{ background-image: url(https://uat-fwdmax.fwd.com.hk/static/d94da667b57f70383fdafdf1bea8d16d.svg); background-position: center; background-size: contain; } .fwd-max-client-block input[type="checkbox"]:disabled::before{ background-color: #D1D1D1; } .fwd-max-client-block .clientblock{ display: grid; grid-template-columns: 25px auto 1fr 36px; margin-bottom: 5px; font-weight: bold; } .fwd-max-opt-tag{ grid-column: 3 / 4; } .fwd-max-text--has-policy{ font-size: 12px; color: var(--secondary-fwd-dark-green-20, #D1D6D4); text-align: center; font-weight: 400; line-height: normal; } .fwd-max-policy-status{ color: #E87722; text-align: center; } .fwd-max-opt-tag{ width: max-content; padding: 2px 4px; color: white; background-color: #596067; border-radius: 4px; font-size: 12px; font-weight: 500; line-height: normal; } .fwd-max-opt-tag[data-state="active"]{ color: #E87722; background-color: #FAE4D3; } .fwd-max-client-name:hover{ cursor: pointer; } .fwd-max-client-name{ text-decoration: underline; text-decoration-thickness: 10%; } .payment_logo{ display: flex; flex-wrap: wrap; gap: 10px 20px; align-items: center; img { min-width: 83px; max-height: 83px; height: auto; max-width: 160px; } } .alert-close-btn{ width: 10%; position: absolute; right: 5px; top: 10px; color: #FFF; cursor: pointer; } .enquiry-message{ min-height: 150px !important; display: flex; flex-direction: column; justify-content: center; border-bottom: 1px solid #a39c9c; } .enquiry-message-bottom{ float: right; min-height: 50px; padding-top: 12px; padding-right: 5px; } .enquiry-btn-box{ display: flex; flex-direction: column; gap: 8px; align-items: center; justify-content: center; min-height: 100px; } .enquiry-btn{ cursor: pointer; background-color: #FFF; color: #000; border: #F88028 2px solid; border-radius: 15px; width: 190px; padding: 10px 20px; } /* .btn{ background-image: linear-gradient(180deg, #f88028, #f84a1b); color: white; } .btn_promotion{ background-image: linear-gradient(180deg, #f88028, #f84a1b); color: white; } .btn.sns_login { color: white; } .btn:hover { border: 1px solid #f88028!important; background-color: #fff !important; color: #f88028 !important; background-image: unset; } .btn_promotion:hover{ border: 1px solid #f88028!important; background-color: #fff !important; color: #f88028 !important; background-image: unset; } */ .btn_disable{ background-color: #7C878E; color: white; border-radius: 1000px; width: 125px; }