.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, h1, h2, h3, h4, h5, h6 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft Yahei"; } /* ======================================================================== Component: Base ========================================================================== */ /* * 1. Set `font-size` to support `rem` units * Not using `font` property because a leading hyphen (e.g. -apple-system) causes the font to break in IE11 and Edge * 2. Prevent adjustments of font size after orientation changes in IE and iOS. * 3. Style */ html { font-size: 14px; font-weight: 400; line-height: 15; /* 2 */ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; /* 3 */ color: #666; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } /* * Removes default margin. */ body { margin: 0; font-size: 14px; color: #666; background-color: #ffffff; } /* Links ========================================================================== */ /* * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { /* 1 */ background-color: transparent; /* 2 */ -webkit-text-decoration-skip: objects; } /* * Remove the outline on focused links when they are also active or hovered */ a:active, a:hover { outline: none; } /* * Style */ a, .uk-link { color: #d0021b; text-decoration: none; cursor: pointer; } a:hover, .uk-link:hover { color: #4a90e2; } /* Text-level semantics ========================================================================== */ /* * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /* * 1. Prevent the duplicate application of `bolder` by the next rule in Safari 6. * 2. Add the correct font weight in Chrome, Edge, and Safari. */ /* 1 */ b, strong { font-weight: inherit; } /* 2 */ b, strong { font-weight: bolder; } /* * 1. Correct the odd `em` font sizing in all browsers. * 2. Consolas has a better baseline in running text compared to `Courier` * 3. Style */ :not(pre) > code, :not(pre) > kbd, :not(pre) > samp { /* 1 */ font-size: 11px; /* 2 */ font-family: Consolas, monaco, monospace; /* 3 */ color: #435DBA; white-space: nowrap; padding: 2px 6px; border: 1px solid #EBEBED; border-radius: 3px; } /* * Emphasize */ em { color: #4a90e2; } /* Preformatted text ========================================================================== */ /* * 1. Contain overflow in all browsers. * 2. Override UA */ pre { background: #ffffff; } pre code { font-family: Consolas, monaco, monospace; } /* Selection pseudo-element ========================================================================== */ ::-moz-selection { background: #4a90e2; text-shadow: none; } ::selection { background: #4a90e2; text-shadow: none; } /* ======================================================================== Component: Link ========================================================================== */ /* Muted ========================================================================== */ a.uk-link-muted, .uk-link-muted a { color: #999999; } a.uk-link-muted:hover, .uk-link-muted a:hover { color: #666; } /* Text ========================================================================== */ /* * `!important` needed to override inverse component */ a.uk-link-text:not(:hover), .uk-link-text a:not(:hover) { color: inherit !important; } a.uk-link-text:hover, .uk-link-text a:hover { color: #999999; } /* Hero ========================================================================== */ /* * 1. Using `inline-block` to make it work with text alignment * 2. Center vertically * 3. Style */ .uk-heading-bullet::before { content: ""; border-left: 4px solid #4a90e2; } /* Small ========================================================================== */ /* * Reset child height, caused by `inline-block` */ .uk-divider-small { line-height: 0; } .uk-divider-small::after { border-top: 2px solid #4a90e2; } /* ======================================================================== Component: List ========================================================================== */ .uk-list, .ap-child-list > ul { padding: 0; list-style: none; } .uk-list-striped > li:nth-of-type(odd) { background: #f2f2f2; } /* ======================================================================== Component: Description list ========================================================================== */ /* * Term */ .uk-description-list > dd { font-size: 14px; } /* Caption ========================================================================== */ .uk-table caption { color: #999999; } /* * Striped */ .uk-table-striped > tr:nth-of-type(odd), .uk-table-striped tbody tr:nth-of-type(odd) { background: #f2f2f2; } /* Style modifiers ========================================================================== */ /* * Link */ .uk-icon-link:hover, .uk-icon-link:focus { color: #4a90e2; outline: none; } /* * Button * 1. Center icon vertically and horizontally */ .uk-icon-button { background: #ffffff; } /* Hover + Focus */ .uk-icon-button:hover, .uk-icon-button:focus { background-color: #ffffff; color: #4a90e2; outline: none; } /* OnClick + Active */ .uk-icon-button:active, .uk-active > .uk-icon-button { background-color: #4a90e2; color: #ffffff; } /* Thumb ========================================================================== */ /* * 1. Reset * 2. Style */ /* Webkit */ .uk-range::-webkit-slider-thumb { background: #666; } /* Firefox */ .uk-range::-moz-range-thumb { background: #666; } /* Edge */ .uk-range::-ms-thumb { /* 1 */ margin-top: 0; } /* IE11 */ .uk-range::-ms-thumb { background: #666; } .uk-input, .uk-select, .uk-textarea { background: #ffffff; color: #666; } /* Focus */ .uk-input:focus, .uk-select:focus, .uk-textarea:focus { outline: none; background-color: #ffffff; } /* Disabled */ .uk-input:disabled, .uk-select:disabled, .uk-textarea:disabled { background-color: #f2f2f2; color: #999999; } /* * Placeholder */ .uk-input:-ms-input-placeholder { color: #999999 !important; } .uk-input::-moz-placeholder { color: #999999; } .uk-input::-webkit-input-placeholder { color: #999999; } .uk-textarea:-ms-input-placeholder { color: #999999 !important; } .uk-textarea::-moz-placeholder { color: #999999; } .uk-textarea::-webkit-input-placeholder { color: #999999; } .uk-form-danger, .uk-form-danger:focus { color: #f0506e; border-color: #f0506e !important; } /* * Success */ .uk-form-success, .uk-form-success:focus { color: #32d296; border-color: #32d296 !important; } /* * Blank */ .uk-form-blank { background: none; border-color: transparent !important; } .uk-form-blank:focus { border-color: #EBEBED !important; border-style: dashed; } /* * Checked */ .uk-radio:checked, .uk-checkbox:checked, .uk-checkbox:indeterminate { background-color: #4a90e2; border-color: transparent; } /* Label ========================================================================== */ /* Icons ========================================================================== */ .uk-form-icon { color: #999999; } /* * Required for `a`. */ .uk-form-icon:hover { color: #666; } /* OnClick + Active */ /* Style modifiers ========================================================================== */ /* * Default */ .uk-button-default { background-color: #ffffff; } /* Hover + Focus */ .uk-button-default:hover, .uk-button-default:focus { background-color: #ffffff; color: #4a90e2; } /* OnClick + Active */ .uk-button-default:active, .uk-button-default.uk-active { background-color: #4a90e2; color: #ffffff; } /* * Primary */ .uk-button-primary { background-color: #4a90e2; color: #ffffff; } /* Hover + Focus */ .uk-button-primary:hover, .uk-button-primary:focus { background-color: #000000; color: #ffffff; } /* OnClick + Active */ .uk-button-primary:active, .uk-button-primary.uk-active { color: #ffffff; } /* * Secondary */ .uk-button-secondary { color: #666; border: 1px solid #000000; } /* OnClick + Active */ .uk-button-secondary:active, .uk-button-secondary.uk-active { background-color: #4a90e2; color: #ffffff; border-color: #4a90e2; } /* * Danger */ .uk-button-danger { background-color: transparent; color: #f0506e; border: 1px solid #f0506e; } /* Hover + Focus */ .uk-button-danger:hover, .uk-button-danger:focus { background-color: transparent; } /* OnClick + Active */ .uk-button-danger:active, .uk-button-danger.uk-active { background-color: #f0506e; color: #ffffff; border-color: #f0506e; } /* * Disabled * The same for all style modifiers */ .uk-button-default:disabled, .uk-button-primary:disabled, .uk-button-secondary:disabled, .uk-button-danger:disabled { background-color: #f2f2f2; color: #999999; } /* Text modifiers ========================================================================== */ /* * Text * 1. Reset * 2. Style */ .uk-button-text { /* 1 */ padding: 0; line-height: 15; background: none; /* 2 */ position: relative; } /* Hover + Focus */ .uk-button-text:hover, .uk-button-text:focus { color: #4a90e2; } /* Disabled */ .uk-button-text:disabled { color: #999999; } /* * Link * 1. Reset * 2. Style */ .uk-button-link { /* 1 */ padding: 0; line-height: 15; background: none; /* 2 */ color: #d0021b; } /* Hover + Focus */ .uk-button-link:hover, .uk-button-link:focus { color: #4a90e2; } /* Disabled */ .uk-button-link:disabled { color: #999999; text-decoration: none; } /* Style modifiers ========================================================================== */ /* * Default */ .uk-section-default, .ap-container-default .uk-container { background: #ffffff; } /* * Primary */ .uk-section-primary, .ap-container-primary .uk-container { background: #4a90e2; } /* * Secondary */ .uk-section-secondary, .ap-container-secondary .uk-container { background: #000000; } .uk-section-muted, .ap-container-muted .uk-container { background: #f2f2f2; } /* Style modifiers ========================================================================== */ /* * Default */ .uk-tile-default { background: #ffffff; } /* * Muted */ .uk-tile-muted { background: #f2f2f2; } /* * Primary */ .uk-tile-primary { background: #4a90e2; } /* * Secondary */ .uk-tile-secondary { background: #000000; } /* ======================================================================== Component: Card ========================================================================== */ /* Badge ========================================================================== */ .uk-card-badge { color: #666; } /* * Remove margin from adjacent element */ .uk-card-badge:first-child + * { margin-top: 0; } /* Style modifiers ========================================================================== */ /* * Default * Note: Header and Footer are only implemented for the default style */ .uk-card-default { background: #ffffff; color: #666; } .uk-card-default.uk-card-hover:hover { background-color: #ffffff; } /* * Primary */ .uk-card-primary { background: #4a90e2; color: #ffffff; } .uk-card-primary .uk-card-title { color: #ffffff; } /* * Secondary */ .uk-card-secondary { background: #000000; color: #ffffff; } .uk-card-secondary .uk-card-title { color: #ffffff; } /* ======================================================================== Component: Close ========================================================================== */ /* Hover + Focus */ /* Hover + Focus */ .uk-totop:hover, .uk-totop:focus { outline: none; background-color: transparent; } /* OnClick */ .uk-totop:active { color: #4a90e2; background-color: transparent; } /* ======================================================================== Component: Marker ========================================================================== */ /* * Addopts `uk-icon` */ .uk-marker { padding: 5px; background: #000000; color: #ffffff; } /* Hover + Focus */ .uk-marker:hover, .uk-marker:focus { color: #ffffff; outline: none; } /* ======================================================================== Component: Alert ========================================================================== */ .uk-alert { position: relative; background: #ffffff; color: #333333; } /* Style modifiers ========================================================================== */ /* * Primary */ .uk-alert-primary { background: #ffffff; color: #4a90e2; } /* * Success */ .uk-alert-success { background: #ffffff; color: #32d296; } /* * Warning */ .uk-alert-warning { background: #ffffff; color: #faa05a; } /* * Danger */ .uk-alert-danger { background: #ffffff; color: #f0506e; } /* ======================================================================== Component: Badge ========================================================================== */ /* * 1. Style * 2. Center child vertically and horizontally */ .uk-badge { /* 1 */ background: #4a90e2; color: #ffffff; } /* * Required for `a` */ .uk-badge:hover, .uk-badge:focus { color: #ffffff; text-decoration: none; outline: none; } /* ======================================================================== Component: Label ========================================================================== */ .uk-label { background: #4a90e2; color: #ffffff; } /* Color modifiers ========================================================================== */ /* * Success */ .uk-label-success { background-color: #32d296; color: #ffffff; } /* * Warning */ .uk-label-warning { background-color: #faa05a; color: #ffffff; } /* * Danger */ .uk-label-danger { background-color: #f0506e; color: #ffffff; } /* ======================================================================== Component: Overlay ========================================================================== */ .uk-overlay { padding: 20px 20px; } /* * Remove margin from the last-child */ .uk-overlay > :last-child { margin-bottom: 0; } /* Title ========================================================================== */ /* Meta ========================================================================== */ .uk-article-meta { color: #999999; } .uk-article-meta a { color: #999999; } .uk-article-meta a:hover { color: #666; text-decoration: none; } /* Meta ========================================================================== */ .uk-comment-meta { color: #999999; } /* Style modifier ========================================================================== */ .uk-comment-primary { background-color: #f2f2f2; } .uk-search-input:focus { outline: none; } /* Placeholder */ .uk-search-input:-ms-input-placeholder { color: #999999 !important; } .uk-search-input::-moz-placeholder { color: #999999; } .uk-search-input::-webkit-input-placeholder { color: #999999; } /* Icon (Adopts `uk-icon`) ========================================================================== */ /* * Remove default focus style */ .uk-search-icon:focus { outline: none; } .uk-search .uk-search-icon { color: #999999; } /* * Required for `a`. */ .uk-search .uk-search-icon:hover { color: #999999; } /* Focus */ .uk-search-default .uk-search-input:focus { background-color: #ffffff; } /* Toggle ========================================================================== */ .uk-search-toggle { color: #999999; } /* Hover + Focus */ .uk-search-toggle:hover, .uk-search-toggle:focus { color: #666; } /* Parent icon modifier ========================================================================== */ .uk-nav-parent-icon > .uk-parent > a::after { content: ""; width: 15 em; height: 15 em; } /* * Items */ .uk-nav-default > li > a { color: #999999; } /* Hover + Focus */ .uk-nav-default > li > a:hover, .uk-nav-default > li > a:focus { color: #4a90e2; background-color: transparent; } /* Active */ .uk-nav-default > li.uk-active > a { background-color: transparent; } /* * Header */ /* * Sublists */ .uk-nav-default .uk-nav-sub a { color: #999999; } .uk-nav-default .uk-nav-sub a:hover, .uk-nav-default .uk-nav-sub a:focus { color: #666; } /* * Items */ .uk-nav-primary > li > a { line-height: 15; color: #999999; } /* Hover + Focus */ .uk-nav-primary > li > a:hover, .uk-nav-primary > li > a:focus { color: #4a90e2; } /* Active */ /* * Header */ /* * Sublists */ .uk-nav-primary .uk-nav-sub a { color: #999999; } .uk-nav-primary .uk-nav-sub a:hover, .uk-nav-primary .uk-nav-sub a:focus { color: #666; } /* * Nav items */ .uk-navbar-nav > li > a { color: #666; } .uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft Yahei"; } /* * Hover * Apply hover style also to focus state and if dropdown is opened */ .uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li > a.uk-open { color: #4a90e2; outline: none; } .uk-navbar-nav > li > a:hover::before { background-color: currentColor; } /* OnClick */ .uk-navbar-nav > li.uk-active > a::before { background-color: #4a90e2; } /* Item ========================================================================== */ .uk-navbar-item { color: #666; } /* Toggle ========================================================================== */ .uk-navbar-toggle:hover, .uk-navbar-toggle:focus, .uk-navbar-toggle.uk-open { color: #4a90e2; } /* Dropdown ========================================================================== */ /* * Adopts `uk-dropdown` * 1. Hide by default * 2. Set position * 3. Set a default width * 4. Style */ .uk-navbar-dropdown { background: #ffffff; color: #666; } /* * Items */ .uk-navbar-dropdown-nav > li > a { color: #999999; padding: 5px 0; } /* Hover + Focus */ .uk-navbar-dropdown-nav > li > a:hover, .uk-navbar-dropdown-nav > li > a:focus { color: #4a90e2; background-color: transparent; } /* Active */ /* * Sublists */ .uk-navbar-dropdown-nav .uk-nav-sub a { color: #999999; } .uk-navbar-dropdown-nav .uk-nav-sub a:hover, .uk-navbar-dropdown-nav .uk-nav-sub a:focus { color: #666; } /* Dropbar ========================================================================== */ .uk-navbar-dropbar { position: relative; background: #ffffff; overflow: hidden; } /* Items ========================================================================== */ /* * Items must target `a` elements to exclude other elements (e.g. dropdowns) * Using `:first-child` instead of `a` to support `span` elements for text * 1. Prevent gap if child element is `inline-block`, e.g. an icon * 2. Style */ .uk-subnav > * > :first-child { color: #999999; } /* Hover + Focus */ .uk-subnav > * > a:hover, .uk-subnav > * > a:focus { color: #666; text-decoration: none; outline: none; } /* Active */ /* Pill modifier ========================================================================== */ .uk-subnav-pill > * > :first-child { color: #999999; } /* Hover + Focus */ .uk-subnav-pill > * > a:hover, .uk-subnav-pill > * > a:focus { background-color: #ffffff; color: #666; } /* OnClick */ .uk-subnav-pill > * > a:active { background-color: #ffffff; } /* Active */ .uk-subnav-pill > .uk-active > a { background-color: #4a90e2; color: #ffffff; } /* Disabled * The same for all style modifiers ========================================================================== */ .uk-subnav > .uk-disabled > a { color: #999999; } /* Items ========================================================================== */ .uk-breadcrumb > * > * { color: #999999; } /* Hover + Focus */ .uk-breadcrumb > * > :hover, .uk-breadcrumb > * > :focus { color: #666; text-decoration: none; } /* Disabled */ .uk-breadcrumb > .uk-disabled > * { color: #999999; } /* Active */ /* Items ========================================================================== */ /* * 1. Prevent gap if child element is `inline-block`, e.g. an icon * 2. Style */ .uk-pagination > * > * { color: #999999; } /* Hover + Focus */ .uk-pagination > * > :hover, .uk-pagination > * > :focus { background-color: #ffffff; } /* Active */ .uk-pagination > .uk-active > * { color: #4a90e2; background-color: transparent; } /* Disabled */ .uk-pagination > .uk-disabled > * { color: #999999; background-color: transparent; } /* Items ========================================================================== */ /* * Items must target `a` elements to exclude other elements (e.g. dropdowns) * 1. Center text if a width is set * 2. Style */ .uk-tab > * > a { color: #999999; } /* Hover + Focus */ .uk-tab > * > a:hover, .uk-tab > * > a:focus { color: #666; text-decoration: none; border-color: transparent; } /* Active */ .uk-tab > .uk-active > a { border-color: #4a90e2; } /* Disabled */ .uk-tab > .uk-disabled > a { color: #999999; } /* Items ========================================================================== */ /* Hover + Focus */ .uk-dotnav > * > :hover, .uk-dotnav > * > :focus { background-color: rgba(248, 108, 74, 0.4); outline: none; border-color: transparent; } /* OnClick */ .uk-dotnav > * > :active { background-color: #4a90e2; border-color: transparent; } /* Active */ .uk-dotnav > .uk-active > * { background-color: #4a90e2; border-color: transparent; } /* ======================================================================== Component: Dropdown ========================================================================== */ .uk-dropdown { background: #ffffff; color: #666; } /* * Items */ .uk-dropdown-nav > li > a { color: #999999; } /* Hover + Focus + Active */ .uk-dropdown-nav > li > a:hover, .uk-dropdown-nav > li > a:focus, .uk-dropdown-nav > li.uk-active > a { background-color: transparent; } /* * Header */ .uk-dropdown-nav .uk-nav-header { color: #4a90e2; } /* * Sublists */ .uk-dropdown-nav .uk-nav-sub a { color: #999999; } .uk-dropdown-nav .uk-nav-sub a:hover, .uk-dropdown-nav .uk-nav-sub a:focus { color: #4a90e2; } /* Dialog ========================================================================== */ /* * 1. Create position context for spinner and close button * 2. Dimensions * 3. Fix `max-width: 100%` not working in combination with flex and responsive images in IE11 * `!important` needed to overwrite `uk-width-auto`. See `#modal-media-image` in tests * 4. Style * 5. Slide-in transition */ .uk-modal-dialog { background: #ffffff; } /* * Open */ .uk-open > .uk-modal-dialog { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } /* Message ========================================================================== */ .uk-notification-message { background: #f2f2f2; color: #666; } /* Style modifiers ========================================================================== */ /* * Primary */ .uk-notification-message-primary { color: #4a90e2; } /* * Success */ .uk-notification-message-success { color: #32d296; } /* * Warning */ .uk-notification-message-warning { color: #faa05a; } /* * Danger */ .uk-notification-message-danger { color: #f0506e; } /* ======================================================================== Component: Tooltip ========================================================================== */ .uk-tooltip { /* 4 */ background: #4a90e2; color: #ffffff; } /* * Remove animated circles for indeterminate state in IE11 and Edge */ .uk-progress:indeterminate { color: transparent; } /* * Progress container * 2. Remove progress bar for indeterminate state in Firefox */ .uk-progress::-webkit-progress-bar { background-color: #f2f2f2; border-radius: 500px; overflow: hidden; } /* * Progress bar * 1. Remove right border in IE11 and Edge */ .uk-progress::-webkit-progress-value { background-color: #4a90e2; } .uk-progress::-moz-progress-bar { background-color: #4a90e2; } .uk-progress::-ms-fill { background-color: #4a90e2; } /* ======================================================================== Component: Text ========================================================================== */ /* Style modifiers ========================================================================== */ .uk-text-meta { color: #999999; } .uk-text-meta a { color: #999999; } .uk-text-meta a:hover { color: #666; text-decoration: none; } /* Size modifiers ========================================================================== */ .uk-text-small { font-size: 12px; line-height: 1.5; } .uk-text-large { font-size: 20px; line-height: 1.5; } /* Weight modifier ========================================================================== */ .uk-text-bold { font-weight: bolder; } /* Transform modifier ========================================================================== */ .uk-text-uppercase { text-transform: uppercase !important; } .uk-text-capitalize { text-transform: capitalize !important; } .uk-text-lowercase { text-transform: lowercase !important; } /* Color modifiers ========================================================================== */ .uk-text-muted { color: #999999 !important; } .uk-text-primary { color: #4a90e2 !important; } .uk-text-success { color: #32d296 !important; } .uk-text-warning { color: #faa05a !important; } .uk-text-danger { color: #f0506e !important; } /* Background modifier */ .uk-text-background { color: #4a90e2 !important; } @supports (-webkit-background-clip: text) { .uk-text-background { background-color: #4a90e2; } } /* ======================================================================== Component: Background ========================================================================== */ /* Color ========================================================================== */ .uk-background-default { background-color: #ffffff; } .uk-background-muted { background-color: #f2f2f2; } .uk-background-primary { background-color: #4a90e2; } .uk-background-secondary { background-color: #000000; } /* ======================================================================== Component: Inverse ========================================================================== */ .uk-light a, .uk-light .uk-link, .uk-section-primary:not(.uk-preserve-color) a, .uk-section-primary:not(.uk-preserve-color) .uk-link, .uk-section-secondary:not(.uk-preserve-color) a, .uk-section-secondary:not(.uk-preserve-color) .uk-link, .uk-tile-primary:not(.uk-preserve-color) a, .uk-tile-primary:not(.uk-preserve-color) .uk-link, .uk-tile-secondary:not(.uk-preserve-color) a, .uk-tile-secondary:not(.uk-preserve-color) .uk-link, .uk-card-primary.uk-card-body a, .uk-card-primary.uk-card-body .uk-link, .uk-card-primary > :not([class*='uk-card-media']) a, .uk-card-primary > :not([class*='uk-card-media']) .uk-link, .uk-card-secondary.uk-card-body a, .uk-card-secondary.uk-card-body .uk-link, .uk-card-secondary > :not([class*='uk-card-media']) a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link, .uk-overlay-primary a, .uk-overlay-primary .uk-link, .ap-toolbar a, .ap-toolbar .uk-link { color: #ffffff; } .uk-light a:hover, .uk-light .uk-link:hover, .uk-section-primary:not(.uk-preserve-color) a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link:hover, .uk-section-secondary:not(.uk-preserve-color) a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link:hover, .uk-tile-primary:not(.uk-preserve-color) a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link:hover, .uk-tile-secondary:not(.uk-preserve-color) a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover, .uk-card-primary.uk-card-body a:hover, .uk-card-primary.uk-card-body .uk-link:hover, .uk-card-primary > :not([class*='uk-card-media']) a:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-link:hover, .uk-card-secondary.uk-card-body a:hover, .uk-card-secondary.uk-card-body .uk-link:hover, .uk-card-secondary > :not([class*='uk-card-media']) a:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link:hover, .uk-overlay-primary a:hover, .uk-overlay-primary .uk-link:hover, .ap-toolbar a:hover, .ap-toolbar .uk-link:hover { color: #ffffff; } .uk-light em, .uk-section-primary:not(.uk-preserve-color) em, .uk-section-secondary:not(.uk-preserve-color) em, .uk-tile-primary:not(.uk-preserve-color) em, .uk-tile-secondary:not(.uk-preserve-color) em, .uk-card-primary.uk-card-body em, .uk-card-primary > :not([class*='uk-card-media']) em, .uk-card-secondary.uk-card-body em, .uk-card-secondary > :not([class*='uk-card-media']) em, .uk-overlay-primary em, .ap-toolbar em { color: #ffffff; } .uk-light h1, .uk-light .uk-h1, .uk-light h2, .uk-light .uk-h2, .uk-light h3, .uk-light .uk-h3, .uk-light h4, .uk-light .uk-h4, .uk-light h5, .uk-light .uk-h5, .uk-light h6, .uk-light .uk-h6, .uk-section-primary:not(.uk-preserve-color) h1, .uk-section-primary:not(.uk-preserve-color) .uk-h1, .uk-section-primary:not(.uk-preserve-color) h2, .uk-section-primary:not(.uk-preserve-color) .uk-h2, .uk-section-primary:not(.uk-preserve-color) h3, .uk-section-primary:not(.uk-preserve-color) .uk-h3, .uk-section-primary:not(.uk-preserve-color) h4, .uk-section-primary:not(.uk-preserve-color) .uk-h4, .uk-section-primary:not(.uk-preserve-color) h5, .uk-section-primary:not(.uk-preserve-color) .uk-h5, .uk-section-primary:not(.uk-preserve-color) h6, .uk-section-primary:not(.uk-preserve-color) .uk-h6, .uk-section-secondary:not(.uk-preserve-color) h1, .uk-section-secondary:not(.uk-preserve-color) .uk-h1, .uk-section-secondary:not(.uk-preserve-color) h2, .uk-section-secondary:not(.uk-preserve-color) .uk-h2, .uk-section-secondary:not(.uk-preserve-color) h3, .uk-section-secondary:not(.uk-preserve-color) .uk-h3, .uk-section-secondary:not(.uk-preserve-color) h4, .uk-section-secondary:not(.uk-preserve-color) .uk-h4, .uk-section-secondary:not(.uk-preserve-color) h5, .uk-section-secondary:not(.uk-preserve-color) .uk-h5, .uk-section-secondary:not(.uk-preserve-color) h6, .uk-section-secondary:not(.uk-preserve-color) .uk-h6, .uk-tile-primary:not(.uk-preserve-color) h1, .uk-tile-primary:not(.uk-preserve-color) .uk-h1, .uk-tile-primary:not(.uk-preserve-color) h2, .uk-tile-primary:not(.uk-preserve-color) .uk-h2, .uk-tile-primary:not(.uk-preserve-color) h3, .uk-tile-primary:not(.uk-preserve-color) .uk-h3, .uk-tile-primary:not(.uk-preserve-color) h4, .uk-tile-primary:not(.uk-preserve-color) .uk-h4, .uk-tile-primary:not(.uk-preserve-color) h5, .uk-tile-primary:not(.uk-preserve-color) .uk-h5, .uk-tile-primary:not(.uk-preserve-color) h6, .uk-tile-primary:not(.uk-preserve-color) .uk-h6, .uk-tile-secondary:not(.uk-preserve-color) h1, .uk-tile-secondary:not(.uk-preserve-color) .uk-h1, .uk-tile-secondary:not(.uk-preserve-color) h2, .uk-tile-secondary:not(.uk-preserve-color) .uk-h2, .uk-tile-secondary:not(.uk-preserve-color) h3, .uk-tile-secondary:not(.uk-preserve-color) .uk-h3, .uk-tile-secondary:not(.uk-preserve-color) h4, .uk-tile-secondary:not(.uk-preserve-color) .uk-h4, .uk-tile-secondary:not(.uk-preserve-color) h5, .uk-tile-secondary:not(.uk-preserve-color) .uk-h5, .uk-tile-secondary:not(.uk-preserve-color) h6, .uk-tile-secondary:not(.uk-preserve-color) .uk-h6, .uk-card-primary.uk-card-body h1, .uk-card-primary.uk-card-body .uk-h1, .uk-card-primary.uk-card-body h2, .uk-card-primary.uk-card-body .uk-h2, .uk-card-primary.uk-card-body h3, .uk-card-primary.uk-card-body .uk-h3, .uk-card-primary.uk-card-body h4, .uk-card-primary.uk-card-body .uk-h4, .uk-card-primary.uk-card-body h5, .uk-card-primary.uk-card-body .uk-h5, .uk-card-primary.uk-card-body h6, .uk-card-primary.uk-card-body .uk-h6, .uk-card-primary > :not([class*='uk-card-media']) h1, .uk-card-primary > :not([class*='uk-card-media']) .uk-h1, .uk-card-primary > :not([class*='uk-card-media']) h2, .uk-card-primary > :not([class*='uk-card-media']) .uk-h2, .uk-card-primary > :not([class*='uk-card-media']) h3, .uk-card-primary > :not([class*='uk-card-media']) .uk-h3, .uk-card-primary > :not([class*='uk-card-media']) h4, .uk-card-primary > :not([class*='uk-card-media']) .uk-h4, .uk-card-primary > :not([class*='uk-card-media']) h5, .uk-card-primary > :not([class*='uk-card-media']) .uk-h5, .uk-card-primary > :not([class*='uk-card-media']) h6, .uk-card-primary > :not([class*='uk-card-media']) .uk-h6, .uk-card-secondary.uk-card-body h1, .uk-card-secondary.uk-card-body .uk-h1, .uk-card-secondary.uk-card-body h2, .uk-card-secondary.uk-card-body .uk-h2, .uk-card-secondary.uk-card-body h3, .uk-card-secondary.uk-card-body .uk-h3, .uk-card-secondary.uk-card-body h4, .uk-card-secondary.uk-card-body .uk-h4, .uk-card-secondary.uk-card-body h5, .uk-card-secondary.uk-card-body .uk-h5, .uk-card-secondary.uk-card-body h6, .uk-card-secondary.uk-card-body .uk-h6, .uk-card-secondary > :not([class*='uk-card-media']) h1, .uk-card-secondary > :not([class*='uk-card-media']) .uk-h1, .uk-card-secondary > :not([class*='uk-card-media']) h2, .uk-card-secondary > :not([class*='uk-card-media']) .uk-h2, .uk-card-secondary > :not([class*='uk-card-media']) h3, .uk-card-secondary > :not([class*='uk-card-media']) .uk-h3, .uk-card-secondary > :not([class*='uk-card-media']) h4, .uk-card-secondary > :not([class*='uk-card-media']) .uk-h4, .uk-card-secondary > :not([class*='uk-card-media']) h5, .uk-card-secondary > :not([class*='uk-card-media']) .uk-h5, .uk-card-secondary > :not([class*='uk-card-media']) h6, .uk-card-secondary > :not([class*='uk-card-media']) .uk-h6, .uk-overlay-primary h1, .uk-overlay-primary .uk-h1, .uk-overlay-primary h2, .uk-overlay-primary .uk-h2, .uk-overlay-primary h3, .uk-overlay-primary .uk-h3, .uk-overlay-primary h4, .uk-overlay-primary .uk-h4, .uk-overlay-primary h5, .uk-overlay-primary .uk-h5, .uk-overlay-primary h6, .uk-overlay-primary .uk-h6, .ap-toolbar h1, .ap-toolbar .uk-h1, .ap-toolbar h2, .ap-toolbar .uk-h2, .ap-toolbar h3, .ap-toolbar .uk-h3, .ap-toolbar h4, .ap-toolbar .uk-h4, .ap-toolbar h5, .ap-toolbar .uk-h5, .ap-toolbar h6, .ap-toolbar .uk-h6 { color: #ffffff; } .uk-light blockquote, .uk-section-primary:not(.uk-preserve-color) blockquote, .uk-section-secondary:not(.uk-preserve-color) blockquote, .uk-tile-primary:not(.uk-preserve-color) blockquote, .uk-tile-secondary:not(.uk-preserve-color) blockquote, .uk-card-primary.uk-card-body blockquote, .uk-card-primary > :not([class*='uk-card-media']) blockquote, .uk-card-secondary.uk-card-body blockquote, .uk-card-secondary > :not([class*='uk-card-media']) blockquote, .uk-overlay-primary blockquote, .ap-toolbar blockquote { color: #ffffff; } .uk-light .uk-heading-primary, .uk-section-primary:not(.uk-preserve-color) .uk-heading-primary, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-primary, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-primary, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-primary, .uk-card-primary.uk-card-body .uk-heading-primary, .uk-card-primary > :not([class*='uk-card-media']) .uk-heading-primary, .uk-card-secondary.uk-card-body .uk-heading-primary, .uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-primary, .uk-overlay-primary .uk-heading-primary, .ap-toolbar .uk-heading-primary { color: #ffffff; } .uk-light .uk-heading-hero, .uk-section-primary:not(.uk-preserve-color) .uk-heading-hero, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-hero, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-hero, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-hero, .uk-card-primary.uk-card-body .uk-heading-hero, .uk-card-primary > :not([class*='uk-card-media']) .uk-heading-hero, .uk-card-secondary.uk-card-body .uk-heading-hero, .uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-hero, .uk-overlay-primary .uk-heading-hero, .ap-toolbar .uk-heading-hero { color: #ffffff; } .uk-light .uk-icon-button, .uk-section-primary:not(.uk-preserve-color) .uk-icon-button, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-button, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-button, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button, .uk-card-primary.uk-card-body .uk-icon-button, .uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button, .uk-card-secondary.uk-card-body .uk-icon-button, .uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button, .uk-overlay-primary .uk-icon-button, .ap-toolbar .uk-icon-button { background-color: #ffffff; background-image: none; } .uk-light .uk-radio:checked, .uk-light .uk-checkbox:checked, .uk-light .uk-checkbox:indeterminate, .uk-section-primary:not(.uk-preserve-color) .uk-radio:checked, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-card-primary.uk-card-body .uk-radio:checked, .uk-card-primary.uk-card-body .uk-checkbox:checked, .uk-card-primary.uk-card-body .uk-checkbox:indeterminate, .uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked, .uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked, .uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, .uk-card-secondary.uk-card-body .uk-radio:checked, .uk-card-secondary.uk-card-body .uk-checkbox:checked, .uk-card-secondary.uk-card-body .uk-checkbox:indeterminate, .uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked, .uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked, .uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, .uk-overlay-primary .uk-radio:checked, .uk-overlay-primary .uk-checkbox:checked, .uk-overlay-primary .uk-checkbox:indeterminate, .ap-toolbar .uk-radio:checked, .ap-toolbar .uk-checkbox:checked, .ap-toolbar .uk-checkbox:indeterminate { background-color: #ffffff; border-color: transparent; } .uk-light .uk-form-label, .uk-section-primary:not(.uk-preserve-color) .uk-form-label, .uk-section-secondary:not(.uk-preserve-color) .uk-form-label, .uk-tile-primary:not(.uk-preserve-color) .uk-form-label, .uk-tile-secondary:not(.uk-preserve-color) .uk-form-label, .uk-card-primary.uk-card-body .uk-form-label, .uk-card-primary > :not([class*='uk-card-media']) .uk-form-label, .uk-card-secondary.uk-card-body .uk-form-label, .uk-card-secondary > :not([class*='uk-card-media']) .uk-form-label, .uk-overlay-primary .uk-form-label, .ap-toolbar .uk-form-label { color: #ffffff; } .uk-light .uk-button-default, .uk-section-primary:not(.uk-preserve-color) .uk-button-default, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default, .uk-card-primary.uk-card-body .uk-button-default, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-default, .uk-card-secondary.uk-card-body .uk-button-default, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default, .uk-overlay-primary .uk-button-default, .ap-toolbar .uk-button-default { background-color: #ffffff; border-color: transparent; background-image: none; box-shadow: none; } .uk-light .uk-button-default:hover, .uk-light .uk-button-default:focus, .uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-default:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:focus, .uk-card-primary.uk-card-body .uk-button-default:hover, .uk-card-primary.uk-card-body .uk-button-default:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:focus, .uk-card-secondary.uk-card-body .uk-button-default:hover, .uk-card-secondary.uk-card-body .uk-button-default:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:focus, .uk-overlay-primary .uk-button-default:hover, .uk-overlay-primary .uk-button-default:focus, .ap-toolbar .uk-button-default:hover, .ap-toolbar .uk-button-default:focus { background-color: #ffffff; color: #4a90e2; border-color: transparent; box-shadow: none; } .uk-light .uk-button-default:active, .uk-light .uk-button-default.uk-active, .uk-section-primary:not(.uk-preserve-color) .uk-button-default:active, .uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active, .uk-card-primary.uk-card-body .uk-button-default:active, .uk-card-primary.uk-card-body .uk-button-default.uk-active, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:active, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-default.uk-active, .uk-card-secondary.uk-card-body .uk-button-default:active, .uk-card-secondary.uk-card-body .uk-button-default.uk-active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default.uk-active, .uk-overlay-primary .uk-button-default:active, .uk-overlay-primary .uk-button-default.uk-active, .ap-toolbar .uk-button-default:active, .ap-toolbar .uk-button-default.uk-active { background-color: #4a90e2; color: #ffffff; border-color: transparent; } .uk-light .uk-button-primary, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary, .uk-card-primary.uk-card-body .uk-button-primary, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary, .uk-card-secondary.uk-card-body .uk-button-primary, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary, .uk-overlay-primary .uk-button-primary, .ap-toolbar .uk-button-primary { background-color: #4a90e2; color: #ffffff; border-color: transparent; background-image: none; box-shadow: none; } .uk-light .uk-button-primary:hover, .uk-light .uk-button-primary:focus, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:focus, .uk-card-primary.uk-card-body .uk-button-primary:hover, .uk-card-primary.uk-card-body .uk-button-primary:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:focus, .uk-card-secondary.uk-card-body .uk-button-primary:hover, .uk-card-secondary.uk-card-body .uk-button-primary:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:focus, .uk-overlay-primary .uk-button-primary:hover, .uk-overlay-primary .uk-button-primary:focus, .ap-toolbar .uk-button-primary:hover, .ap-toolbar .uk-button-primary:focus { color: #ffffff; border-color: transparent; box-shadow: none; } .uk-light .uk-button-primary:active, .uk-light .uk-button-primary.uk-active, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active, .uk-card-primary.uk-card-body .uk-button-primary:active, .uk-card-primary.uk-card-body .uk-button-primary.uk-active, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:active, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary.uk-active, .uk-card-secondary.uk-card-body .uk-button-primary:active, .uk-card-secondary.uk-card-body .uk-button-primary.uk-active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary.uk-active, .uk-overlay-primary .uk-button-primary:active, .uk-overlay-primary .uk-button-primary.uk-active, .ap-toolbar .uk-button-primary:active, .ap-toolbar .uk-button-primary.uk-active { color: #ffffff; border-color: transparent; } .uk-light .uk-button-secondary, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary, .uk-card-primary.uk-card-body .uk-button-secondary, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary, .uk-card-secondary.uk-card-body .uk-button-secondary, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary, .uk-overlay-primary .uk-button-secondary, .ap-toolbar .uk-button-secondary { background-color: transparent; border-color: #ffffff; background-image: none; box-shadow: none; } .uk-light .uk-button-secondary:hover, .uk-light .uk-button-secondary:focus, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:focus, .uk-card-primary.uk-card-body .uk-button-secondary:hover, .uk-card-primary.uk-card-body .uk-button-secondary:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:focus, .uk-card-secondary.uk-card-body .uk-button-secondary:hover, .uk-card-secondary.uk-card-body .uk-button-secondary:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:focus, .uk-overlay-primary .uk-button-secondary:hover, .uk-overlay-primary .uk-button-secondary:focus, .ap-toolbar .uk-button-secondary:hover, .ap-toolbar .uk-button-secondary:focus { background-color: transparent; color: #ffffff; box-shadow: none; } .uk-light .uk-button-secondary:active, .uk-light .uk-button-secondary.uk-active, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active, .uk-card-primary.uk-card-body .uk-button-secondary:active, .uk-card-primary.uk-card-body .uk-button-secondary.uk-active, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:active, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary.uk-active, .uk-card-secondary.uk-card-body .uk-button-secondary:active, .uk-card-secondary.uk-card-body .uk-button-secondary.uk-active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary.uk-active, .uk-overlay-primary .uk-button-secondary:active, .uk-overlay-primary .uk-button-secondary.uk-active, .ap-toolbar .uk-button-secondary:active, .ap-toolbar .uk-button-secondary.uk-active { background-color: #ffffff; border-color: #ffffff; } .uk-light .uk-button-text, .uk-section-primary:not(.uk-preserve-color) .uk-button-text, .uk-section-secondary:not(.uk-preserve-color) .uk-button-text, .uk-tile-primary:not(.uk-preserve-color) .uk-button-text, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-text, .uk-card-primary.uk-card-body .uk-button-text, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-text, .uk-card-secondary.uk-card-body .uk-button-text, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text, .uk-overlay-primary .uk-button-text, .ap-toolbar .uk-button-text { color: #ffffff; } .uk-light .uk-totop:active, .uk-section-primary:not(.uk-preserve-color) .uk-totop:active, .uk-section-secondary:not(.uk-preserve-color) .uk-totop:active, .uk-tile-primary:not(.uk-preserve-color) .uk-totop:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active, .uk-card-primary.uk-card-body .uk-totop:active, .uk-card-primary > :not([class*='uk-card-media']) .uk-totop:active, .uk-card-secondary.uk-card-body .uk-totop:active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-totop:active, .uk-overlay-primary .uk-totop:active, .ap-toolbar .uk-totop:active { color: #ffffff; background-color: transparent; } .uk-light .uk-marker, .uk-section-primary:not(.uk-preserve-color) .uk-marker, .uk-section-secondary:not(.uk-preserve-color) .uk-marker, .uk-tile-primary:not(.uk-preserve-color) .uk-marker, .uk-tile-secondary:not(.uk-preserve-color) .uk-marker, .uk-card-primary.uk-card-body .uk-marker, .uk-card-primary > :not([class*='uk-card-media']) .uk-marker, .uk-card-secondary.uk-card-body .uk-marker, .uk-card-secondary > :not([class*='uk-card-media']) .uk-marker, .uk-overlay-primary .uk-marker, .ap-toolbar .uk-marker { background: #f2f2f2; color: #666; } .uk-light .uk-marker:hover, .uk-light .uk-marker:focus, .uk-section-primary:not(.uk-preserve-color) .uk-marker:hover, .uk-section-primary:not(.uk-preserve-color) .uk-marker:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-marker:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-marker:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-marker:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-marker:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-marker:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-marker:focus, .uk-card-primary.uk-card-body .uk-marker:hover, .uk-card-primary.uk-card-body .uk-marker:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-marker:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-marker:focus, .uk-card-secondary.uk-card-body .uk-marker:hover, .uk-card-secondary.uk-card-body .uk-marker:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-marker:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-marker:focus, .uk-overlay-primary .uk-marker:hover, .uk-overlay-primary .uk-marker:focus, .ap-toolbar .uk-marker:hover, .ap-toolbar .uk-marker:focus { color: #666; } .uk-light .uk-badge, .uk-section-primary:not(.uk-preserve-color) .uk-badge, .uk-section-secondary:not(.uk-preserve-color) .uk-badge, .uk-tile-primary:not(.uk-preserve-color) .uk-badge, .uk-tile-secondary:not(.uk-preserve-color) .uk-badge, .uk-card-primary.uk-card-body .uk-badge, .uk-card-primary > :not([class*='uk-card-media']) .uk-badge, .uk-card-secondary.uk-card-body .uk-badge, .uk-card-secondary > :not([class*='uk-card-media']) .uk-badge, .uk-overlay-primary .uk-badge, .ap-toolbar .uk-badge { background-color: #ffffff; } .uk-light .uk-label, .uk-section-primary:not(.uk-preserve-color) .uk-label, .uk-section-secondary:not(.uk-preserve-color) .uk-label, .uk-tile-primary:not(.uk-preserve-color) .uk-label, .uk-tile-secondary:not(.uk-preserve-color) .uk-label, .uk-card-primary.uk-card-body .uk-label, .uk-card-primary > :not([class*='uk-card-media']) .uk-label, .uk-card-secondary.uk-card-body .uk-label, .uk-card-secondary > :not([class*='uk-card-media']) .uk-label, .uk-overlay-primary .uk-label, .ap-toolbar .uk-label { background-color: #ffffff; } .uk-light .uk-article-title, .uk-section-primary:not(.uk-preserve-color) .uk-article-title, .uk-section-secondary:not(.uk-preserve-color) .uk-article-title, .uk-tile-primary:not(.uk-preserve-color) .uk-article-title, .uk-tile-secondary:not(.uk-preserve-color) .uk-article-title, .uk-card-primary.uk-card-body .uk-article-title, .uk-card-primary > :not([class*='uk-card-media']) .uk-article-title, .uk-card-secondary.uk-card-body .uk-article-title, .uk-card-secondary > :not([class*='uk-card-media']) .uk-article-title, .uk-overlay-primary .uk-article-title, .ap-toolbar .uk-article-title { color: #ffffff; } .uk-light .uk-nav-default > li > a:hover, .uk-light .uk-nav-default > li > a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:focus, .uk-card-primary.uk-card-body .uk-nav-default > li > a:hover, .uk-card-primary.uk-card-body .uk-nav-default > li > a:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a:focus, .uk-card-secondary.uk-card-body .uk-nav-default > li > a:hover, .uk-card-secondary.uk-card-body .uk-nav-default > li > a:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a:focus, .uk-overlay-primary .uk-nav-default > li > a:hover, .uk-overlay-primary .uk-nav-default > li > a:focus, .ap-toolbar .uk-nav-default > li > a:hover, .ap-toolbar .uk-nav-default > li > a:focus { color: rgba(197, 57, 15, 0.7); background-color: transparent; } .uk-light .uk-nav-default > li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, .uk-card-primary.uk-card-body .uk-nav-default > li.uk-active > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li.uk-active > a, .uk-card-secondary.uk-card-body .uk-nav-default > li.uk-active > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li.uk-active > a, .uk-overlay-primary .uk-nav-default > li.uk-active > a, .ap-toolbar .uk-nav-default > li.uk-active > a { color: #ffffff; background-color: transparent; } .uk-light .uk-nav-default .uk-nav-header, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-header, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-header, .uk-overlay-primary .uk-nav-default .uk-nav-header, .ap-toolbar .uk-nav-default .uk-nav-header { color: #ffffff; } .uk-light .uk-nav-primary > li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, .uk-card-primary.uk-card-body .uk-nav-primary > li.uk-active > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li.uk-active > a, .uk-card-secondary.uk-card-body .uk-nav-primary > li.uk-active > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li.uk-active > a, .uk-overlay-primary .uk-nav-primary > li.uk-active > a, .ap-toolbar .uk-nav-primary > li.uk-active > a { color: #ffffff; } .uk-light .uk-nav-primary .uk-nav-header, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-header, .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-header, .uk-overlay-primary .uk-nav-primary .uk-nav-header, .ap-toolbar .uk-nav-primary .uk-nav-header { color: #ffffff; } .uk-light .uk-navbar-nav > li > a::before, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a::before, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a::before, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a::before, .uk-card-primary.uk-card-body .uk-navbar-nav > li > a::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a::before, .uk-card-secondary.uk-card-body .uk-navbar-nav > li > a::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a::before, .uk-overlay-primary .uk-navbar-nav > li > a::before, .ap-toolbar .uk-navbar-nav > li > a::before { background-color: transparent; } .uk-light .uk-navbar-nav > li:hover > a, .uk-light .uk-navbar-nav > li > a:focus, .uk-light .uk-navbar-nav > li > a.uk-open, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open, .uk-card-primary.uk-card-body .uk-navbar-nav > li:hover > a, .uk-card-primary.uk-card-body .uk-navbar-nav > li > a:focus, .uk-card-primary.uk-card-body .uk-navbar-nav > li > a.uk-open, .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li:hover > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a.uk-open, .uk-card-secondary.uk-card-body .uk-navbar-nav > li:hover > a, .uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:focus, .uk-card-secondary.uk-card-body .uk-navbar-nav > li > a.uk-open, .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li:hover > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a.uk-open, .uk-overlay-primary .uk-navbar-nav > li:hover > a, .uk-overlay-primary .uk-navbar-nav > li > a:focus, .uk-overlay-primary .uk-navbar-nav > li > a.uk-open, .ap-toolbar .uk-navbar-nav > li:hover > a, .ap-toolbar .uk-navbar-nav > li > a:focus, .ap-toolbar .uk-navbar-nav > li > a.uk-open { color: #ffffff; } .uk-light .uk-navbar-nav > li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, .uk-card-primary.uk-card-body .uk-navbar-nav > li.uk-active > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li.uk-active > a, .uk-card-secondary.uk-card-body .uk-navbar-nav > li.uk-active > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li.uk-active > a, .uk-overlay-primary .uk-navbar-nav > li.uk-active > a, .ap-toolbar .uk-navbar-nav > li.uk-active > a { color: #ffffff; } .uk-light .uk-navbar-nav > li.uk-active > a::before, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a::before, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a::before, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a::before, .uk-card-primary.uk-card-body .uk-navbar-nav > li.uk-active > a::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li.uk-active > a::before, .uk-card-secondary.uk-card-body .uk-navbar-nav > li.uk-active > a::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li.uk-active > a::before, .uk-overlay-primary .uk-navbar-nav > li.uk-active > a::before, .ap-toolbar .uk-navbar-nav > li.uk-active > a::before { background-color: #4a90e2; } .uk-light .uk-navbar-toggle, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle, .uk-card-primary.uk-card-body .uk-navbar-toggle, .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle, .uk-card-secondary.uk-card-body .uk-navbar-toggle, .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle, .uk-overlay-primary .uk-navbar-toggle, .ap-toolbar .uk-navbar-toggle { color: #ffffff; } .uk-light .uk-subnav > .uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, .uk-card-primary.uk-card-body .uk-subnav > .uk-active > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > .uk-active > a, .uk-card-secondary.uk-card-body .uk-subnav > .uk-active > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > .uk-active > a, .uk-overlay-primary .uk-subnav > .uk-active > a, .ap-toolbar .uk-subnav > .uk-active > a { color: #ffffff; } .uk-light .uk-subnav-pill > .uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, .uk-card-primary.uk-card-body .uk-subnav-pill > .uk-active > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > .uk-active > a, .uk-card-secondary.uk-card-body .uk-subnav-pill > .uk-active > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > .uk-active > a, .uk-overlay-primary .uk-subnav-pill > .uk-active > a, .ap-toolbar .uk-subnav-pill > .uk-active > a { background-color: #ffffff; box-shadow: none; } .uk-light .uk-tab > .uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a, .uk-card-primary.uk-card-body .uk-tab > .uk-active > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-tab > .uk-active > a, .uk-card-secondary.uk-card-body .uk-tab > .uk-active > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > .uk-active > a, .uk-overlay-primary .uk-tab > .uk-active > a, .ap-toolbar .uk-tab > .uk-active > a { color: #ffffff; border-color: #ffffff; } .uk-light .uk-dotnav > .uk-active > *, .uk-section-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, .uk-card-primary.uk-card-body .uk-dotnav > .uk-active > *, .uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > .uk-active > *, .uk-card-secondary.uk-card-body .uk-dotnav > .uk-active > *, .uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > .uk-active > *, .uk-overlay-primary .uk-dotnav > .uk-active > *, .ap-toolbar .uk-dotnav > .uk-active > * { background-color: #ffffff; border-color: transparent; } .uk-light .uk-countdown-number, .uk-light .uk-countdown-separator, .uk-section-primary:not(.uk-preserve-color) .uk-countdown-number, .uk-section-primary:not(.uk-preserve-color) .uk-countdown-separator, .uk-section-secondary:not(.uk-preserve-color) .uk-countdown-number, .uk-section-secondary:not(.uk-preserve-color) .uk-countdown-separator, .uk-tile-primary:not(.uk-preserve-color) .uk-countdown-number, .uk-tile-primary:not(.uk-preserve-color) .uk-countdown-separator, .uk-tile-secondary:not(.uk-preserve-color) .uk-countdown-number, .uk-tile-secondary:not(.uk-preserve-color) .uk-countdown-separator, .uk-card-primary.uk-card-body .uk-countdown-number, .uk-card-primary.uk-card-body .uk-countdown-separator, .uk-card-primary > :not([class*='uk-card-media']) .uk-countdown-number, .uk-card-primary > :not([class*='uk-card-media']) .uk-countdown-separator, .uk-card-secondary.uk-card-body .uk-countdown-number, .uk-card-secondary.uk-card-body .uk-countdown-separator, .uk-card-secondary > :not([class*='uk-card-media']) .uk-countdown-number, .uk-card-secondary > :not([class*='uk-card-media']) .uk-countdown-separator, .uk-overlay-primary .uk-countdown-number, .uk-overlay-primary .uk-countdown-separator, .ap-toolbar .uk-countdown-number, .ap-toolbar .uk-countdown-separator { color: #ffffff; } .uk-light .uk-countdown-label, .uk-section-primary:not(.uk-preserve-color) .uk-countdown-label, .uk-section-secondary:not(.uk-preserve-color) .uk-countdown-label, .uk-tile-primary:not(.uk-preserve-color) .uk-countdown-label, .uk-tile-secondary:not(.uk-preserve-color) .uk-countdown-label, .uk-card-primary.uk-card-body .uk-countdown-label, .uk-card-primary > :not([class*='uk-card-media']) .uk-countdown-label, .uk-card-secondary.uk-card-body .uk-countdown-label, .uk-card-secondary > :not([class*='uk-card-media']) .uk-countdown-label, .uk-overlay-primary .uk-countdown-label, .ap-toolbar .uk-countdown-label { color: #ffffff; } .uk-light .uk-text-lead, .uk-section-primary:not(.uk-preserve-color) .uk-text-lead, .uk-section-secondary:not(.uk-preserve-color) .uk-text-lead, .uk-tile-primary:not(.uk-preserve-color) .uk-text-lead, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead, .uk-card-primary.uk-card-body .uk-text-lead, .uk-card-primary > :not([class*='uk-card-media']) .uk-text-lead, .uk-card-secondary.uk-card-body .uk-text-lead, .uk-card-secondary > :not([class*='uk-card-media']) .uk-text-lead, .uk-overlay-primary .uk-text-lead, .ap-toolbar .uk-text-lead { color: #ffffff; } /* Header ========================================================================== */ /* * Header */ /* * Headerbars */ .ap-headerbar-top { padding-top: 40px; padding-bottom: 40px; background: #ffffff; } .ap-headerbar-bottom { padding-top: 40px; padding-bottom: 40px; background: #ffffff; } .ap-header .uk-navbar-nav .menu-item a { position: relative; } .ap-header .uk-navbar-nav .menu-item a:hover, .ap-header .uk-navbar-nav .uk-active a { font-weight: bolder; } .ap-header .uk-navbar-nav .menu-item a:hover::before, .ap-header .uk-navbar-nav .uk-active a::before { right: 15px; display: block; } .ap-header-transparent { position: absolute; z-index: 980; left: 0; right: 0; } .ap-header-transparent .uk-navbar-nav .menu-item a { position: relative; color: #fff; } .ap-header-transparent .uk-navbar-nav .menu-item a:hover::before, .ap-header-transparent .uk-navbar-nav .uk-active a::before { background-color: #fff; } .uk-navbar-transparent { position: absolute; left: 0; right: 0; top: 0; height: 80px; z-index: 100; transition: background-color 0.3s ease-in; } .uk-navbar-transparent.uk-sticky-below { z-index: 1000; } .uk-navbar-transparent.uk-sticky-below .uk-navbar-nav > li.uk-active > a, .uk-navbar-transparent.uk-sticky-below .uk-navbar-nav > li > a:hover { color: #292929; } .uk-navbar-transparent.uk-sticky-below .uk-navbar-nav > li > a { color: #4f5260; } .uk-section-secondary .uk-navbar-transparent.uk-sticky-below, .uk-section-secondary .uk-navbar-container:not(.uk-navbar-transparent) { background: rgba(0, 0, 0, 0.94); } .uk-section-secondary .uk-navbar-transparent.uk-sticky-below .uk-navbar-nav > li > a, .uk-section-secondary .uk-navbar-transparent.uk-sticky-below .uk-navbar-nav > li > a:hover { color: #fff; } .uk-section-primary .uk-navbar-container.uk-navbar-sticky { background-color: #4a90e2; } .uk-section-muted .uk-navbar-container.uk-navbar-sticky { background-color: #f2f2f2; } .uk-section-primary .uk-navbar-container.uk-navbar-sticky { background-color: #4a90e2; } .uk-navbar-container:not(.uk-navbar-transparent) { background: transparent; } .uk-navbar-sticky { box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07); } .uk-navbar-nav > li > a::before { content: ''; display: none; position: absolute; bottom: 24px; height: 1px; background-color: #00a0de; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; -webkit-transition-property: background-color, border-color, box-shadow, height, right; transition-property: background-color, border-color, box-shadow, height, right; left: 15px; right: calc(77%); } .category .uk-pagination li.uk-active, .ap-pagination li.uk-active, .dynamic-pagination li.uk-active, .category .uk-pagination li.active, .ap-pagination li.active, .dynamic-pagination li.active { background-color: #4a90e2; border-color: #4a90e2; } .category .uk-pagination li:hover, .ap-pagination li:hover, .dynamic-pagination li:hover { border-color: #4a90e2; } /* ======================================================================== Component: Padding ========================================================================== */ /* mobile */ @media (max-width: 640px) { .uk-padding { padding: 14px; } .uk-padding-small { padding: 12px 15px 8px; } * + .uk-margin-medium { margin-top: 12px !important; } .uk-margin-medium { margin-bottom: 16px; } .uk-button { padding: 0 12px; line-height: 30px; } .uk-card-default .uk-card-title, .uk-card-title { font-size: 1rem; } .uk-card-body { padding: 10px; } .uk-tile-large { padding-top: 30px; padding-bottom: 30px; } .uk-heading-primary, .uk-heading-hero, .uk-h1, h1 { font-size: 1.75rem; } .uk-h2, h2 { font-size: 1.25rem; } .uk-h3, h3 { font-size: 1.125rem; } .uk-h4, h4 { font-size: .875rem; } .uk-h5, h5, .uk-h6, h6 { font-size: .75rem; } .uk-margin { margin-bottom: 14px; } * + .uk-margin { margin-top: 14px!important; } .uk-grid { margin-left: -6px; } .uk-grid > * { padding-left: 6px; } * + .uk-grid-margin, .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin { margin-top: 12px; } .uk-grid + .uk-grid-collapse, .uk-grid-collapse > .uk-grid-margin { margin-top: 0; } .uk-grid-collapse > * { padding-left: 0; } .uk-grid-collapse { margin-left: 0; } .uk-card-small .uk-card-body, .uk-card-small.uk-card-body { padding: 6px; } .uk-section { padding-top: 16px; padding-bottom: 16px; } .uk-section-xsmall { padding-top: 6px; padding-bottom: 6px; } .uk-section-small { padding-top: 12px; padding-bottom: 12px; } .uk-margin-large-top { margin-top: 26px !important; } .uk-margin-large { margin-bottom: 26px; } .ap-pagination li, .dynamic-pagination li { height: 24px; } .dynamic-pagination li a { padding: 0 2px; line-height: 24px; min-width: 24px; font-size: 12px; } } .preview .uk-section-secondary .uk-button-primary:hover { background-color: #2275d7; } .ap-list-filter dd a.active { background-color: #4a90e2; color: #fff; border-radius: 2px; } .ap-filter-dropdown .filter-item-wrap.open, .ap-filter-dropdown .filter-item.active { color: #4a90e2; } .category li a.active { color: #4a90e2; } .uk-lightbox-items > * > video { width: 80%; } /* 兼容uk-heading-primary */ @media (min-width: 1200px) { .uk-heading-primary { font-size: 3.75rem; line-height: 1.1; } } .uk-list ul { padding-left: 10px; } .onepage-pagination li a.active:before { background: #4a90e2; } .fr-text-bordered { padding-top: 6px; padding-bottom: 6px; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; } .fr-text-uppercase { text-transform: uppercase; } .param-field .param-tag { color: #4a90e2; border: 1px solid rgba(74, 144, 226, 0.2); } form .step .step-bg-progress, form .add-file .file-btn, form .step-btns a, form .step .ui-step.active .ui-step-num { background: #4a90e2; } form .step .ui-step.active .ui-step-title { color: #4a90e2; } #a0115ae330a7b85 .ap-content-container { height: 100%; min-height: 40px; } #a1deea5b5aaebe4 .sidebar { width: 320px; } @media (max-width: 640px) { #a1deea5b5aaebe4 .sidebar { width: 100%; } } #a1deea5b5aaebe4 .menu-header h4 { color: #fff; font-weight: 500; line-height: 70px; padding-left: 20px; } #a1deea5b5aaebe4 .menu-header h4 span { font-size: 12px; } #a1deea5b5aaebe4 .menu-level-1 { border: 1px solid #ECECEC; margin-bottom: 15px; } #a1deea5b5aaebe4 .menu-item a { color: #666; display: block; padding: 0 20px; line-height: 50px; text-decoration: none; white-space: nowrap; position: relative; overflow: hidden; transition: color .2s linear,background .2s linear; font-size: 14px; border-bottom: 1px solid #ECECEC; } #a1deea5b5aaebe4 .menu-item a .indicator { position: absolute; right: 20px; top: 15px; width: 25px; height: 25px; background: url(/resources/sys/img/icons/menu_icon.png) center center no-repeat; } #a1deea5b5aaebe4 .menu-item a:hover { color: #4a90e2; } #a1deea5b5aaebe4 .menu-item a:hover > .indicator { background-image: url(/resources/sys/img/icons/menu_icon_hover.png); } #a1deea5b5aaebe4 .menu-level-1 > a { color: #333; font-size: 18px; position: relative; background: #eaeaea; } #a1deea5b5aaebe4 .menu-level-3 { padding-left: 15px; } #a1deea5b5aaebe4 .accordion-menu > ul > li > a { background: #ddd; font-size: 16px; } #a1deea5b5aaebe4 .accordion-menu li a:hover { background-color: #4a90e2; color: #fff; border: none; } #a1deea5b5aaebe4 .accordion-menu .submenu-indicator { cursor: pointer; position: absolute; font-size: 20px; line-height: 50px; padding: 0 20px; right: 0; } #a1deea5b5aaebe4 .contact-phone { padding: 15px 0 15px 70px; color: #333; } #a1deea5b5aaebe4 .contact-icon { position: absolute; left: 20px; top: 20px; width: 40px; height: 40px; font-size: 20px; color: #fff; border-radius: 50%; text-align: center; line-height: 40px; } #a1deea5b5aaebe4 .contact-info { border-top: 1px solid #ECECEC; } #a1deea5b5aaebe4 .contact-info p { margin: 0; } #a1deea5b5aaebe4 .phone { font-size: 24px; font-family: arial; line-height: 1; } #a1deea5b5aaebe4 .hot-list { padding: 15px; } #a1deea5b5aaebe4 .hot-list a { color: #777; } #a1deea5b5aaebe4 .hot-list a:hover { color: #4a90e2; } #a1deea5b5aaebe4 .hot-item .thumb { display: block; overflow: hidden; } #a1deea5b5aaebe4 .hot-item:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); transition: all 0.3s ease-out 0s; } #a1deea5b5aaebe4 .hot-item:hover a { color: #4a90e2; } #a1deea5b5aaebe4 .hot-title { position: relative; padding-left: 10px; margin: 0 0 12px; font-size: 16px; font-weight: 600; line-height: 1; } #a1deea5b5aaebe4 .hot-title::before { position: absolute; left: 0; top: 0; width: 3px; height: 16px; border-radius: 3px; background: #4a90e2; content: ""; } #a1deea5b5aaebe4 .content-header { padding-bottom: 10px; } #a1deea5b5aaebe4 .uk-button-group .uk-button { font-size: 12px; height: 30px; padding: 0 15px; line-height: 30px; } #a1deea5b5aaebe4 .uk-button-group .uk-button:first-child { border-radius: 15px 0 0 15px; } #a1deea5b5aaebe4 .uk-button-group .uk-button:last-child { border-radius: 0 15px 15px 0; } @media (max-width: 640px) { #a1deea5b5aaebe4 .uk-padding-small { padding: 0; } } #a0ec4ac1c1aadf1 .uk-container { line-height: 2; } #a9675ac8b7aa2e8 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a9675ac8b7aa2e8 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a9675ac8b7aa2e8 .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #4a90e2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #a9675ac8b7aa2e8 .menu-list > li > a { padding: 0 35px; } #a9675ac8b7aa2e8 .menu-list > li:hover:before { height: 100%; } #a9675ac8b7aa2e8 .menu-list > li:hover:after { color: auto; } #a9675ac8b7aa2e8 .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #a9675ac8b7aa2e8 .menu-list > li:first-child:after { content: ""; } #a9675ac8b7aa2e8 .menu-list > li.active > a { font-weight: bold; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; color: #262626; } #a9675ac8b7aa2e8 .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #a9675ac8b7aa2e8 .menu-list > li ul li { position: relative; } #a9675ac8b7aa2e8 .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; } #a9675ac8b7aa2e8 .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-align: center; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; } #a9675ac8b7aa2e8 li ul, #a9675ac8b7aa2e8 li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #a9675ac8b7aa2e8 li:hover > ul { left: auto; } #a9675ac8b7aa2e8 li ul li:hover ul { left: 100%; top: 0; } #a88a6a72f7a6191 form { width: 100%; height: 100%; } #a88a6a72f7a6191 .search-box { text-align: center; margin-right: -10px; font-size: 14px; height: 100%; } #a88a6a72f7a6191 .search-box .select-text { line-height: 1; cursor: pointer; padding: 0 10px; white-space: nowrap; padding-left: 18px; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } #a88a6a72f7a6191 .search-box .search-type { padding: 0; margin: 0; position: absolute; left: 0; top: 40px; display: none; z-index: 999999; } #a88a6a72f7a6191 .search-box .search-type.show { display: block; } #a88a6a72f7a6191 .search-box .search-type li { text-align: center; line-height: 40px; background: #f2f2f2; cursor: pointer; padding: 0 18px; } #a88a6a72f7a6191 .search-box .search-type li:hover { color: #262626; } #a88a6a72f7a6191 .search-box .search-type li.active { color: #262626; } #a88a6a72f7a6191 .inner-form { display: -ms-flexbox; display: flex; width: 100%; height: 100%; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; border-radius: 6px; background-color: #f2f2f2; overflow: hidden; } #a88a6a72f7a6191 .inner-form .input-field { height: 100%; } #a88a6a72f7a6191 .inner-form .input-field input { height: 100%; background: transparent; border: 0; display: block; width: 100%; padding: 10px 0; font-weight: normal; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #000; } #a88a6a72f7a6191 .inner-form .input-field input.placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:-moz-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input::-webkit-input-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:focus { box-shadow: none; outline: 0; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap { -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background: #f2f2f2; position: relative; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap input { -ms-flex-positive: 1; flex-grow: 1; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap svg { width: 20px; height: 20px; display: inline-block; fill: #000; margin: 0 15px; } #a88a6a72f7a6191 .inner-form .input-field.second-wrap { min-width: 120px; } #a88a6a72f7a6191 .btn-search { height: 100%; width: 100%; white-space: nowrap; font-size: 16px; border: 0; cursor: pointer; position: relative; z-index: 0; background: #4a90e2; color: #fff; transition: all 0.2s ease-out, color 0.2s ease-out; font-weight: 300; border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } #a88a6a72f7a6191 .btn-search:hover { background: #262626; } #a88a6a72f7a6191 .btn-search:focus { outline: 0; box-shadow: none; } #a1deea5b5aaebe4 [data-item*=".abstract"], #a1deea5b5aaebe4 [data-item*=".abstract"] a {show: false;}#a1deea5b5aaebe4 [data-item*=".subTitle"], #a1deea5b5aaebe4 [data-item*=".subTitle"] a {show: false;}#a1deea5b5aaebe4 [data-item*=".category"], #a1deea5b5aaebe4 [data-item*=".category"] a {show: true;}#a0838a00b2a0ce6 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a0838a00b2a0ce6 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a0838a00b2a0ce6 .menu-list > li > a { height: 100%; font-size: 16px; line-height: 30px; text-align: center; display: block; position: relative; text-transform: capitalize; line-height: 44px; padding: 0 0px; font-weight: bold; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #666666; } #a0838a00b2a0ce6 .menu-list > li > a:before { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background-color: #666666; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #a0838a00b2a0ce6 .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #4a90e2; } #a0838a00b2a0ce6 .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #a0838a00b2a0ce6 .menu-list > li.active > a:before, #a0838a00b2a0ce6 .menu-list > li:hover > a:before { width: 100%; background-color: currentColor; } #a0838a00b2a0ce6 .menu-list > li ul li { position: relative; } #a0838a00b2a0ce6 .menu-list > li ul li:hover > a { color: #777; } #a0838a00b2a0ce6 .menu-list > li ul li a { color: #a3a7ad; display: block; font-size: 16px; line-height: 40px; font-weight: 400; padding: 0 20px; transition: all 0.2s ease-in; white-space: nowrap; background: transparent; } #a0838a00b2a0ce6 .menu-list li ul, #a0838a00b2a0ce6 .menu-list li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; min-width: 100px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); background: #fff; } #a0838a00b2a0ce6 .menu-list li ul.menu-b > li, #a0838a00b2a0ce6 .menu-list li ul li ul.menu-b > li { display: inline-block; } #a0838a00b2a0ce6 .menu-list .menu-b { transition: all .3s ease; padding: 20px 0; left: auto; } #a0838a00b2a0ce6 .menu-list li:hover > ul { display: block; } #a0838a00b2a0ce6 .menu-list li ul li:hover ul { left: 100%; top: 0; } #a0115ae330a7b85 .ap-content-container { height: 100%; min-height: 40px; } #a8d38a10cca692c .phone-info { font-size: 28px; color: #296fb7; font-family: 'helvetica'; padding-top: 5px; font-weight: bold; line-height: 1; } #a8d38a10cca692c .phone-info span { font-size: 13px; font-weight: 400; display: block; } #a8d38a10cca692c .product-main { margin: 15px 0; } #a8d38a10cca692c .video-box, #a8d38a10cca692c .preview-box { margin-bottom: 20px; border: 1px solid #eee; text-align: center; } #a8d38a10cca692c .video-box video { object-fit: contain; position: absolute; left: 0; top: 0; z-index: 10; } #a8d38a10cca692c .goods-slider { width: 430px; } #a8d38a10cca692c .preview-box img { width: 100%; } #a8d38a10cca692c .preview-box .zoom-hover { display: none; position: absolute; left: 0; top: 0; width: 180px; height: 180px; border: 1px solid #aaa; background: #0099ff; background-color: rgba(133, 111, 41, 0.3); opacity: .5; cursor: move; } #a8d38a10cca692c .zoom-indicator { background-color: #fff; opacity: .3; position: absolute; right: 0; bottom: 0; } #a8d38a10cca692c .zoom-indicator i { width: 30px; height: 30px; line-height: 30px; text-align: center; } #a8d38a10cca692c .thumb-box { width: 100%; position: relative; } #a8d38a10cca692c .thumb-box .btn { width: 22px; height: 32px; } #a8d38a10cca692c .thumb-box .btn-next { background: url(/resources/sys/img/section/btn_next.png) no-repeat center center; } #a8d38a10cca692c .thumb-box .btn-prev { background: url(/resources/sys/img/section/btn_prev.png) no-repeat center center; } #a8d38a10cca692c .thumb-list { overflow: hidden; } #a8d38a10cca692c .thumb-list ul { width: 100000px; } #a8d38a10cca692c .thumb-list ul li { list-style: none; float: left; margin: 0 4px; cursor: pointer; position: relative; } #a8d38a10cca692c .thumb-list ul li img { width: 68px; height: 68px; border: 2px solid #fff; } #a8d38a10cca692c .thumb-list ul li.thumb-video::after { content: ''; width: 100%; height: 100%; left: 0; top: 0; z-index: 10; background: url(/resources/sys/img/play-light.svg) center center no-repeat; background-size: 30px; position: absolute; opacity: .8; transition: all .2s ease; } #a8d38a10cca692c .thumb-list ul li.thumb-video:hover::after { opacity: 1; background-size: 35px; } #a8d38a10cca692c .thumb-list ul li.active img { border-color: #4a90e2; } #a8d38a10cca692c .zoom-box { display: none; overflow: hidden; position: absolute; left: 440px; top: 0; width: 500px; height: 500px; border: 1px solid #e4e4e4; z-index: 400; background: #fff; } #a8d38a10cca692c .zoom-box img { max-width: initial; } #a8d38a10cca692c .uk-button-primary { padding: 0 40px; font-size: 16px; } #a8d38a10cca692c .questions .question { font-size: 16px; font-weight: 400; color: #333; } #a8d38a10cca692c .questions .answer { font-size: 13px; color: #999; } #a8d38a10cca692c .questions .fa { line-height: 24px; } @media (max-width: 640px) { #a8d38a10cca692c .content-wrap { padding: 0; } #a8d38a10cca692c .content-wrap .rich-img-wrap { margin-left: -15px; margin-right: -15px; } } #aec8ca7e72a8dd6 .uk-container { line-height: 2; } #a9675ac8b7aa2e8 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a9675ac8b7aa2e8 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a9675ac8b7aa2e8 .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #4a90e2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #a9675ac8b7aa2e8 .menu-list > li > a { padding: 0 35px; } #a9675ac8b7aa2e8 .menu-list > li:hover:before { height: 100%; } #a9675ac8b7aa2e8 .menu-list > li:hover:after { color: auto; } #a9675ac8b7aa2e8 .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #a9675ac8b7aa2e8 .menu-list > li:first-child:after { content: ""; } #a9675ac8b7aa2e8 .menu-list > li.active > a { font-weight: bold; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; color: #262626; } #a9675ac8b7aa2e8 .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #a9675ac8b7aa2e8 .menu-list > li ul li { position: relative; } #a9675ac8b7aa2e8 .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; } #a9675ac8b7aa2e8 .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-align: center; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; } #a9675ac8b7aa2e8 li ul, #a9675ac8b7aa2e8 li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #a9675ac8b7aa2e8 li:hover > ul { left: auto; } #a9675ac8b7aa2e8 li ul li:hover ul { left: 100%; top: 0; } #a88a6a72f7a6191 form { width: 100%; height: 100%; } #a88a6a72f7a6191 .search-box { text-align: center; margin-right: -10px; font-size: 14px; height: 100%; } #a88a6a72f7a6191 .search-box .select-text { line-height: 1; cursor: pointer; padding: 0 10px; white-space: nowrap; padding-left: 18px; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } #a88a6a72f7a6191 .search-box .search-type { padding: 0; margin: 0; position: absolute; left: 0; top: 40px; display: none; z-index: 999999; } #a88a6a72f7a6191 .search-box .search-type.show { display: block; } #a88a6a72f7a6191 .search-box .search-type li { text-align: center; line-height: 40px; background: #f2f2f2; cursor: pointer; padding: 0 18px; } #a88a6a72f7a6191 .search-box .search-type li:hover { color: #262626; } #a88a6a72f7a6191 .search-box .search-type li.active { color: #262626; } #a88a6a72f7a6191 .inner-form { display: -ms-flexbox; display: flex; width: 100%; height: 100%; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; border-radius: 6px; background-color: #f2f2f2; overflow: hidden; } #a88a6a72f7a6191 .inner-form .input-field { height: 100%; } #a88a6a72f7a6191 .inner-form .input-field input { height: 100%; background: transparent; border: 0; display: block; width: 100%; padding: 10px 0; font-weight: normal; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #000; } #a88a6a72f7a6191 .inner-form .input-field input.placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:-moz-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input::-webkit-input-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:focus { box-shadow: none; outline: 0; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap { -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background: #f2f2f2; position: relative; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap input { -ms-flex-positive: 1; flex-grow: 1; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap svg { width: 20px; height: 20px; display: inline-block; fill: #000; margin: 0 15px; } #a88a6a72f7a6191 .inner-form .input-field.second-wrap { min-width: 120px; } #a88a6a72f7a6191 .btn-search { height: 100%; width: 100%; white-space: nowrap; font-size: 16px; border: 0; cursor: pointer; position: relative; z-index: 0; background: #4a90e2; color: #fff; transition: all 0.2s ease-out, color 0.2s ease-out; font-weight: 300; border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } #a88a6a72f7a6191 .btn-search:hover { background: #262626; } #a88a6a72f7a6191 .btn-search:focus { outline: 0; box-shadow: none; } #a0838a00b2a0ce6 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a0838a00b2a0ce6 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a0838a00b2a0ce6 .menu-list > li > a { height: 100%; font-size: 16px; line-height: 30px; text-align: center; display: block; position: relative; text-transform: capitalize; line-height: 44px; padding: 0 0px; font-weight: bold; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #666666; } #a0838a00b2a0ce6 .menu-list > li > a:before { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background-color: #666666; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #a0838a00b2a0ce6 .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #4a90e2; } #a0838a00b2a0ce6 .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #a0838a00b2a0ce6 .menu-list > li.active > a:before, #a0838a00b2a0ce6 .menu-list > li:hover > a:before { width: 100%; background-color: currentColor; } #a0838a00b2a0ce6 .menu-list > li ul li { position: relative; } #a0838a00b2a0ce6 .menu-list > li ul li:hover > a { color: #777; } #a0838a00b2a0ce6 .menu-list > li ul li a { color: #a3a7ad; display: block; font-size: 16px; line-height: 40px; font-weight: 400; padding: 0 20px; transition: all 0.2s ease-in; white-space: nowrap; background: transparent; } #a0838a00b2a0ce6 .menu-list li ul, #a0838a00b2a0ce6 .menu-list li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; min-width: 100px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); background: #fff; } #a0838a00b2a0ce6 .menu-list li ul.menu-b > li, #a0838a00b2a0ce6 .menu-list li ul li ul.menu-b > li { display: inline-block; } #a0838a00b2a0ce6 .menu-list .menu-b { transition: all .3s ease; padding: 20px 0; left: auto; } #a0838a00b2a0ce6 .menu-list li:hover > ul { display: block; } #a0838a00b2a0ce6 .menu-list li ul li:hover ul { left: 100%; top: 0; } #a0115ae330a7b85 .ap-content-container { height: 100%; min-height: 40px; } @media (min-width: 1200px) { #a74dda5b7da22c2 .uk-container { padding: 0 60px; } } #a74dda5b7da22c2 .date-time { padding: 18px 0 20px; font-size: 18px; color: #3a3c41; display: block; text-align: center; font-weight: 500; text-transform: uppercase; background: #fff; border-top: 2px solid #4a90e2; } #a74dda5b7da22c2 .comments_count { display: block; padding: 14px 0 18px; text-align: center; background-color: #e7ecee; } #a74dda5b7da22c2 .uk-card { padding: 10px; } #a74dda5b7da22c2 .tag-link { background-color: #919292; color: #fff; display: inline-block; font-weight: 400; font-size: 13px !important; } #a74dda5b7da22c2 .uk-list a.active, #a74dda5b7da22c2 .uk-list a:hover { color: #4a90e2; text-decoration: none; } #a4bbda286cac065 .uk-container { line-height: 2; } #a9675ac8b7aa2e8 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a9675ac8b7aa2e8 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a9675ac8b7aa2e8 .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #4a90e2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #a9675ac8b7aa2e8 .menu-list > li > a { padding: 0 35px; } #a9675ac8b7aa2e8 .menu-list > li:hover:before { height: 100%; } #a9675ac8b7aa2e8 .menu-list > li:hover:after { color: auto; } #a9675ac8b7aa2e8 .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #a9675ac8b7aa2e8 .menu-list > li:first-child:after { content: ""; } #a9675ac8b7aa2e8 .menu-list > li.active > a { font-weight: bold; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; color: #262626; } #a9675ac8b7aa2e8 .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #a9675ac8b7aa2e8 .menu-list > li ul li { position: relative; } #a9675ac8b7aa2e8 .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; } #a9675ac8b7aa2e8 .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-align: center; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; } #a9675ac8b7aa2e8 li ul, #a9675ac8b7aa2e8 li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #a9675ac8b7aa2e8 li:hover > ul { left: auto; } #a9675ac8b7aa2e8 li ul li:hover ul { left: 100%; top: 0; } #a88a6a72f7a6191 form { width: 100%; height: 100%; } #a88a6a72f7a6191 .search-box { text-align: center; margin-right: -10px; font-size: 14px; height: 100%; } #a88a6a72f7a6191 .search-box .select-text { line-height: 1; cursor: pointer; padding: 0 10px; white-space: nowrap; padding-left: 18px; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } #a88a6a72f7a6191 .search-box .search-type { padding: 0; margin: 0; position: absolute; left: 0; top: 40px; display: none; z-index: 999999; } #a88a6a72f7a6191 .search-box .search-type.show { display: block; } #a88a6a72f7a6191 .search-box .search-type li { text-align: center; line-height: 40px; background: #f2f2f2; cursor: pointer; padding: 0 18px; } #a88a6a72f7a6191 .search-box .search-type li:hover { color: #262626; } #a88a6a72f7a6191 .search-box .search-type li.active { color: #262626; } #a88a6a72f7a6191 .inner-form { display: -ms-flexbox; display: flex; width: 100%; height: 100%; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; border-radius: 6px; background-color: #f2f2f2; overflow: hidden; } #a88a6a72f7a6191 .inner-form .input-field { height: 100%; } #a88a6a72f7a6191 .inner-form .input-field input { height: 100%; background: transparent; border: 0; display: block; width: 100%; padding: 10px 0; font-weight: normal; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #000; } #a88a6a72f7a6191 .inner-form .input-field input.placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:-moz-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input::-webkit-input-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:focus { box-shadow: none; outline: 0; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap { -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background: #f2f2f2; position: relative; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap input { -ms-flex-positive: 1; flex-grow: 1; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap svg { width: 20px; height: 20px; display: inline-block; fill: #000; margin: 0 15px; } #a88a6a72f7a6191 .inner-form .input-field.second-wrap { min-width: 120px; } #a88a6a72f7a6191 .btn-search { height: 100%; width: 100%; white-space: nowrap; font-size: 16px; border: 0; cursor: pointer; position: relative; z-index: 0; background: #4a90e2; color: #fff; transition: all 0.2s ease-out, color 0.2s ease-out; font-weight: 300; border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } #a88a6a72f7a6191 .btn-search:hover { background: #262626; } #a88a6a72f7a6191 .btn-search:focus { outline: 0; box-shadow: none; } #a0838a00b2a0ce6 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a0838a00b2a0ce6 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a0838a00b2a0ce6 .menu-list > li > a { height: 100%; font-size: 16px; line-height: 30px; text-align: center; display: block; position: relative; text-transform: capitalize; line-height: 44px; padding: 0 0px; font-weight: bold; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #666666; } #a0838a00b2a0ce6 .menu-list > li > a:before { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background-color: #666666; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #a0838a00b2a0ce6 .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #4a90e2; } #a0838a00b2a0ce6 .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #a0838a00b2a0ce6 .menu-list > li.active > a:before, #a0838a00b2a0ce6 .menu-list > li:hover > a:before { width: 100%; background-color: currentColor; } #a0838a00b2a0ce6 .menu-list > li ul li { position: relative; } #a0838a00b2a0ce6 .menu-list > li ul li:hover > a { color: #777; } #a0838a00b2a0ce6 .menu-list > li ul li a { color: #a3a7ad; display: block; font-size: 16px; line-height: 40px; font-weight: 400; padding: 0 20px; transition: all 0.2s ease-in; white-space: nowrap; background: transparent; } #a0838a00b2a0ce6 .menu-list li ul, #a0838a00b2a0ce6 .menu-list li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; min-width: 100px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); background: #fff; } #a0838a00b2a0ce6 .menu-list li ul.menu-b > li, #a0838a00b2a0ce6 .menu-list li ul li ul.menu-b > li { display: inline-block; } #a0838a00b2a0ce6 .menu-list .menu-b { transition: all .3s ease; padding: 20px 0; left: auto; } #a0838a00b2a0ce6 .menu-list li:hover > ul { display: block; } #a0838a00b2a0ce6 .menu-list li ul li:hover ul { left: 100%; top: 0; } #a0115ae330a7b85 .ap-content-container { height: 100%; min-height: 40px; } @media (min-width: 1200px) { #a7a55a24cbacb75 .uk-container { padding: 0 60px; } } @media (min-width: 980px) { #a7a55a24cbacb75 .sidebar { width: 300px; padding: 1; } } #a7a55a24cbacb75 .author-avatar { width: 80px; height: 80px; border-radius: 50%; border: 1px solid #ccc; margin-right: 15px; } #a7a55a24cbacb75 .rich-img-wrap { display: block; } #a7a55a24cbacb75 .author-name { color: #262626; display: block; font-size: 20px; height: 28px; line-height: 28px; } #a7a55a24cbacb75 .author-info span { background: #fafcfe; border: 1px solid #4a90e2; color: #4a90e2; display: inline-block; font-size: 12px; height: 18px; line-height: 18px; margin-top: 4px; padding: 0 6px; text-align: center; } #a7a55a24cbacb75 .sidebar .border-1 { padding: 15px 16px 40px; border-radius: 3px; overflow: hidden; border-top: 3px solid #4a90e2; } #a7a55a24cbacb75 .new-list { padding: 15px 0 0; border-top: 1px solid #ececec; } #a7a55a24cbacb75 .sidebar .uk-h4 { color: #262626; font-size: 14px; margin: 0; } #a7a55a24cbacb75 .sidebar .uk-h4:before { background: #4a90e2; content: ""; display: inline-block; height: 10px; margin: 0 6px 0 0; width: 2px; } #a7a55a24cbacb75 .author-wrapper { position: relative; } #a7a55a24cbacb75 .sidebar h3 { font-size: 16px; line-height: 25px; color: #262626; } #a7a55a24cbacb75 .sidebar h3::after { border: .5px solid #ddd; content: ""; display: block; height: 0; margin-top: 10px; width: 20px; } #a7a55a24cbacb75 .sidebar .footer-tip { text-align: center; line-height: 40px; color: #fff; height: 40px; position: absolute; left: 0; bottom: 0; width: 100%; } #a7a55a24cbacb75 .new-list li { padding: 5px 0 15px; } #a7a55a24cbacb75 .sidebar a { font-size: 14px; color: #262626; line-height: 20px; padding-bottom: 4px; display: block; } #a7a55a24cbacb75 .sidebar a:hover { color: #6da6e8; } #a7a55a24cbacb75 .new-list li span { font-size: 12px; color: #a7a7a7; } #a408ea2cd6aca71 .uk-container { line-height: 2; } #a9675ac8b7aa2e8 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a9675ac8b7aa2e8 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a9675ac8b7aa2e8 .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #4a90e2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #a9675ac8b7aa2e8 .menu-list > li > a { padding: 0 35px; } #a9675ac8b7aa2e8 .menu-list > li:hover:before { height: 100%; } #a9675ac8b7aa2e8 .menu-list > li:hover:after { color: auto; } #a9675ac8b7aa2e8 .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #a9675ac8b7aa2e8 .menu-list > li:first-child:after { content: ""; } #a9675ac8b7aa2e8 .menu-list > li.active > a { font-weight: bold; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; color: #262626; } #a9675ac8b7aa2e8 .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #a9675ac8b7aa2e8 .menu-list > li ul li { position: relative; } #a9675ac8b7aa2e8 .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; } #a9675ac8b7aa2e8 .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-align: center; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; } #a9675ac8b7aa2e8 li ul, #a9675ac8b7aa2e8 li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #a9675ac8b7aa2e8 li:hover > ul { left: auto; } #a9675ac8b7aa2e8 li ul li:hover ul { left: 100%; top: 0; } #a88a6a72f7a6191 form { width: 100%; height: 100%; } #a88a6a72f7a6191 .search-box { text-align: center; margin-right: -10px; font-size: 14px; height: 100%; } #a88a6a72f7a6191 .search-box .select-text { line-height: 1; cursor: pointer; padding: 0 10px; white-space: nowrap; padding-left: 18px; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } #a88a6a72f7a6191 .search-box .search-type { padding: 0; margin: 0; position: absolute; left: 0; top: 40px; display: none; z-index: 999999; } #a88a6a72f7a6191 .search-box .search-type.show { display: block; } #a88a6a72f7a6191 .search-box .search-type li { text-align: center; line-height: 40px; background: #f2f2f2; cursor: pointer; padding: 0 18px; } #a88a6a72f7a6191 .search-box .search-type li:hover { color: #262626; } #a88a6a72f7a6191 .search-box .search-type li.active { color: #262626; } #a88a6a72f7a6191 .inner-form { display: -ms-flexbox; display: flex; width: 100%; height: 100%; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; border-radius: 6px; background-color: #f2f2f2; overflow: hidden; } #a88a6a72f7a6191 .inner-form .input-field { height: 100%; } #a88a6a72f7a6191 .inner-form .input-field input { height: 100%; background: transparent; border: 0; display: block; width: 100%; padding: 10px 0; font-weight: normal; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #000; } #a88a6a72f7a6191 .inner-form .input-field input.placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:-moz-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input::-webkit-input-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:focus { box-shadow: none; outline: 0; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap { -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background: #f2f2f2; position: relative; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap input { -ms-flex-positive: 1; flex-grow: 1; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap svg { width: 20px; height: 20px; display: inline-block; fill: #000; margin: 0 15px; } #a88a6a72f7a6191 .inner-form .input-field.second-wrap { min-width: 120px; } #a88a6a72f7a6191 .btn-search { height: 100%; width: 100%; white-space: nowrap; font-size: 16px; border: 0; cursor: pointer; position: relative; z-index: 0; background: #4a90e2; color: #fff; transition: all 0.2s ease-out, color 0.2s ease-out; font-weight: 300; border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } #a88a6a72f7a6191 .btn-search:hover { background: #262626; } #a88a6a72f7a6191 .btn-search:focus { outline: 0; box-shadow: none; } #a0838a00b2a0ce6 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a0838a00b2a0ce6 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a0838a00b2a0ce6 .menu-list > li > a { height: 100%; font-size: 16px; line-height: 30px; text-align: center; display: block; position: relative; text-transform: capitalize; line-height: 44px; padding: 0 0px; font-weight: bold; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #666666; } #a0838a00b2a0ce6 .menu-list > li > a:before { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background-color: #666666; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #a0838a00b2a0ce6 .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #4a90e2; } #a0838a00b2a0ce6 .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #a0838a00b2a0ce6 .menu-list > li.active > a:before, #a0838a00b2a0ce6 .menu-list > li:hover > a:before { width: 100%; background-color: currentColor; } #a0838a00b2a0ce6 .menu-list > li ul li { position: relative; } #a0838a00b2a0ce6 .menu-list > li ul li:hover > a { color: #777; } #a0838a00b2a0ce6 .menu-list > li ul li a { color: #a3a7ad; display: block; font-size: 16px; line-height: 40px; font-weight: 400; padding: 0 20px; transition: all 0.2s ease-in; white-space: nowrap; background: transparent; } #a0838a00b2a0ce6 .menu-list li ul, #a0838a00b2a0ce6 .menu-list li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; min-width: 100px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); background: #fff; } #a0838a00b2a0ce6 .menu-list li ul.menu-b > li, #a0838a00b2a0ce6 .menu-list li ul li ul.menu-b > li { display: inline-block; } #a0838a00b2a0ce6 .menu-list .menu-b { transition: all .3s ease; padding: 20px 0; left: auto; } #a0838a00b2a0ce6 .menu-list li:hover > ul { display: block; } #a0838a00b2a0ce6 .menu-list li ul li:hover ul { left: 100%; top: 0; } #a0115ae330a7b85 .ap-content-container { height: 100%; min-height: 40px; } #ae6bda0ea0a20a5 .uk-container { line-height: 2; } #a9675ac8b7aa2e8 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a9675ac8b7aa2e8 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a9675ac8b7aa2e8 .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #4a90e2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #a9675ac8b7aa2e8 .menu-list > li > a { padding: 0 35px; } #a9675ac8b7aa2e8 .menu-list > li:hover:before { height: 100%; } #a9675ac8b7aa2e8 .menu-list > li:hover:after { color: auto; } #a9675ac8b7aa2e8 .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #a9675ac8b7aa2e8 .menu-list > li:first-child:after { content: ""; } #a9675ac8b7aa2e8 .menu-list > li.active > a { font-weight: bold; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; color: #262626; } #a9675ac8b7aa2e8 .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #a9675ac8b7aa2e8 .menu-list > li ul li { position: relative; } #a9675ac8b7aa2e8 .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; } #a9675ac8b7aa2e8 .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-align: center; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; } #a9675ac8b7aa2e8 li ul, #a9675ac8b7aa2e8 li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #a9675ac8b7aa2e8 li:hover > ul { left: auto; } #a9675ac8b7aa2e8 li ul li:hover ul { left: 100%; top: 0; } #a88a6a72f7a6191 form { width: 100%; height: 100%; } #a88a6a72f7a6191 .search-box { text-align: center; margin-right: -10px; font-size: 14px; height: 100%; } #a88a6a72f7a6191 .search-box .select-text { line-height: 1; cursor: pointer; padding: 0 10px; white-space: nowrap; padding-left: 18px; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } #a88a6a72f7a6191 .search-box .search-type { padding: 0; margin: 0; position: absolute; left: 0; top: 40px; display: none; z-index: 999999; } #a88a6a72f7a6191 .search-box .search-type.show { display: block; } #a88a6a72f7a6191 .search-box .search-type li { text-align: center; line-height: 40px; background: #f2f2f2; cursor: pointer; padding: 0 18px; } #a88a6a72f7a6191 .search-box .search-type li:hover { color: #262626; } #a88a6a72f7a6191 .search-box .search-type li.active { color: #262626; } #a88a6a72f7a6191 .inner-form { display: -ms-flexbox; display: flex; width: 100%; height: 100%; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; border-radius: 6px; background-color: #f2f2f2; overflow: hidden; } #a88a6a72f7a6191 .inner-form .input-field { height: 100%; } #a88a6a72f7a6191 .inner-form .input-field input { height: 100%; background: transparent; border: 0; display: block; width: 100%; padding: 10px 0; font-weight: normal; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #000; } #a88a6a72f7a6191 .inner-form .input-field input.placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:-moz-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input::-webkit-input-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:focus { box-shadow: none; outline: 0; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap { -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background: #f2f2f2; position: relative; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap input { -ms-flex-positive: 1; flex-grow: 1; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap svg { width: 20px; height: 20px; display: inline-block; fill: #000; margin: 0 15px; } #a88a6a72f7a6191 .inner-form .input-field.second-wrap { min-width: 120px; } #a88a6a72f7a6191 .btn-search { height: 100%; width: 100%; white-space: nowrap; font-size: 16px; border: 0; cursor: pointer; position: relative; z-index: 0; background: #4a90e2; color: #fff; transition: all 0.2s ease-out, color 0.2s ease-out; font-weight: 300; border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } #a88a6a72f7a6191 .btn-search:hover { background: #262626; } #a88a6a72f7a6191 .btn-search:focus { outline: 0; box-shadow: none; } #a030da97f0ada73 .ele-wrap {border-width: 1px;border-style: none;color: #ffffff;border-radius: 6px;background-color: rgba(34, 127, 194, 1);font-size: 14px;justify-content: center;}#a030da97f0ada73 .ele-wrap:hover {border-color: #ccc;background-color: rgba(74, 144, 226, 1);color: #ffffff;background-color: rgba(33, 43, 94, 1);}#acafaa0d68af34f .ele-wrap {border-width: 1px;border-style: none;color: #ffffff;border-radius: 6px;background-color: rgba(34, 127, 194, 1);font-size: 14px;justify-content: center;}#acafaa0d68af34f .ele-wrap:hover {border-color: #ccc;background-color: rgba(74, 144, 226, 1);color: #ffffff;background-color: rgba(33, 43, 94, 1);}#a4ff7a1b8dad2c4 .a173bab564a281d > .ele-wrap {background-color: rgba(247, 247, 247, 1);border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;border-top-left-radius: 2px;border-top-right-radius: 2px;}#a4ff7a1b8dad2c4 .a173bab564a281d > .ele-wrap:hover {background-color: rgba(255, 255, 255, 1);box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.16);}#a4ff7a1b8dad2c4 .a66e1a3599a554e > .ele-wrap {background-color: rgba(247, 247, 247, 1);border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;border-top-left-radius: 2px;border-top-right-radius: 2px;}#a4ff7a1b8dad2c4 .a66e1a3599a554e > .ele-wrap:hover {background-color: rgba(255, 255, 255, 1);box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.16);}#a4ff7a1b8dad2c4 .ac543a58c0a98be , #a4ff7a1b8dad2c4 .ac543a58c0a98be .param-tag { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit;color: rgba(51, 51, 51, 1);}#a4ff7a1b8dad2c4 .a3041a5f6eac66a > .ele-wrap {background-color: rgba(247, 247, 247, 1);border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;border-top-left-radius: 2px;border-top-right-radius: 2px;}#a4ff7a1b8dad2c4 .a3041a5f6eac66a > .ele-wrap:hover {background-color: rgba(255, 255, 255, 1);box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.16);}#a4ff7a1b8dad2c4 .a9b98a9887a0ab2 , #a4ff7a1b8dad2c4 .a9b98a9887a0ab2 .param-tag { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit;color: rgba(51, 51, 51, 1);}#a4ff7a1b8dad2c4 .a046faa7e1a0707 .ele-wrap {border-width: 1px;border-style: none;color: #ffffff;border-radius: 6px;background-color: rgba(34, 127, 194, 1);font-size: 14px;justify-content: center;}#a4ff7a1b8dad2c4 .a046faa7e1a0707 .ele-wrap:hover {border-color: #ccc;background-color: rgba(74, 144, 226, 1);color: #ffffff;background-color: rgba(33, 43, 94, 1);}#a4ff7a1b8dad2c4 .dynamic-list-item:hover { background-color: auto; } /* mobile */ @media (max-width: 640px) { #a4ff7a1b8dad2c4 .uk-position-center-left-out { left: -30px; } #a4ff7a1b8dad2c4 .uk-position-center-right-out { left: auto; right: -30px; } } #a1777a9c67ab100 { overflow: hidden; } #a1777a9c67ab100 .img-wrap { transition: all 0.3s ease-in; } #a1777a9c67ab100 .img-wrap:hover { transform: scale(0.2); } #a684da4558aec26 .ap-category-filter ul li.active { border-color: #4a90e2; color: #4a90e2; } #a684da4558aec26 .ele-article-list.uk-grid > .uk-grid-margin { margin-top: 0px; } #a684da4558aec26 .ele-article-list .pic-article { padding: 15px 0; border-bottom: 1px solid #ececec; } #a684da4558aec26 .ele-article-list .pic-article:hover { background-color: #f6f6f6; } #a684da4558aec26 .ele-article-list .pic-article .img_wrap { width: 35%; position: relative; margin-right: 20px; overflow: hidden; } #a684da4558aec26 .ele-article-list .pic-article .img_wrap .tags { position: absolute; top: .4rem; left: .4rem; z-index: 11; } #a684da4558aec26 .ele-article-list .pic-article .img_wrap .tag { display: inline-block; padding: 0 .5rem; color: #fff; background: rgba(0, 0, 0, 0.5); font-size: .6rem; text-align: center; border-radius: 1rem; margin: 0 5px 5px 0; } #a684da4558aec26 .ele-article-list .pic-article .img_wrap .img { width: 100%; height: 0; background-position: center center; transition: all .3s ease; } #a684da4558aec26 .ele-article-list .pic-article .img_wrap:hover .img { transform: scale(1.05); } #a684da4558aec26 .ele-article-list .pic-article .info { position: relative; color: #828a92; flex: 1; font-size: 13px; overflow: hidden; min-height: 50px; } #a684da4558aec26 .ele-article-list .pic-article .info h3 { margin: 0 0 6px; font-size: 18px; } #a684da4558aec26 .ele-article-list .pic-article .info h3 a { color: #3d464d; font-weight: 500; } #a684da4558aec26 .ele-article-list .pic-article .info h3 a:hover { color: #222; } #a684da4558aec26 .ele-article-list .pic-article .info .info-bottom { position: absolute; left: 0; bottom: 0; width: 100%; line-height: 1; } #a684da4558aec26 .ele-article-list .text-article { padding: 0 0 15px 20px; font-size: 12px; position: relative; } #a684da4558aec26 .ele-article-list .text-article.no-icon { padding-left: 0; } #a684da4558aec26 .ele-article-list .text-article .list-icon { width: 12px; height: auto; position: absolute; left: 0; top: 6px; } #a684da4558aec26 .ele-article-list .text-article h3 { font-size: 16px; font-weight: 400; margin: 0; line-height: 1.5; } #a684da4558aec26 .ele-article-list .text-article h3 a { color: #3d464d; transition: all .2s ease; } #a684da4558aec26 .ele-article-list .text-article h3 a:hover { text-decoration: underline; color: #222; } /* mobile */ @media (max-width: 640px) { .ele-article-list .pic-article { padding: 10px 0; } .ele-article-list .pic-article .img_wrap { margin-right: 10px; } .ele-article-list .pic-article .img_wrap .tag { display: none; } .ele-article-list .pic-article .info { font-size: 12px; } .ele-article-list .pic-article .abstract { display: none; } .ele-article-list .pic-article .info h3 { font-size: 14px; } } #a684da4558aec26 .ele-article-list .pic-article { padding: 20px 0px; border-bottom: 1px none #ececec; } #a684da4558aec26 .ele-article-list .pic-article .img_wrap { width: 30%; border-radius: 0px; overflow: hidden; } #a684da4558aec26 .ele-article-list .pic-article .info .abstract { min-height: 40px; } #a684da4558aec26 .ele-article-list .pic-article .info h3 { font-size: 24px; } #a684da4558aec26 .ele-article-list .pic-article .info h3 a { color: #262626; } #a684da4558aec26 .ele-article-list .pic-article:hover { background-color: #f6f6f6; border-bottom-color: #f6f6f6; } #a684da4558aec26 .ele-article-list .pic-article:hover .info h3 a { color: auto; } #a684da4558aec26 .ele-article-list .pic-article:hover .category { color: auto; } #a684da4558aec26 .ele-article-list .pic-article:hover .abstract { color: auto; } #a684da4558aec26 .ele-article-list .pic-article:hover .time { color: auto; } #a684da4558aec26 .ele-article-list .text-article { border-bottom: 1px none #ececec; } #a684da4558aec26 .ele-article-list .text-article h3 { font-size: 24px; } #a684da4558aec26 .ele-article-list .text-article:hover { background-color: #f6f6f6; border-bottom-color: #f6f6f6; } #a684da4558aec26 .ele-article-list .text-article:hover .info h3 a { color: auto; } #a684da4558aec26 .ele-article-list .text-article:hover .time { color: auto; } #a5431a9a15a6de8 .ele-wrap {border-color: #ccc;border-width: 1px;border-style: none;color: #777;border-radius: 6px;background-color: transparent;}#a5431a9a15a6de8 .ele-wrap:hover {border-color: #ccc;background-color: rgba(74, 144, 226, 1);color: #ffffff;}#a0838a00b2a0ce6 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a0838a00b2a0ce6 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a0838a00b2a0ce6 .menu-list > li > a { height: 100%; font-size: 16px; line-height: 30px; text-align: center; display: block; position: relative; text-transform: capitalize; line-height: 44px; padding: 0 0px; font-weight: bold; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #666666; } #a0838a00b2a0ce6 .menu-list > li > a:before { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background-color: #666666; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #a0838a00b2a0ce6 .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #4a90e2; } #a0838a00b2a0ce6 .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #a0838a00b2a0ce6 .menu-list > li.active > a:before, #a0838a00b2a0ce6 .menu-list > li:hover > a:before { width: 100%; background-color: currentColor; } #a0838a00b2a0ce6 .menu-list > li ul li { position: relative; } #a0838a00b2a0ce6 .menu-list > li ul li:hover > a { color: #777; } #a0838a00b2a0ce6 .menu-list > li ul li a { color: #a3a7ad; display: block; font-size: 16px; line-height: 40px; font-weight: 400; padding: 0 20px; transition: all 0.2s ease-in; white-space: nowrap; background: transparent; } #a0838a00b2a0ce6 .menu-list li ul, #a0838a00b2a0ce6 .menu-list li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; min-width: 100px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); background: #fff; } #a0838a00b2a0ce6 .menu-list li ul.menu-b > li, #a0838a00b2a0ce6 .menu-list li ul li ul.menu-b > li { display: inline-block; } #a0838a00b2a0ce6 .menu-list .menu-b { transition: all .3s ease; padding: 20px 0; left: auto; } #a0838a00b2a0ce6 .menu-list li:hover > ul { display: block; } #a0838a00b2a0ce6 .menu-list li ul li:hover ul { left: 100%; top: 0; } #a0115ae330a7b85 .ap-content-container { height: 100%; min-height: 40px; } #a8927a5022af4ab .uk-container { line-height: 2; } #a9675ac8b7aa2e8 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a9675ac8b7aa2e8 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a9675ac8b7aa2e8 .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #4a90e2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #a9675ac8b7aa2e8 .menu-list > li > a { padding: 0 35px; } #a9675ac8b7aa2e8 .menu-list > li:hover:before { height: 100%; } #a9675ac8b7aa2e8 .menu-list > li:hover:after { color: auto; } #a9675ac8b7aa2e8 .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #a9675ac8b7aa2e8 .menu-list > li:first-child:after { content: ""; } #a9675ac8b7aa2e8 .menu-list > li.active > a { font-weight: bold; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; color: #262626; } #a9675ac8b7aa2e8 .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #a9675ac8b7aa2e8 .menu-list > li ul li { position: relative; } #a9675ac8b7aa2e8 .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; } #a9675ac8b7aa2e8 .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-align: center; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; } #a9675ac8b7aa2e8 li ul, #a9675ac8b7aa2e8 li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #a9675ac8b7aa2e8 li:hover > ul { left: auto; } #a9675ac8b7aa2e8 li ul li:hover ul { left: 100%; top: 0; } #a88a6a72f7a6191 form { width: 100%; height: 100%; } #a88a6a72f7a6191 .search-box { text-align: center; margin-right: -10px; font-size: 14px; height: 100%; } #a88a6a72f7a6191 .search-box .select-text { line-height: 1; cursor: pointer; padding: 0 10px; white-space: nowrap; padding-left: 18px; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } #a88a6a72f7a6191 .search-box .search-type { padding: 0; margin: 0; position: absolute; left: 0; top: 40px; display: none; z-index: 999999; } #a88a6a72f7a6191 .search-box .search-type.show { display: block; } #a88a6a72f7a6191 .search-box .search-type li { text-align: center; line-height: 40px; background: #f2f2f2; cursor: pointer; padding: 0 18px; } #a88a6a72f7a6191 .search-box .search-type li:hover { color: #262626; } #a88a6a72f7a6191 .search-box .search-type li.active { color: #262626; } #a88a6a72f7a6191 .inner-form { display: -ms-flexbox; display: flex; width: 100%; height: 100%; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; border-radius: 6px; background-color: #f2f2f2; overflow: hidden; } #a88a6a72f7a6191 .inner-form .input-field { height: 100%; } #a88a6a72f7a6191 .inner-form .input-field input { height: 100%; background: transparent; border: 0; display: block; width: 100%; padding: 10px 0; font-weight: normal; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #000; } #a88a6a72f7a6191 .inner-form .input-field input.placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:-moz-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input::-webkit-input-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:focus { box-shadow: none; outline: 0; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap { -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background: #f2f2f2; position: relative; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap input { -ms-flex-positive: 1; flex-grow: 1; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap svg { width: 20px; height: 20px; display: inline-block; fill: #000; margin: 0 15px; } #a88a6a72f7a6191 .inner-form .input-field.second-wrap { min-width: 120px; } #a88a6a72f7a6191 .btn-search { height: 100%; width: 100%; white-space: nowrap; font-size: 16px; border: 0; cursor: pointer; position: relative; z-index: 0; background: #4a90e2; color: #fff; transition: all 0.2s ease-out, color 0.2s ease-out; font-weight: 300; border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } #a88a6a72f7a6191 .btn-search:hover { background: #262626; } #a88a6a72f7a6191 .btn-search:focus { outline: 0; box-shadow: none; } #a8963ac90aaa196 .ap-category-filter ul li.active { border-color: #4a90e2; color: #4a90e2; } #a8963ac90aaa196 .grid-list .product-item { overflow: hidden; } #a8963ac90aaa196 .grid-list .product-preview .img { display: block; } #a8963ac90aaa196 .grid-list .tags { position: absolute; left: 8px; top: 8px; } #a8963ac90aaa196 .grid-list .tags .tag { font-size: 12px; line-height: 1; color: #ffffff; font-weight: 500; padding: 3px 4px 1px; border-radius: 2px; background-color: #F8353E; margin-right: 4px; float: left; } #a8963ac90aaa196 .grid-list .product-info { min-height: 110px; } #a8963ac90aaa196 .grid-list .product-info-inner { padding: 16px 10px; transition: margin 0.3s ease 0s; position: absolute; width: 100%; background: #fff; } #a8963ac90aaa196 .grid-list .product-item:hover .product-info-inner { margin-top: -49px; } #a8963ac90aaa196 .grid-list .product-item:hover .product-buttons { opacity: 1; } #a8963ac90aaa196 .grid-list .category-name { font-size: 12px; } #a8963ac90aaa196 .grid-list .category-name a { color: #777; } #a8963ac90aaa196 .grid-list .title, #a8963ac90aaa196 .grid-list .subTitle { font-weight: 500; font-size: 14px; color: #191919; line-height: 1.5; } #a8963ac90aaa196 .grid-list .title a, #a8963ac90aaa196 .grid-list .subTitle a { color: #191919; } #a8963ac90aaa196 .grid-list .product-buttons { margin-top: 10px; position: absolute; left: 0; right: 0; opacity: 0; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #a8963ac90aaa196 .grid-list .product-btn { border-radius: 4px; padding: 6px 15px; font-size: 14px; color: #fff; line-height: 1; } #a8963ac90aaa196 .grid-list .ap-icon svg { height: 1em; fill: currentColor; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } #a8963ac90aaa196 .grid-list { margin-left: -20px; } #a8963ac90aaa196 .grid-list .product-preview { border-radius: 0px; overflow: hidden; } #a8963ac90aaa196 .grid-list .title { font-size: 24px; } #a8963ac90aaa196 .grid-list .title a { color: #262626; } #a8963ac90aaa196 .grid-list.uk-grid-small > * { padding-left: 20px; } #a8963ac90aaa196 .grid-list > .uk-grid-margin { margin-top: 20px; } #a8963ac90aaa196 .grid-list .product:hover { background-color: auto; } #a8963ac90aaa196 .grid-list .product:hover .title a { color: #444; } #a8963ac90aaa196 .grid-list .product:hover .subTitle { color: auto; } #a8963ac90aaa196 .grid-list .product:hover .category { color: auto; } #a8963ac90aaa196 .grid-list .product:hover .abstract { color: auto; } #a8963ac90aaa196 .grid-list .product:hover .product-btn { color: auto; } @media (max-width: 640px) { #a8963ac90aaa196 .grid-list .product-info { min-height: 0; } #a8963ac90aaa196 .grid-list .product-info-inner { padding: 10px; position: relative; } #a8963ac90aaa196 .grid-list .product-buttons { display: none; } } #ab827a5766a30d1 .a6e77a95c8a6a40 > .ele-wrap {background-color: rgba(247, 247, 247, 1);border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;border-top-left-radius: 2px;border-top-right-radius: 2px;}#ab827a5766a30d1 .a6e77a95c8a6a40 > .ele-wrap:hover {background-color: rgba(255, 255, 255, 1);box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.16);}#ab827a5766a30d1 .ada08aa560ac46a { overflow: hidden; } #ab827a5766a30d1 .ada08aa560ac46a .img-wrap { transition: all 0.3s ease-in; } #ab827a5766a30d1 .ada08aa560ac46a .img-wrap:hover { transform: scale(1.2); } #ab827a5766a30d1 .ace19a100ea5ea3 { overflow: hidden; } #ab827a5766a30d1 .ace19a100ea5ea3 , #ab827a5766a30d1 .ace19a100ea5ea3 > * { font-weight: normal; font-style: normal; text-decoration: none; font-size: 20px;font-family: inherit;color: rgba(51, 51, 51, 1);}#ab827a5766a30d1 .a8b27a6564acc97 { overflow: hidden; } #ab827a5766a30d1 .a7f8aa66e9a1aaa , #ab827a5766a30d1 .a7f8aa66e9a1aaa .param-tag { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit;color: rgba(51, 51, 51, 1);}#ab827a5766a30d1 .a0713ab5d4a3fb5 , #ab827a5766a30d1 .a0713ab5d4a3fb5 .param-tag { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit;color: rgba(51, 51, 51, 1);}#ab827a5766a30d1 .a6f0eac368a315a , #ab827a5766a30d1 .a6f0eac368a315a .param-tag { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit;color: rgba(51, 51, 51, 1);}#ab827a5766a30d1 .a2209a2adda1daa > .ele-wrap {background-color: #4a90e2;border-right-style: none;border-left-style: none;border-bottom-style: none;border-top-style: none;border-bottom-right-radius: 15px;}#ab827a5766a30d1 .ae3e9a0ebaa5f16 , #ab827a5766a30d1 .ae3e9a0ebaa5f16 a{color: rgba(255, 255, 255, 1);}#ab827a5766a30d1 .dynamic-list-item:hover { background-color: auto; } /* mobile */ @media (max-width: 640px) { #ab827a5766a30d1 .uk-position-center-left-out { left: -30px; } #ab827a5766a30d1 .uk-position-center-right-out { left: auto; right: -30px; } } #a99b5adb9ea2ef2 .ap-category-filter ul li.active { border-color: #4a90e2; color: #4a90e2; } #a99b5adb9ea2ef2 .grid-list .product-item { overflow: hidden; } #a99b5adb9ea2ef2 .grid-list .product-preview .img { display: block; } #a99b5adb9ea2ef2 .grid-list .tags { position: absolute; left: 8px; top: 8px; } #a99b5adb9ea2ef2 .grid-list .tags .tag { font-size: 12px; line-height: 1; color: #ffffff; font-weight: 500; padding: 3px 4px 1px; border-radius: 2px; background-color: #F8353E; margin-right: 4px; float: left; } #a99b5adb9ea2ef2 .grid-list .product-info { min-height: 110px; } #a99b5adb9ea2ef2 .grid-list .product-info-inner { padding: 16px 10px; transition: margin 0.3s ease 0s; position: absolute; width: 100%; background: #fff; } #a99b5adb9ea2ef2 .grid-list .product-item:hover .product-info-inner { margin-top: -49px; } #a99b5adb9ea2ef2 .grid-list .product-item:hover .product-buttons { opacity: 1; } #a99b5adb9ea2ef2 .grid-list .category-name { font-size: 12px; } #a99b5adb9ea2ef2 .grid-list .category-name a { color: #777; } #a99b5adb9ea2ef2 .grid-list .title, #a99b5adb9ea2ef2 .grid-list .subTitle { font-weight: 500; font-size: 14px; color: #191919; line-height: 1.5; } #a99b5adb9ea2ef2 .grid-list .title a, #a99b5adb9ea2ef2 .grid-list .subTitle a { color: #191919; } #a99b5adb9ea2ef2 .grid-list .product-buttons { margin-top: 10px; position: absolute; left: 0; right: 0; opacity: 0; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #a99b5adb9ea2ef2 .grid-list .product-btn { border-radius: 4px; padding: 6px 15px; font-size: 14px; color: #fff; line-height: 1; } #a99b5adb9ea2ef2 .grid-list .ap-icon svg { height: 1em; fill: currentColor; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } #a99b5adb9ea2ef2 .grid-list { margin-left: -20px; } #a99b5adb9ea2ef2 .grid-list .product-preview { border-radius: 0px; overflow: hidden; } #a99b5adb9ea2ef2 .grid-list .title { font-size: 24px; } #a99b5adb9ea2ef2 .grid-list .title a { color: #262626; } #a99b5adb9ea2ef2 .grid-list.uk-grid-small > * { padding-left: 20px; } #a99b5adb9ea2ef2 .grid-list .product:hover { background-color: auto; } #a99b5adb9ea2ef2 .grid-list .product:hover .title a { color: auto; } #a99b5adb9ea2ef2 .grid-list .product:hover .subTitle { color: auto; } #a99b5adb9ea2ef2 .grid-list .product:hover .category { color: auto; } #a99b5adb9ea2ef2 .grid-list .product:hover .abstract { color: auto; } #a99b5adb9ea2ef2 .grid-list .product:hover .product-btn { color: auto; } @media (max-width: 640px) { #a99b5adb9ea2ef2 .grid-list .product-info { min-height: 0; } #a99b5adb9ea2ef2 .grid-list .product-info-inner { padding: 10px; position: relative; } #a99b5adb9ea2ef2 .grid-list .product-buttons { display: none; } } #a197fabef8a2873 .ap-category-filter ul li.active { border-color: #4a90e2; color: #4a90e2; } #a197fabef8a2873 .grid-list .product-item { overflow: hidden; } #a197fabef8a2873 .grid-list .product-preview .img { display: block; } #a197fabef8a2873 .grid-list .tags { position: absolute; left: 8px; top: 8px; } #a197fabef8a2873 .grid-list .tags .tag { font-size: 12px; line-height: 1; color: #ffffff; font-weight: 500; padding: 3px 4px 1px; border-radius: 2px; background-color: #F8353E; margin-right: 4px; float: left; } #a197fabef8a2873 .grid-list .product-info { min-height: 110px; } #a197fabef8a2873 .grid-list .product-info-inner { padding: 16px 10px; transition: margin 0.3s ease 0s; position: absolute; width: 100%; background: #fff; } #a197fabef8a2873 .grid-list .product-item:hover .product-info-inner { margin-top: -49px; } #a197fabef8a2873 .grid-list .product-item:hover .product-buttons { opacity: 1; } #a197fabef8a2873 .grid-list .category-name { font-size: 12px; } #a197fabef8a2873 .grid-list .category-name a { color: #777; } #a197fabef8a2873 .grid-list .title, #a197fabef8a2873 .grid-list .subTitle { font-weight: 500; font-size: 14px; color: #191919; line-height: 1.5; } #a197fabef8a2873 .grid-list .title a, #a197fabef8a2873 .grid-list .subTitle a { color: #191919; } #a197fabef8a2873 .grid-list .product-buttons { margin-top: 10px; position: absolute; left: 0; right: 0; opacity: 0; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #a197fabef8a2873 .grid-list .product-btn { border-radius: 4px; padding: 6px 15px; font-size: 14px; color: #fff; line-height: 1; } #a197fabef8a2873 .grid-list .ap-icon svg { height: 1em; fill: currentColor; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } #a197fabef8a2873 .grid-list { margin-left: -20px; } #a197fabef8a2873 .grid-list .product-preview { border-radius: 0px; overflow: hidden; } #a197fabef8a2873 .grid-list .title { font-size: 24px; } #a197fabef8a2873 .grid-list .title a { color: #262626; } #a197fabef8a2873 .grid-list.uk-grid-small > * { padding-left: 20px; } #a197fabef8a2873 .grid-list .product:hover { background-color: auto; } #a197fabef8a2873 .grid-list .product:hover .title a { color: auto; } #a197fabef8a2873 .grid-list .product:hover .subTitle { color: auto; } #a197fabef8a2873 .grid-list .product:hover .category { color: auto; } #a197fabef8a2873 .grid-list .product:hover .abstract { color: auto; } #a197fabef8a2873 .grid-list .product:hover .product-btn { color: auto; } @media (max-width: 640px) { #a197fabef8a2873 .grid-list .product-info { min-height: 0; } #a197fabef8a2873 .grid-list .product-info-inner { padding: 10px; position: relative; } #a197fabef8a2873 .grid-list .product-buttons { display: none; } } #a969aa5917a2c51 .ap-category-filter ul li.active { border-color: #4a90e2; color: #4a90e2; } #a969aa5917a2c51 .uk-grid { margin-left: -8px; } #a969aa5917a2c51 .uk-grid > * { padding-left: 8px; } #a969aa5917a2c51 .uk-grid-margin { margin-top: 20px; } #a969aa5917a2c51 .uk-card { transition: all .3s ease; background-color: #fff; position: relative; } #a969aa5917a2c51 .uk-card-media-top { overflow: hidden; background: #fff; } #a969aa5917a2c51 .uk-card-media-top .img { transition: all .3s ease; } #a969aa5917a2c51 .uk-card-body { display: block; } #a969aa5917a2c51 .btn-wrap { position: absolute; width: 100%; left: 0; bottom: -20px; text-align: center; } #a969aa5917a2c51 .uk-button { display: inline-block; margin: 0; border: 1px solid #ececec; background-color: #227ec2; color: #fff; } #a969aa5917a2c51 .uk-button .btn_icon { display: inline-block; margin-right: 4px; } #a969aa5917a2c51 .uk-button .btn_icon svg { height: 1em; width: 14px; fill: currentColor; } #a969aa5917a2c51 .uk-card .title { font-weight: bold; font-style: normal; text-decoration: none; font-size: 15px; font-family: NotoSansSC-Medium; color: #555; } #a969aa5917a2c51 .uk-card .abstract { font-weight: normal; font-style: normal; text-decoration: none; font-size: 12px; font-family: NotoSansSC-Light; color: #999; } #a969aa5917a2c51 .uk-card:hover { background-color: #333333; } #a969aa5917a2c51 .uk-card:hover .title { color: #fff; } #a969aa5917a2c51 .uk-card:hover hr { border-top-color: #4d4d4d; } #a969aa5917a2c51 .uk-card:hover .img { transform: scale(1.2); } #a969aa5917a2c51 .uk-card:hover .abstract { color: #fff; } #a969aa5917a2c51 .uk-card:hover .datetime { color: #d3b267; } #a969aa5917a2c51 .uk-card:hover .category { color: #d3b267; } #a969aa5917a2c51 .uk-card:hover .uk-button { color: #fff; background-color: #d3b267; border-color: #d3b267; } #a0b14a72fca6851 > .ele-wrap {background-color: rgba(176, 209, 247, 0);border-right-style: none;border-left-style: none;border-bottom-style: none;border-top-style: none;}#a5edca5579a8bbf > .ele-wrap {background-color: rgba(34, 126, 194, 1);border-right-style: none;border-left-style: none;border-bottom-style: none;border-top-style: none;}#a887da165aa767b .ele-wrap {border-color: #000;color: #4a4a4a;font-size: 26px;font-weight: 500;background-color: rgba(248, 248, 248, 1);border-radius: 0px;justify-content: center;border-style: solid;box-shadow: 0px 0px 0px 0px rgba(198, 197, 202, 1);}#a887da165aa767b .ele-wrap:hover {background-color: #0483cc;color: #ffffff;background-color: rgba(34, 126, 194, 1);}#a632baedfea310f .ele-wrap {border-color: #000;color: #4a4a4a;font-size: 26px;font-weight: 500;background-color: rgba(248, 248, 248, 1);border-radius: 0px;justify-content: center;border-style: solid;box-shadow: 0px 0px 0px 0px rgba(198, 197, 202, 1);}#a632baedfea310f .ele-wrap:hover {background-color: #0483cc;color: #ffffff;background-color: rgba(34, 126, 194, 1);}#ad027aa824a533b .ele-wrap {border-color: #000;color: #4a4a4a;font-size: 26px;font-weight: 500;background-color: rgba(248, 248, 248, 1);border-radius: 0px;justify-content: center;border-style: solid;box-shadow: 0px 0px 0px 0px rgba(198, 197, 202, 1);}#ad027aa824a533b .ele-wrap:hover {background-color: #0483cc;color: #ffffff;background-color: rgba(248, 248, 248, 1);}#a17d8ae6b0a66cc .ele-wrap {border-color: rgba(0, 0, 0, 1);border-width: 0px;border-style: solid;color: #4a4a4a;background-color: rgba(248, 248, 248, 1);border-radius: 0px;font-size: 26px;justify-content: center;font-weight: 500;box-shadow: 0px 0px 0px 0px rgba(198, 197, 202, 0.1);}#a17d8ae6b0a66cc .ele-wrap:hover {border-color: #ccc;background-color: #fff;color: #444;}#a0838a00b2a0ce6 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a0838a00b2a0ce6 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a0838a00b2a0ce6 .menu-list > li > a { height: 100%; font-size: 16px; line-height: 30px; text-align: center; display: block; position: relative; text-transform: capitalize; line-height: 44px; padding: 0 0px; font-weight: bold; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #666666; } #a0838a00b2a0ce6 .menu-list > li > a:before { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background-color: #666666; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #a0838a00b2a0ce6 .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #4a90e2; } #a0838a00b2a0ce6 .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #a0838a00b2a0ce6 .menu-list > li.active > a:before, #a0838a00b2a0ce6 .menu-list > li:hover > a:before { width: 100%; background-color: currentColor; } #a0838a00b2a0ce6 .menu-list > li ul li { position: relative; } #a0838a00b2a0ce6 .menu-list > li ul li:hover > a { color: #777; } #a0838a00b2a0ce6 .menu-list > li ul li a { color: #a3a7ad; display: block; font-size: 16px; line-height: 40px; font-weight: 400; padding: 0 20px; transition: all 0.2s ease-in; white-space: nowrap; background: transparent; } #a0838a00b2a0ce6 .menu-list li ul, #a0838a00b2a0ce6 .menu-list li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; min-width: 100px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); background: #fff; } #a0838a00b2a0ce6 .menu-list li ul.menu-b > li, #a0838a00b2a0ce6 .menu-list li ul li ul.menu-b > li { display: inline-block; } #a0838a00b2a0ce6 .menu-list .menu-b { transition: all .3s ease; padding: 20px 0; left: auto; } #a0838a00b2a0ce6 .menu-list li:hover > ul { display: block; } #a0838a00b2a0ce6 .menu-list li ul li:hover ul { left: 100%; top: 0; } #a3049ad127a1918 .ap-content-container { height: 100%; min-height: 40px; } #a5b41ad3dca9a62 .uk-container { line-height: 2; } #a9675ac8b7aa2e8 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a9675ac8b7aa2e8 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a9675ac8b7aa2e8 .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #4a90e2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #a9675ac8b7aa2e8 .menu-list > li > a { padding: 0 35px; } #a9675ac8b7aa2e8 .menu-list > li:hover:before { height: 100%; } #a9675ac8b7aa2e8 .menu-list > li:hover:after { color: auto; } #a9675ac8b7aa2e8 .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #a9675ac8b7aa2e8 .menu-list > li:first-child:after { content: ""; } #a9675ac8b7aa2e8 .menu-list > li.active > a { font-weight: bold; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; color: #262626; } #a9675ac8b7aa2e8 .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #a9675ac8b7aa2e8 .menu-list > li ul li { position: relative; } #a9675ac8b7aa2e8 .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; } #a9675ac8b7aa2e8 .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-align: center; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; } #a9675ac8b7aa2e8 li ul, #a9675ac8b7aa2e8 li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #a9675ac8b7aa2e8 li:hover > ul { left: auto; } #a9675ac8b7aa2e8 li ul li:hover ul { left: 100%; top: 0; } #a88a6a72f7a6191 form { width: 100%; height: 100%; } #a88a6a72f7a6191 .search-box { text-align: center; margin-right: -10px; font-size: 14px; height: 100%; } #a88a6a72f7a6191 .search-box .select-text { line-height: 1; cursor: pointer; padding: 0 10px; white-space: nowrap; padding-left: 18px; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } #a88a6a72f7a6191 .search-box .search-type { padding: 0; margin: 0; position: absolute; left: 0; top: 40px; display: none; z-index: 999999; } #a88a6a72f7a6191 .search-box .search-type.show { display: block; } #a88a6a72f7a6191 .search-box .search-type li { text-align: center; line-height: 40px; background: #f2f2f2; cursor: pointer; padding: 0 18px; } #a88a6a72f7a6191 .search-box .search-type li:hover { color: #262626; } #a88a6a72f7a6191 .search-box .search-type li.active { color: #262626; } #a88a6a72f7a6191 .inner-form { display: -ms-flexbox; display: flex; width: 100%; height: 100%; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; border-radius: 6px; background-color: #f2f2f2; overflow: hidden; } #a88a6a72f7a6191 .inner-form .input-field { height: 100%; } #a88a6a72f7a6191 .inner-form .input-field input { height: 100%; background: transparent; border: 0; display: block; width: 100%; padding: 10px 0; font-weight: normal; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #000; } #a88a6a72f7a6191 .inner-form .input-field input.placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:-moz-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input::-webkit-input-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:focus { box-shadow: none; outline: 0; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap { -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background: #f2f2f2; position: relative; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap input { -ms-flex-positive: 1; flex-grow: 1; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap svg { width: 20px; height: 20px; display: inline-block; fill: #000; margin: 0 15px; } #a88a6a72f7a6191 .inner-form .input-field.second-wrap { min-width: 120px; } #a88a6a72f7a6191 .btn-search { height: 100%; width: 100%; white-space: nowrap; font-size: 16px; border: 0; cursor: pointer; position: relative; z-index: 0; background: #4a90e2; color: #fff; transition: all 0.2s ease-out, color 0.2s ease-out; font-weight: 300; border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } #a88a6a72f7a6191 .btn-search:hover { background: #262626; } #a88a6a72f7a6191 .btn-search:focus { outline: 0; box-shadow: none; } #a70abab32ba1d42 .gallery-thumbnails .uk-thumbnav { justify-content: center; } #a70abab32ba1d42 .gallery-thumbnails .uk-thumbnav > * { padding-left: 8px; } #a9e73acc76a1297 .ele-wrap {border-color: rgba(255, 255, 255, 1);border-width: 1px;border-style: solid;color: #777;background-color: transparent;border-radius: 25px;font-size: 22px;justify-content: center;}#a9e73acc76a1297 .ele-wrap:hover {border-color: rgba(34, 126, 194, 1);background-color: #fff;color: #227ec2;}#acdb9a9b50ac814 .ele-wrap {border-color: rgba(255, 255, 255, 1);border-width: 1px;border-style: solid;color: #777;background-color: transparent;border-radius: 25px;font-size: 22px;justify-content: center;}#acdb9a9b50ac814 .ele-wrap:hover {border-color: rgba(34, 126, 194, 1);background-color: #fff;color: #227ec2;}#a3722ae3f2a5571 .ele-wrap {border-color: rgba(255, 255, 255, 1);border-width: 1px;border-style: solid;color: #777;background-color: transparent;border-radius: 25px;font-size: 22px;justify-content: center;}#a3722ae3f2a5571 .ele-wrap:hover {border-color: rgba(34, 126, 194, 1);background-color: #fff;color: #227ec2;}#a7a2aa52ffae52d .ele-wrap {border-color: rgba(255, 255, 255, 1);border-width: 1px;border-style: solid;color: #777;background-color: transparent;border-radius: 25px;font-size: 22px;justify-content: center;}#a7a2aa52ffae52d .ele-wrap:hover {border-color: rgba(34, 126, 194, 1);background-color: #fff;color: #227ec2;}#a0838a00b2a0ce6 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a0838a00b2a0ce6 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a0838a00b2a0ce6 .menu-list > li > a { height: 100%; font-size: 16px; line-height: 30px; text-align: center; display: block; position: relative; text-transform: capitalize; line-height: 44px; padding: 0 0px; font-weight: bold; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #666666; } #a0838a00b2a0ce6 .menu-list > li > a:before { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background-color: #666666; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #a0838a00b2a0ce6 .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #4a90e2; } #a0838a00b2a0ce6 .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #a0838a00b2a0ce6 .menu-list > li.active > a:before, #a0838a00b2a0ce6 .menu-list > li:hover > a:before { width: 100%; background-color: currentColor; } #a0838a00b2a0ce6 .menu-list > li ul li { position: relative; } #a0838a00b2a0ce6 .menu-list > li ul li:hover > a { color: #777; } #a0838a00b2a0ce6 .menu-list > li ul li a { color: #a3a7ad; display: block; font-size: 16px; line-height: 40px; font-weight: 400; padding: 0 20px; transition: all 0.2s ease-in; white-space: nowrap; background: transparent; } #a0838a00b2a0ce6 .menu-list li ul, #a0838a00b2a0ce6 .menu-list li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; min-width: 100px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); background: #fff; } #a0838a00b2a0ce6 .menu-list li ul.menu-b > li, #a0838a00b2a0ce6 .menu-list li ul li ul.menu-b > li { display: inline-block; } #a0838a00b2a0ce6 .menu-list .menu-b { transition: all .3s ease; padding: 20px 0; left: auto; } #a0838a00b2a0ce6 .menu-list li:hover > ul { display: block; } #a0838a00b2a0ce6 .menu-list li ul li:hover ul { left: 100%; top: 0; } #a9699a5114a122e .ap-content-container { height: 100%; min-height: 40px; } #a9749a3714a3541 .uk-container { line-height: 2; } #a9675ac8b7aa2e8 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a9675ac8b7aa2e8 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a9675ac8b7aa2e8 .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #4a90e2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #a9675ac8b7aa2e8 .menu-list > li > a { padding: 0 35px; } #a9675ac8b7aa2e8 .menu-list > li:hover:before { height: 100%; } #a9675ac8b7aa2e8 .menu-list > li:hover:after { color: auto; } #a9675ac8b7aa2e8 .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #a9675ac8b7aa2e8 .menu-list > li:first-child:after { content: ""; } #a9675ac8b7aa2e8 .menu-list > li.active > a { font-weight: bold; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; color: #262626; } #a9675ac8b7aa2e8 .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #a9675ac8b7aa2e8 .menu-list > li ul li { position: relative; } #a9675ac8b7aa2e8 .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; } #a9675ac8b7aa2e8 .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-align: center; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; } #a9675ac8b7aa2e8 li ul, #a9675ac8b7aa2e8 li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #a9675ac8b7aa2e8 li:hover > ul { left: auto; } #a9675ac8b7aa2e8 li ul li:hover ul { left: 100%; top: 0; } #a88a6a72f7a6191 form { width: 100%; height: 100%; } #a88a6a72f7a6191 .search-box { text-align: center; margin-right: -10px; font-size: 14px; height: 100%; } #a88a6a72f7a6191 .search-box .select-text { line-height: 1; cursor: pointer; padding: 0 10px; white-space: nowrap; padding-left: 18px; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } #a88a6a72f7a6191 .search-box .search-type { padding: 0; margin: 0; position: absolute; left: 0; top: 40px; display: none; z-index: 999999; } #a88a6a72f7a6191 .search-box .search-type.show { display: block; } #a88a6a72f7a6191 .search-box .search-type li { text-align: center; line-height: 40px; background: #f2f2f2; cursor: pointer; padding: 0 18px; } #a88a6a72f7a6191 .search-box .search-type li:hover { color: #262626; } #a88a6a72f7a6191 .search-box .search-type li.active { color: #262626; } #a88a6a72f7a6191 .inner-form { display: -ms-flexbox; display: flex; width: 100%; height: 100%; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; border-radius: 6px; background-color: #f2f2f2; overflow: hidden; } #a88a6a72f7a6191 .inner-form .input-field { height: 100%; } #a88a6a72f7a6191 .inner-form .input-field input { height: 100%; background: transparent; border: 0; display: block; width: 100%; padding: 10px 0; font-weight: normal; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #000; } #a88a6a72f7a6191 .inner-form .input-field input.placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:-moz-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input::-webkit-input-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:focus { box-shadow: none; outline: 0; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap { -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background: #f2f2f2; position: relative; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap input { -ms-flex-positive: 1; flex-grow: 1; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap svg { width: 20px; height: 20px; display: inline-block; fill: #000; margin: 0 15px; } #a88a6a72f7a6191 .inner-form .input-field.second-wrap { min-width: 120px; } #a88a6a72f7a6191 .btn-search { height: 100%; width: 100%; white-space: nowrap; font-size: 16px; border: 0; cursor: pointer; position: relative; z-index: 0; background: #4a90e2; color: #fff; transition: all 0.2s ease-out, color 0.2s ease-out; font-weight: 300; border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } #a88a6a72f7a6191 .btn-search:hover { background: #262626; } #a88a6a72f7a6191 .btn-search:focus { outline: 0; box-shadow: none; } #a8f2ca0624a6d09 .gallery-thumbnails .uk-thumbnav { justify-content: center; } #a8f2ca0624a6d09 .gallery-thumbnails .uk-thumbnav > * { padding-left: 8px; } #adb6aaf563af24e .ele-wrap {border-color: rgba(255, 255, 255, 1);border-width: 1px;border-style: solid;color: #777;background-color: transparent;border-radius: 25px;font-size: 22px;justify-content: center;}#adb6aaf563af24e .ele-wrap:hover {border-color: rgba(34, 126, 194, 1);background-color: #fff;color: #227ec2;}#aa315a26eaadec9 .ele-wrap {border-color: rgba(255, 255, 255, 1);border-width: 1px;border-style: solid;color: #777;background-color: transparent;border-radius: 25px;font-size: 22px;justify-content: center;}#aa315a26eaadec9 .ele-wrap:hover {border-color: rgba(34, 126, 194, 1);background-color: #fff;color: #227ec2;}#aa59bac31ea0b55 .ele-wrap {border-color: rgba(255, 255, 255, 1);border-width: 1px;border-style: solid;color: #777;background-color: transparent;border-radius: 25px;font-size: 22px;justify-content: center;}#aa59bac31ea0b55 .ele-wrap:hover {border-color: rgba(34, 126, 194, 1);background-color: #fff;color: #227ec2;}#a6b6ba7291a2585 .ele-wrap {border-color: rgba(255, 255, 255, 1);border-width: 1px;border-style: solid;color: #777;background-color: transparent;border-radius: 25px;font-size: 22px;justify-content: center;}#a6b6ba7291a2585 .ele-wrap:hover {border-color: rgba(34, 126, 194, 1);background-color: #fff;color: #227ec2;}#a0838a00b2a0ce6 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a0838a00b2a0ce6 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a0838a00b2a0ce6 .menu-list > li > a { height: 100%; font-size: 16px; line-height: 30px; text-align: center; display: block; position: relative; text-transform: capitalize; line-height: 44px; padding: 0 0px; font-weight: bold; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #666666; } #a0838a00b2a0ce6 .menu-list > li > a:before { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background-color: #666666; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #a0838a00b2a0ce6 .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #4a90e2; } #a0838a00b2a0ce6 .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #a0838a00b2a0ce6 .menu-list > li.active > a:before, #a0838a00b2a0ce6 .menu-list > li:hover > a:before { width: 100%; background-color: currentColor; } #a0838a00b2a0ce6 .menu-list > li ul li { position: relative; } #a0838a00b2a0ce6 .menu-list > li ul li:hover > a { color: #777; } #a0838a00b2a0ce6 .menu-list > li ul li a { color: #a3a7ad; display: block; font-size: 16px; line-height: 40px; font-weight: 400; padding: 0 20px; transition: all 0.2s ease-in; white-space: nowrap; background: transparent; } #a0838a00b2a0ce6 .menu-list li ul, #a0838a00b2a0ce6 .menu-list li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; min-width: 100px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); background: #fff; } #a0838a00b2a0ce6 .menu-list li ul.menu-b > li, #a0838a00b2a0ce6 .menu-list li ul li ul.menu-b > li { display: inline-block; } #a0838a00b2a0ce6 .menu-list .menu-b { transition: all .3s ease; padding: 20px 0; left: auto; } #a0838a00b2a0ce6 .menu-list li:hover > ul { display: block; } #a0838a00b2a0ce6 .menu-list li ul li:hover ul { left: 100%; top: 0; } #a2e2aabc8dad4b5 .ap-content-container { height: 100%; min-height: 40px; } #aeb82a3501ace39 .uk-container { line-height: 2; } #a9675ac8b7aa2e8 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a9675ac8b7aa2e8 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a9675ac8b7aa2e8 .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #4a90e2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #a9675ac8b7aa2e8 .menu-list > li > a { padding: 0 35px; } #a9675ac8b7aa2e8 .menu-list > li:hover:before { height: 100%; } #a9675ac8b7aa2e8 .menu-list > li:hover:after { color: auto; } #a9675ac8b7aa2e8 .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #a9675ac8b7aa2e8 .menu-list > li:first-child:after { content: ""; } #a9675ac8b7aa2e8 .menu-list > li.active > a { font-weight: bold; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; color: #262626; } #a9675ac8b7aa2e8 .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #a9675ac8b7aa2e8 .menu-list > li ul li { position: relative; } #a9675ac8b7aa2e8 .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; } #a9675ac8b7aa2e8 .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-align: center; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; } #a9675ac8b7aa2e8 li ul, #a9675ac8b7aa2e8 li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #a9675ac8b7aa2e8 li:hover > ul { left: auto; } #a9675ac8b7aa2e8 li ul li:hover ul { left: 100%; top: 0; } #a88a6a72f7a6191 form { width: 100%; height: 100%; } #a88a6a72f7a6191 .search-box { text-align: center; margin-right: -10px; font-size: 14px; height: 100%; } #a88a6a72f7a6191 .search-box .select-text { line-height: 1; cursor: pointer; padding: 0 10px; white-space: nowrap; padding-left: 18px; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } #a88a6a72f7a6191 .search-box .search-type { padding: 0; margin: 0; position: absolute; left: 0; top: 40px; display: none; z-index: 999999; } #a88a6a72f7a6191 .search-box .search-type.show { display: block; } #a88a6a72f7a6191 .search-box .search-type li { text-align: center; line-height: 40px; background: #f2f2f2; cursor: pointer; padding: 0 18px; } #a88a6a72f7a6191 .search-box .search-type li:hover { color: #262626; } #a88a6a72f7a6191 .search-box .search-type li.active { color: #262626; } #a88a6a72f7a6191 .inner-form { display: -ms-flexbox; display: flex; width: 100%; height: 100%; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; border-radius: 6px; background-color: #f2f2f2; overflow: hidden; } #a88a6a72f7a6191 .inner-form .input-field { height: 100%; } #a88a6a72f7a6191 .inner-form .input-field input { height: 100%; background: transparent; border: 0; display: block; width: 100%; padding: 10px 0; font-weight: normal; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #000; } #a88a6a72f7a6191 .inner-form .input-field input.placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:-moz-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input::-webkit-input-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:focus { box-shadow: none; outline: 0; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap { -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background: #f2f2f2; position: relative; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap input { -ms-flex-positive: 1; flex-grow: 1; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap svg { width: 20px; height: 20px; display: inline-block; fill: #000; margin: 0 15px; } #a88a6a72f7a6191 .inner-form .input-field.second-wrap { min-width: 120px; } #a88a6a72f7a6191 .btn-search { height: 100%; width: 100%; white-space: nowrap; font-size: 16px; border: 0; cursor: pointer; position: relative; z-index: 0; background: #4a90e2; color: #fff; transition: all 0.2s ease-out, color 0.2s ease-out; font-weight: 300; border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } #a88a6a72f7a6191 .btn-search:hover { background: #262626; } #a88a6a72f7a6191 .btn-search:focus { outline: 0; box-shadow: none; } #a64d2a992eaf936 .gallery-thumbnails .uk-thumbnav { justify-content: center; } #a64d2a992eaf936 .gallery-thumbnails .uk-thumbnav > * { padding-left: 8px; } #a2747a35dfa2e54 .ele-wrap {border-color: rgba(255, 255, 255, 1);border-width: 1px;border-style: solid;color: #777;background-color: transparent;border-radius: 25px;font-size: 22px;justify-content: center;}#a2747a35dfa2e54 .ele-wrap:hover {border-color: rgba(34, 126, 194, 1);background-color: #fff;color: #227ec2;}#ac9b1ae279acf3d .ele-wrap {border-color: rgba(255, 255, 255, 1);border-width: 1px;border-style: solid;color: #777;background-color: transparent;border-radius: 25px;font-size: 22px;justify-content: center;}#ac9b1ae279acf3d .ele-wrap:hover {border-color: rgba(34, 126, 194, 1);background-color: #fff;color: #227ec2;}#abc56aad7fa543c .ele-wrap {border-color: rgba(255, 255, 255, 1);border-width: 1px;border-style: solid;color: #777;background-color: transparent;border-radius: 25px;font-size: 22px;justify-content: center;}#abc56aad7fa543c .ele-wrap:hover {border-color: rgba(34, 126, 194, 1);background-color: #fff;color: #227ec2;}#a76c8ae20aaab44 .ele-wrap {border-color: rgba(255, 255, 255, 1);border-width: 1px;border-style: solid;color: #777;background-color: transparent;border-radius: 25px;font-size: 22px;justify-content: center;}#a76c8ae20aaab44 .ele-wrap:hover {border-color: rgba(34, 126, 194, 1);background-color: #fff;color: #227ec2;}#a0838a00b2a0ce6 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a0838a00b2a0ce6 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a0838a00b2a0ce6 .menu-list > li > a { height: 100%; font-size: 16px; line-height: 30px; text-align: center; display: block; position: relative; text-transform: capitalize; line-height: 44px; padding: 0 0px; font-weight: bold; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #666666; } #a0838a00b2a0ce6 .menu-list > li > a:before { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background-color: #666666; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #a0838a00b2a0ce6 .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #4a90e2; } #a0838a00b2a0ce6 .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #a0838a00b2a0ce6 .menu-list > li.active > a:before, #a0838a00b2a0ce6 .menu-list > li:hover > a:before { width: 100%; background-color: currentColor; } #a0838a00b2a0ce6 .menu-list > li ul li { position: relative; } #a0838a00b2a0ce6 .menu-list > li ul li:hover > a { color: #777; } #a0838a00b2a0ce6 .menu-list > li ul li a { color: #a3a7ad; display: block; font-size: 16px; line-height: 40px; font-weight: 400; padding: 0 20px; transition: all 0.2s ease-in; white-space: nowrap; background: transparent; } #a0838a00b2a0ce6 .menu-list li ul, #a0838a00b2a0ce6 .menu-list li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; min-width: 100px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); background: #fff; } #a0838a00b2a0ce6 .menu-list li ul.menu-b > li, #a0838a00b2a0ce6 .menu-list li ul li ul.menu-b > li { display: inline-block; } #a0838a00b2a0ce6 .menu-list .menu-b { transition: all .3s ease; padding: 20px 0; left: auto; } #a0838a00b2a0ce6 .menu-list li:hover > ul { display: block; } #a0838a00b2a0ce6 .menu-list li ul li:hover ul { left: 100%; top: 0; } #a0115ae330a7b85 .ap-content-container { height: 100%; min-height: 40px; } #af837a20cba9454 .uk-container { line-height: 2; } #a9675ac8b7aa2e8 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a9675ac8b7aa2e8 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a9675ac8b7aa2e8 .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #4a90e2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #a9675ac8b7aa2e8 .menu-list > li > a { padding: 0 35px; } #a9675ac8b7aa2e8 .menu-list > li:hover:before { height: 100%; } #a9675ac8b7aa2e8 .menu-list > li:hover:after { color: auto; } #a9675ac8b7aa2e8 .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #a9675ac8b7aa2e8 .menu-list > li:first-child:after { content: ""; } #a9675ac8b7aa2e8 .menu-list > li.active > a { font-weight: bold; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; color: #262626; } #a9675ac8b7aa2e8 .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #a9675ac8b7aa2e8 .menu-list > li ul li { position: relative; } #a9675ac8b7aa2e8 .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; } #a9675ac8b7aa2e8 .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-align: center; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; } #a9675ac8b7aa2e8 li ul, #a9675ac8b7aa2e8 li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #a9675ac8b7aa2e8 li:hover > ul { left: auto; } #a9675ac8b7aa2e8 li ul li:hover ul { left: 100%; top: 0; } #a88a6a72f7a6191 form { width: 100%; height: 100%; } #a88a6a72f7a6191 .search-box { text-align: center; margin-right: -10px; font-size: 14px; height: 100%; } #a88a6a72f7a6191 .search-box .select-text { line-height: 1; cursor: pointer; padding: 0 10px; white-space: nowrap; padding-left: 18px; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } #a88a6a72f7a6191 .search-box .search-type { padding: 0; margin: 0; position: absolute; left: 0; top: 40px; display: none; z-index: 999999; } #a88a6a72f7a6191 .search-box .search-type.show { display: block; } #a88a6a72f7a6191 .search-box .search-type li { text-align: center; line-height: 40px; background: #f2f2f2; cursor: pointer; padding: 0 18px; } #a88a6a72f7a6191 .search-box .search-type li:hover { color: #262626; } #a88a6a72f7a6191 .search-box .search-type li.active { color: #262626; } #a88a6a72f7a6191 .inner-form { display: -ms-flexbox; display: flex; width: 100%; height: 100%; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; border-radius: 6px; background-color: #f2f2f2; overflow: hidden; } #a88a6a72f7a6191 .inner-form .input-field { height: 100%; } #a88a6a72f7a6191 .inner-form .input-field input { height: 100%; background: transparent; border: 0; display: block; width: 100%; padding: 10px 0; font-weight: normal; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #000; } #a88a6a72f7a6191 .inner-form .input-field input.placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:-moz-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input::-webkit-input-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:focus { box-shadow: none; outline: 0; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap { -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background: #f2f2f2; position: relative; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap input { -ms-flex-positive: 1; flex-grow: 1; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap svg { width: 20px; height: 20px; display: inline-block; fill: #000; margin: 0 15px; } #a88a6a72f7a6191 .inner-form .input-field.second-wrap { min-width: 120px; } #a88a6a72f7a6191 .btn-search { height: 100%; width: 100%; white-space: nowrap; font-size: 16px; border: 0; cursor: pointer; position: relative; z-index: 0; background: #4a90e2; color: #fff; transition: all 0.2s ease-out, color 0.2s ease-out; font-weight: 300; border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } #a88a6a72f7a6191 .btn-search:hover { background: #262626; } #a88a6a72f7a6191 .btn-search:focus { outline: 0; box-shadow: none; } #a2b8bacd6da84d8 .ele-wrap {border-color: #000;color: #fff;font-size: 16px;font-weight: 500;background-color: rgba(34, 126, 194, 1);border-radius: 5px;justify-content: center;border-style: solid;}#a2b8bacd6da84d8 .ele-wrap:hover {background-color: #0483cc;}#a7f63a3e56ad2c9 .ele-wrap {border-color: #000;color: #fff;font-size: 16px;font-weight: 500;background-color: rgba(34, 126, 194, 1);border-radius: 5px;justify-content: center;border-style: solid;}#a7f63a3e56ad2c9 .ele-wrap:hover {background-color: #0483cc;}#a84a7a59aeadddc .ele-wrap {border-color: #000;color: #fff;font-size: 16px;font-weight: 500;background-color: rgba(34, 126, 194, 1);border-radius: 5px;justify-content: center;border-style: solid;}#a84a7a59aeadddc .ele-wrap:hover {background-color: #0483cc;}#a0838a00b2a0ce6 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a0838a00b2a0ce6 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a0838a00b2a0ce6 .menu-list > li > a { height: 100%; font-size: 16px; line-height: 30px; text-align: center; display: block; position: relative; text-transform: capitalize; line-height: 44px; padding: 0 0px; font-weight: bold; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #666666; } #a0838a00b2a0ce6 .menu-list > li > a:before { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background-color: #666666; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #a0838a00b2a0ce6 .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #4a90e2; } #a0838a00b2a0ce6 .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #a0838a00b2a0ce6 .menu-list > li.active > a:before, #a0838a00b2a0ce6 .menu-list > li:hover > a:before { width: 100%; background-color: currentColor; } #a0838a00b2a0ce6 .menu-list > li ul li { position: relative; } #a0838a00b2a0ce6 .menu-list > li ul li:hover > a { color: #777; } #a0838a00b2a0ce6 .menu-list > li ul li a { color: #a3a7ad; display: block; font-size: 16px; line-height: 40px; font-weight: 400; padding: 0 20px; transition: all 0.2s ease-in; white-space: nowrap; background: transparent; } #a0838a00b2a0ce6 .menu-list li ul, #a0838a00b2a0ce6 .menu-list li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; min-width: 100px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); background: #fff; } #a0838a00b2a0ce6 .menu-list li ul.menu-b > li, #a0838a00b2a0ce6 .menu-list li ul li ul.menu-b > li { display: inline-block; } #a0838a00b2a0ce6 .menu-list .menu-b { transition: all .3s ease; padding: 20px 0; left: auto; } #a0838a00b2a0ce6 .menu-list li:hover > ul { display: block; } #a0838a00b2a0ce6 .menu-list li ul li:hover ul { left: 100%; top: 0; } #a0115ae330a7b85 .ap-content-container { height: 100%; min-height: 40px; } #ab46aae041a4343 .uk-container { line-height: 2; } #a9675ac8b7aa2e8 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a9675ac8b7aa2e8 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a9675ac8b7aa2e8 .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #4a90e2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #a9675ac8b7aa2e8 .menu-list > li > a { padding: 0 35px; } #a9675ac8b7aa2e8 .menu-list > li:hover:before { height: 100%; } #a9675ac8b7aa2e8 .menu-list > li:hover:after { color: auto; } #a9675ac8b7aa2e8 .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #a9675ac8b7aa2e8 .menu-list > li:first-child:after { content: ""; } #a9675ac8b7aa2e8 .menu-list > li.active > a { font-weight: bold; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; color: #262626; } #a9675ac8b7aa2e8 .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #a9675ac8b7aa2e8 .menu-list > li ul li { position: relative; } #a9675ac8b7aa2e8 .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; } #a9675ac8b7aa2e8 .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-align: center; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; } #a9675ac8b7aa2e8 li ul, #a9675ac8b7aa2e8 li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #a9675ac8b7aa2e8 li:hover > ul { left: auto; } #a9675ac8b7aa2e8 li ul li:hover ul { left: 100%; top: 0; } #a88a6a72f7a6191 form { width: 100%; height: 100%; } #a88a6a72f7a6191 .search-box { text-align: center; margin-right: -10px; font-size: 14px; height: 100%; } #a88a6a72f7a6191 .search-box .select-text { line-height: 1; cursor: pointer; padding: 0 10px; white-space: nowrap; padding-left: 18px; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } #a88a6a72f7a6191 .search-box .search-type { padding: 0; margin: 0; position: absolute; left: 0; top: 40px; display: none; z-index: 999999; } #a88a6a72f7a6191 .search-box .search-type.show { display: block; } #a88a6a72f7a6191 .search-box .search-type li { text-align: center; line-height: 40px; background: #f2f2f2; cursor: pointer; padding: 0 18px; } #a88a6a72f7a6191 .search-box .search-type li:hover { color: #262626; } #a88a6a72f7a6191 .search-box .search-type li.active { color: #262626; } #a88a6a72f7a6191 .inner-form { display: -ms-flexbox; display: flex; width: 100%; height: 100%; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; border-radius: 6px; background-color: #f2f2f2; overflow: hidden; } #a88a6a72f7a6191 .inner-form .input-field { height: 100%; } #a88a6a72f7a6191 .inner-form .input-field input { height: 100%; background: transparent; border: 0; display: block; width: 100%; padding: 10px 0; font-weight: normal; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #000; } #a88a6a72f7a6191 .inner-form .input-field input.placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:-moz-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input::-webkit-input-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:focus { box-shadow: none; outline: 0; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap { -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background: #f2f2f2; position: relative; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap input { -ms-flex-positive: 1; flex-grow: 1; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap svg { width: 20px; height: 20px; display: inline-block; fill: #000; margin: 0 15px; } #a88a6a72f7a6191 .inner-form .input-field.second-wrap { min-width: 120px; } #a88a6a72f7a6191 .btn-search { height: 100%; width: 100%; white-space: nowrap; font-size: 16px; border: 0; cursor: pointer; position: relative; z-index: 0; background: #4a90e2; color: #fff; transition: all 0.2s ease-out, color 0.2s ease-out; font-weight: 300; border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } #a88a6a72f7a6191 .btn-search:hover { background: #262626; } #a88a6a72f7a6191 .btn-search:focus { outline: 0; box-shadow: none; } #a488fac769a197a .ap-category-filter ul li.active { border-color: #4a90e2; color: #4a90e2; } #a488fac769a197a .ele-article-list.uk-grid > .uk-grid-margin { margin-top: 0px; } #a488fac769a197a .ele-article-list .pic-article { padding: 15px 0; border-bottom: 1px solid #ececec; } #a488fac769a197a .ele-article-list .pic-article:hover { background-color: #f6f6f6; } #a488fac769a197a .ele-article-list .pic-article .img_wrap { width: 35%; position: relative; margin-right: 20px; overflow: hidden; } #a488fac769a197a .ele-article-list .pic-article .img_wrap .tags { position: absolute; top: .4rem; left: .4rem; z-index: 11; } #a488fac769a197a .ele-article-list .pic-article .img_wrap .tag { display: inline-block; padding: 0 .5rem; color: #fff; background: rgba(0, 0, 0, 0.5); font-size: .6rem; text-align: center; border-radius: 1rem; margin: 0 5px 5px 0; } #a488fac769a197a .ele-article-list .pic-article .img_wrap .img { width: 100%; height: 0; background-position: center center; transition: all .3s ease; } #a488fac769a197a .ele-article-list .pic-article .img_wrap:hover .img { transform: scale(1.05); } #a488fac769a197a .ele-article-list .pic-article .info { position: relative; color: #828a92; flex: 1; font-size: 13px; overflow: hidden; min-height: 50px; } #a488fac769a197a .ele-article-list .pic-article .info h3 { margin: 0 0 6px; font-size: 18px; } #a488fac769a197a .ele-article-list .pic-article .info h3 a { color: #3d464d; font-weight: 500; } #a488fac769a197a .ele-article-list .pic-article .info h3 a:hover { color: #222; } #a488fac769a197a .ele-article-list .pic-article .info .info-bottom { position: absolute; left: 0; bottom: 0; width: 100%; line-height: 1; } #a488fac769a197a .ele-article-list .text-article { padding: 0 0 15px 20px; font-size: 12px; position: relative; } #a488fac769a197a .ele-article-list .text-article.no-icon { padding-left: 0; } #a488fac769a197a .ele-article-list .text-article .list-icon { width: 12px; height: auto; position: absolute; left: 0; top: 6px; } #a488fac769a197a .ele-article-list .text-article h3 { font-size: 16px; font-weight: 400; margin: 0; line-height: 1.5; } #a488fac769a197a .ele-article-list .text-article h3 a { color: #3d464d; transition: all .2s ease; } #a488fac769a197a .ele-article-list .text-article h3 a:hover { text-decoration: underline; color: #222; } /* mobile */ @media (max-width: 640px) { .ele-article-list .pic-article { padding: 10px 0; } .ele-article-list .pic-article .img_wrap { margin-right: 10px; } .ele-article-list .pic-article .img_wrap .tag { display: none; } .ele-article-list .pic-article .info { font-size: 12px; } .ele-article-list .pic-article .abstract { display: none; } .ele-article-list .pic-article .info h3 { font-size: 14px; } } #a488fac769a197a .ele-article-list .pic-article { padding: 20px 0px; border-bottom: 1px solid #ececec; } #a488fac769a197a .ele-article-list .pic-article .img_wrap { width: 25%; border-radius: 0px; overflow: hidden; } #a488fac769a197a .ele-article-list .pic-article .info .abstract { min-height: 40px; } #a488fac769a197a .ele-article-list .pic-article .info h3 { font-size: 24px; } #a488fac769a197a .ele-article-list .pic-article .info h3 a { color: #262626; } #a488fac769a197a .ele-article-list .pic-article:hover { background-color: #f6f6f6; border-bottom-color: #f6f6f6; } #a488fac769a197a .ele-article-list .pic-article:hover .info h3 a { color: auto; } #a488fac769a197a .ele-article-list .pic-article:hover .category { color: auto; } #a488fac769a197a .ele-article-list .pic-article:hover .abstract { color: auto; } #a488fac769a197a .ele-article-list .pic-article:hover .time { color: auto; } #a488fac769a197a .ele-article-list .text-article { border-bottom: 1px solid #ececec; } #a488fac769a197a .ele-article-list .text-article h3 { font-size: 24px; } #a488fac769a197a .ele-article-list .text-article:hover { background-color: #f6f6f6; border-bottom-color: #f6f6f6; } #a488fac769a197a .ele-article-list .text-article:hover .info h3 a { color: auto; } #a488fac769a197a .ele-article-list .text-article:hover .time { color: auto; } #aea4ca5227a772a .ap-category-filter ul li.active { border-color: #4a90e2; color: #4a90e2; } #aea4ca5227a772a .uk-grid { margin-left: -20px; } #aea4ca5227a772a .uk-grid > * { padding-left: 20px; } #aea4ca5227a772a .uk-grid > .uk-grid-margin { margin-top: 20px; } #aea4ca5227a772a .uk-card { background-color: #f2f2f2; transition: all .3s ease; } #aea4ca5227a772a .uk-card-media-top { overflow: hidden; } #aea4ca5227a772a .uk-card-media-top .img { transition: all .3s ease; } #aea4ca5227a772a .info { flex: 1; overflow: hidden; min-width: 1px; width: 0; } #aea4ca5227a772a .datetime { padding: 4px; margin-right: 6px; flex-shrink: 0; font-size: 12px; color: #666666; font-family: Arial; } #aea4ca5227a772a .datetime b { font-size: 24px; font-weight: bolder; display: block; } #aea4ca5227a772a .uk-card-body { padding: 15px 10px 8px; } #aea4ca5227a772a hr { border-top-color: #ffffff; margin: 0 0 10px; } #aea4ca5227a772a .uk-button { border: 1px solid #ececec; } #aea4ca5227a772a .uk-card .title { font-weight: normal; font-style: normal; text-decoration: none; font-size: 18px; font-family: inherit; color: #262626; } #aea4ca5227a772a .uk-card .abstract { margin: 0; font-weight: normal; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #666666; } #aea4ca5227a772a .uk-card:hover { background-color: #333333; } #aea4ca5227a772a .uk-card:hover .title { color: #fff; } #aea4ca5227a772a .uk-card:hover hr { border-top-color: #4d4d4d; } #aea4ca5227a772a .uk-card:hover .img { transform: scale(1.2); } #aea4ca5227a772a .uk-card:hover .abstract { color: #fff; } #aea4ca5227a772a .uk-card:hover .datetime { color: #4a90e2; } #aea4ca5227a772a .uk-card:hover .category { color: #4a90e2; } #aea4ca5227a772a .uk-card:hover .uk-button { color: #fff; background-color: #d3b267; border-color: #d3b267; } #a0838a00b2a0ce6 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a0838a00b2a0ce6 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a0838a00b2a0ce6 .menu-list > li > a { height: 100%; font-size: 16px; line-height: 30px; text-align: center; display: block; position: relative; text-transform: capitalize; line-height: 44px; padding: 0 0px; font-weight: bold; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #666666; } #a0838a00b2a0ce6 .menu-list > li > a:before { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background-color: #666666; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #a0838a00b2a0ce6 .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #4a90e2; } #a0838a00b2a0ce6 .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #a0838a00b2a0ce6 .menu-list > li.active > a:before, #a0838a00b2a0ce6 .menu-list > li:hover > a:before { width: 100%; background-color: currentColor; } #a0838a00b2a0ce6 .menu-list > li ul li { position: relative; } #a0838a00b2a0ce6 .menu-list > li ul li:hover > a { color: #777; } #a0838a00b2a0ce6 .menu-list > li ul li a { color: #a3a7ad; display: block; font-size: 16px; line-height: 40px; font-weight: 400; padding: 0 20px; transition: all 0.2s ease-in; white-space: nowrap; background: transparent; } #a0838a00b2a0ce6 .menu-list li ul, #a0838a00b2a0ce6 .menu-list li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; min-width: 100px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); background: #fff; } #a0838a00b2a0ce6 .menu-list li ul.menu-b > li, #a0838a00b2a0ce6 .menu-list li ul li ul.menu-b > li { display: inline-block; } #a0838a00b2a0ce6 .menu-list .menu-b { transition: all .3s ease; padding: 20px 0; left: auto; } #a0838a00b2a0ce6 .menu-list li:hover > ul { display: block; } #a0838a00b2a0ce6 .menu-list li ul li:hover ul { left: 100%; top: 0; } #a0115ae330a7b85 .ap-content-container { height: 100%; min-height: 40px; } #a0347adcd6ab4ec .uk-container { line-height: 2; } #a9675ac8b7aa2e8 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a9675ac8b7aa2e8 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a9675ac8b7aa2e8 .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #4a90e2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #a9675ac8b7aa2e8 .menu-list > li > a { padding: 0 35px; } #a9675ac8b7aa2e8 .menu-list > li:hover:before { height: 100%; } #a9675ac8b7aa2e8 .menu-list > li:hover:after { color: auto; } #a9675ac8b7aa2e8 .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #a9675ac8b7aa2e8 .menu-list > li:first-child:after { content: ""; } #a9675ac8b7aa2e8 .menu-list > li.active > a { font-weight: bold; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; color: #262626; } #a9675ac8b7aa2e8 .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #a9675ac8b7aa2e8 .menu-list > li ul li { position: relative; } #a9675ac8b7aa2e8 .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; } #a9675ac8b7aa2e8 .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-align: center; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; } #a9675ac8b7aa2e8 li ul, #a9675ac8b7aa2e8 li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #a9675ac8b7aa2e8 li:hover > ul { left: auto; } #a9675ac8b7aa2e8 li ul li:hover ul { left: 100%; top: 0; } #a88a6a72f7a6191 form { width: 100%; height: 100%; } #a88a6a72f7a6191 .search-box { text-align: center; margin-right: -10px; font-size: 14px; height: 100%; } #a88a6a72f7a6191 .search-box .select-text { line-height: 1; cursor: pointer; padding: 0 10px; white-space: nowrap; padding-left: 18px; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } #a88a6a72f7a6191 .search-box .search-type { padding: 0; margin: 0; position: absolute; left: 0; top: 40px; display: none; z-index: 999999; } #a88a6a72f7a6191 .search-box .search-type.show { display: block; } #a88a6a72f7a6191 .search-box .search-type li { text-align: center; line-height: 40px; background: #f2f2f2; cursor: pointer; padding: 0 18px; } #a88a6a72f7a6191 .search-box .search-type li:hover { color: #262626; } #a88a6a72f7a6191 .search-box .search-type li.active { color: #262626; } #a88a6a72f7a6191 .inner-form { display: -ms-flexbox; display: flex; width: 100%; height: 100%; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; border-radius: 6px; background-color: #f2f2f2; overflow: hidden; } #a88a6a72f7a6191 .inner-form .input-field { height: 100%; } #a88a6a72f7a6191 .inner-form .input-field input { height: 100%; background: transparent; border: 0; display: block; width: 100%; padding: 10px 0; font-weight: normal; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #000; } #a88a6a72f7a6191 .inner-form .input-field input.placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:-moz-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input::-webkit-input-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:focus { box-shadow: none; outline: 0; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap { -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background: #f2f2f2; position: relative; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap input { -ms-flex-positive: 1; flex-grow: 1; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap svg { width: 20px; height: 20px; display: inline-block; fill: #000; margin: 0 15px; } #a88a6a72f7a6191 .inner-form .input-field.second-wrap { min-width: 120px; } #a88a6a72f7a6191 .btn-search { height: 100%; width: 100%; white-space: nowrap; font-size: 16px; border: 0; cursor: pointer; position: relative; z-index: 0; background: #4a90e2; color: #fff; transition: all 0.2s ease-out, color 0.2s ease-out; font-weight: 300; border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } #a88a6a72f7a6191 .btn-search:hover { background: #262626; } #a88a6a72f7a6191 .btn-search:focus { outline: 0; box-shadow: none; } #a6d50a3743a00a3 .uk-form .form-submit-btn { width: 340px; } #a6d50a3743a00a3 .uk-form .form-submit-btn { height: 40px; line-height: 40px; padding-top: 0; padding-bottom: 0; } #a6d50a3743a00a3 .submit-wrap { text-align: center; } #a6d50a3743a00a3 .submit-wrap button { background-color: #227ec2; } #a6d50a3743a00a3 .submit-wrap button { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } #a6d50a3743a00a3 form.form-theme-10 .form-item .send-code { bottom: auto; top: 50%; margin-top: -20px; } #a6d50a3743a00a3 .form-item { margin-top: 8px !important; margin-bottom: 15px !important; } #a6d50a3743a00a3 .form-item .uk-input, #a6d50a3743a00a3 .form-item .uk-select, #a6d50a3743a00a3 .form-item .uk-textarea { width: autopx; height: 40px; line-height: 40px; background-color: #ffffff; font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #4a4a4a; border-left-style: solid; border-top-style: solid; border-right-style: solid; border-bottom-width: 1px; border-bottom-color: rgba(206, 206, 206, 0.68); border-bottom-style: solid; border-right-color: rgba(206, 206, 206, 0.68); border-left-color: rgba(206, 206, 206, 0.68); border-top-color: rgba(206, 206, 206, 0.68); border-right-width: 1px; border-left-width: 1px; border-top-width: 1px; } #a6d50a3743a00a3 .form-item .auto-height { height: auto; } #a6d50a3743a00a3 .form-item div > label { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #4a4a4a; } #a6d50a3743a00a3 .form-item .send-code { bottom: 0px; } #a6d50a3743a00a3 .form-item .uk-textarea { height: 80px; line-height: 1.5; } #a6d50a3743a00a3 .uk-form-label, #a6d50a3743a00a3 .form-agree, #a6d50a3743a00a3 .uk-h3, #a6d50a3743a00a3 p { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #777777; } #a6d50a3743a00a3 .form-item { position: relative; } #a6d50a3743a00a3 .form-item > label { position: absolute; top: 50%; left: 10px; margin-top: -11px; z-index: 101; } #a6d50a3743a00a3 .form-item .form-item-file .add-image { margin-left: 90px; } #a6d50a3743a00a3 .form-item .uk-input, #a6d50a3743a00a3 .form-item .uk-select, #a6d50a3743a00a3 .form-item .uk-textarea, #a6d50a3743a00a3 .form-item .address-select, #a6d50a3743a00a3 .form-item .uk-grid { padding-left: 90px; } #a6d50a3743a00a3 .form-item .address-select .uk-select { padding-left: 4px; } #a0838a00b2a0ce6 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a0838a00b2a0ce6 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a0838a00b2a0ce6 .menu-list > li > a { height: 100%; font-size: 16px; line-height: 30px; text-align: center; display: block; position: relative; text-transform: capitalize; line-height: 44px; padding: 0 0px; font-weight: bold; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #666666; } #a0838a00b2a0ce6 .menu-list > li > a:before { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background-color: #666666; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #a0838a00b2a0ce6 .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #4a90e2; } #a0838a00b2a0ce6 .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #a0838a00b2a0ce6 .menu-list > li.active > a:before, #a0838a00b2a0ce6 .menu-list > li:hover > a:before { width: 100%; background-color: currentColor; } #a0838a00b2a0ce6 .menu-list > li ul li { position: relative; } #a0838a00b2a0ce6 .menu-list > li ul li:hover > a { color: #777; } #a0838a00b2a0ce6 .menu-list > li ul li a { color: #a3a7ad; display: block; font-size: 16px; line-height: 40px; font-weight: 400; padding: 0 20px; transition: all 0.2s ease-in; white-space: nowrap; background: transparent; } #a0838a00b2a0ce6 .menu-list li ul, #a0838a00b2a0ce6 .menu-list li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; min-width: 100px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); background: #fff; } #a0838a00b2a0ce6 .menu-list li ul.menu-b > li, #a0838a00b2a0ce6 .menu-list li ul li ul.menu-b > li { display: inline-block; } #a0838a00b2a0ce6 .menu-list .menu-b { transition: all .3s ease; padding: 20px 0; left: auto; } #a0838a00b2a0ce6 .menu-list li:hover > ul { display: block; } #a0838a00b2a0ce6 .menu-list li ul li:hover ul { left: 100%; top: 0; } #a0115ae330a7b85 .ap-content-container { height: 100%; min-height: 40px; } #aa935a429eae772 { min-height: 500px; /* mobile */ } #aa935a429eae772 .search-highlight { background: yellow; } #aa935a429eae772 .el-item { padding: 15px 0; border-bottom: 1px solid #ececec; } #aa935a429eae772 .el-title { margin-bottom: 20px; } #aa935a429eae772 .el-item:hover { background: #f6f6f6; border-bottom-color: #f6f6f6; } #aa935a429eae772 .img-wrap { overflow: hidden; display: block; border-radius: 4px; } #aa935a429eae772 .img-wrap img { transition: all .3s ease; border-radius: 4px; } #aa935a429eae772 .el-item:hover .img-wrap img { transform: scale(1.1); } #aa935a429eae772 .el-title a { font-size: 20px; color: #333; line-height: 36px; } #aa935a429eae772 .el-meta { font-size: 14px; color: #777; line-height: 1.5; margin: 6px 0; } #aa935a429eae772 .el-content { font-size: 14px; color: #777; } @media (max-width: 640px) { #aa935a429eae772 .el-title { margin-bottom: 0; } #aa935a429eae772 .el-title a { font-size: 14px; color: #333; line-height: 1.5; } #aa935a429eae772 .category { font-size: 12px; } #aa935a429eae772 .el-content { font-size: 12px; color: #777; line-height: 1.5; margin: 6px 0 0px; } } #ae656aeb48adae0 .uk-container { line-height: 2; } #a9675ac8b7aa2e8 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a9675ac8b7aa2e8 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a9675ac8b7aa2e8 .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #4a90e2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #a9675ac8b7aa2e8 .menu-list > li > a { padding: 0 35px; } #a9675ac8b7aa2e8 .menu-list > li:hover:before { height: 100%; } #a9675ac8b7aa2e8 .menu-list > li:hover:after { color: auto; } #a9675ac8b7aa2e8 .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #a9675ac8b7aa2e8 .menu-list > li:first-child:after { content: ""; } #a9675ac8b7aa2e8 .menu-list > li.active > a { font-weight: bold; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; color: #262626; } #a9675ac8b7aa2e8 .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #a9675ac8b7aa2e8 .menu-list > li ul li { position: relative; } #a9675ac8b7aa2e8 .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; } #a9675ac8b7aa2e8 .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-align: center; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; } #a9675ac8b7aa2e8 li ul, #a9675ac8b7aa2e8 li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #a9675ac8b7aa2e8 li:hover > ul { left: auto; } #a9675ac8b7aa2e8 li ul li:hover ul { left: 100%; top: 0; } #a88a6a72f7a6191 form { width: 100%; height: 100%; } #a88a6a72f7a6191 .search-box { text-align: center; margin-right: -10px; font-size: 14px; height: 100%; } #a88a6a72f7a6191 .search-box .select-text { line-height: 1; cursor: pointer; padding: 0 10px; white-space: nowrap; padding-left: 18px; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } #a88a6a72f7a6191 .search-box .search-type { padding: 0; margin: 0; position: absolute; left: 0; top: 40px; display: none; z-index: 999999; } #a88a6a72f7a6191 .search-box .search-type.show { display: block; } #a88a6a72f7a6191 .search-box .search-type li { text-align: center; line-height: 40px; background: #f2f2f2; cursor: pointer; padding: 0 18px; } #a88a6a72f7a6191 .search-box .search-type li:hover { color: #262626; } #a88a6a72f7a6191 .search-box .search-type li.active { color: #262626; } #a88a6a72f7a6191 .inner-form { display: -ms-flexbox; display: flex; width: 100%; height: 100%; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; border-radius: 6px; background-color: #f2f2f2; overflow: hidden; } #a88a6a72f7a6191 .inner-form .input-field { height: 100%; } #a88a6a72f7a6191 .inner-form .input-field input { height: 100%; background: transparent; border: 0; display: block; width: 100%; padding: 10px 0; font-weight: normal; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #000; } #a88a6a72f7a6191 .inner-form .input-field input.placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:-moz-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input::-webkit-input-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:focus { box-shadow: none; outline: 0; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap { -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background: #f2f2f2; position: relative; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap input { -ms-flex-positive: 1; flex-grow: 1; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap svg { width: 20px; height: 20px; display: inline-block; fill: #000; margin: 0 15px; } #a88a6a72f7a6191 .inner-form .input-field.second-wrap { min-width: 120px; } #a88a6a72f7a6191 .btn-search { height: 100%; width: 100%; white-space: nowrap; font-size: 16px; border: 0; cursor: pointer; position: relative; z-index: 0; background: #4a90e2; color: #fff; transition: all 0.2s ease-out, color 0.2s ease-out; font-weight: 300; border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } #a88a6a72f7a6191 .btn-search:hover { background: #262626; } #a88a6a72f7a6191 .btn-search:focus { outline: 0; box-shadow: none; } #a0838a00b2a0ce6 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a0838a00b2a0ce6 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a0838a00b2a0ce6 .menu-list > li > a { height: 100%; font-size: 16px; line-height: 30px; text-align: center; display: block; position: relative; text-transform: capitalize; line-height: 44px; padding: 0 0px; font-weight: bold; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #666666; } #a0838a00b2a0ce6 .menu-list > li > a:before { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background-color: #666666; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #a0838a00b2a0ce6 .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #4a90e2; } #a0838a00b2a0ce6 .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #a0838a00b2a0ce6 .menu-list > li.active > a:before, #a0838a00b2a0ce6 .menu-list > li:hover > a:before { width: 100%; background-color: currentColor; } #a0838a00b2a0ce6 .menu-list > li ul li { position: relative; } #a0838a00b2a0ce6 .menu-list > li ul li:hover > a { color: #777; } #a0838a00b2a0ce6 .menu-list > li ul li a { color: #a3a7ad; display: block; font-size: 16px; line-height: 40px; font-weight: 400; padding: 0 20px; transition: all 0.2s ease-in; white-space: nowrap; background: transparent; } #a0838a00b2a0ce6 .menu-list li ul, #a0838a00b2a0ce6 .menu-list li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; min-width: 100px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); background: #fff; } #a0838a00b2a0ce6 .menu-list li ul.menu-b > li, #a0838a00b2a0ce6 .menu-list li ul li ul.menu-b > li { display: inline-block; } #a0838a00b2a0ce6 .menu-list .menu-b { transition: all .3s ease; padding: 20px 0; left: auto; } #a0838a00b2a0ce6 .menu-list li:hover > ul { display: block; } #a0838a00b2a0ce6 .menu-list li ul li:hover ul { left: 100%; top: 0; } #a0115ae330a7b85 .ap-content-container { height: 100%; min-height: 40px; } #a685bae1a2a4430 { /* Error Page */ /* Error Page */ /*--------------------------------------------Framework --------------------------------*/ /*done*/ /*done*/ /*done*/ /* Padding Section*/ /*done*/ /*done*/ /*done*/ /*done*/ /*done*/ /*done*/ /* Padding Section*/ /* Margin section */ /*done*/ /*done*/ /*done*/ /*done*/ /*done*/ /*done*/ /*done*/ /*done*/ /*done - For the inside sections that has also Title section*/ /* Margin section */ /*--------------------------------------------FrameWork------------------------*/ } #a685bae1a2a4430 * { font-family: 'PT Sans Caption', sans-serif, 'arial', 'Times New Roman'; } #a685bae1a2a4430 .error .clip .shadow { height: 180px; /*Contrall*/ } #a685bae1a2a4430 .error .clip:nth-of-type(2) .shadow { width: 130px; /*Contrall play with javascript*/ } #a685bae1a2a4430 .error .clip:nth-of-type(1) .shadow, #a685bae1a2a4430 .error .clip:nth-of-type(3) .shadow { width: 250px; /*Contrall*/ } #a685bae1a2a4430 .error .digit { width: 150px; /*Contrall*/ height: 150px; /*Contrall*/ line-height: 150px; /*Contrall*/ font-size: 120px; font-weight: bold; } #a685bae1a2a4430 .error h2 { font-size: 32px; } #a685bae1a2a4430 .error .msg { top: -190px; left: 30%; width: 80px; height: 80px; line-height: 80px; font-size: 32px; } #a685bae1a2a4430 .error span.triangle { top: 70%; right: 0%; border-left: 20px solid #535353; border-top: 15px solid transparent; border-bottom: 15px solid transparent; } #a685bae1a2a4430 .error .container-error-404 { margin-top: 10%; position: relative; height: 250px; padding-top: 40px; text-align: center; } #a685bae1a2a4430 .error .container-error-404 .clip { display: inline-block; transform: skew(-45deg); } #a685bae1a2a4430 .error .clip .shadow { overflow: hidden; } #a685bae1a2a4430 .error .clip:nth-of-type(2) .shadow { overflow: hidden; position: relative; box-shadow: inset 20px 0px 20px -15px rgba(150, 150, 150, 0.8), 20px 0px 20px -15px rgba(150, 150, 150, 0.8); } #a685bae1a2a4430 .error .clip:nth-of-type(3) .shadow:after, #a685bae1a2a4430 .error .clip:nth-of-type(1) .shadow:after { content: ""; position: absolute; right: -8px; bottom: 0px; z-index: 9999; height: 100%; width: 10px; background: linear-gradient(90deg, transparent, rgba(173, 173, 173, 0.8), transparent); border-radius: 50%; } #a685bae1a2a4430 .error .clip:nth-of-type(3) .shadow:after { left: -8px; } #a685bae1a2a4430 .error .digit { position: relative; top: 8%; color: white; background: #07B3F9; border-radius: 50%; display: inline-block; transform: skew(45deg); } #a685bae1a2a4430 .error .clip:nth-of-type(2) .digit { left: -10%; } #a685bae1a2a4430 .error .clip:nth-of-type(1) .digit { right: -20%; } #a685bae1a2a4430 .error .clip:nth-of-type(3) .digit { left: -20%; } #a685bae1a2a4430 .error h2 { color: #A2A2A2; font-weight: bold; padding-bottom: 20px; } #a685bae1a2a4430 .error .msg { position: relative; z-index: 9999; display: block; background: #535353; color: #A2A2A2; border-radius: 50%; font-style: italic; } #a685bae1a2a4430 .error .triangle { position: absolute; z-index: 999; transform: rotate(45deg); content: ""; width: 0; height: 0; } @media (max-width: 767px) { #a685bae1a2a4430 { /* Error Page */ /* Error Page */ } #a685bae1a2a4430 .error .clip .shadow { height: 100px; /*Contrall*/ } #a685bae1a2a4430 .error .clip:nth-of-type(2) .shadow { width: 80px; /*Contrall play with javascript*/ } #a685bae1a2a4430 .error .clip:nth-of-type(1) .shadow, #a685bae1a2a4430 .error .clip:nth-of-type(3) .shadow { width: 100px; /*Contrall*/ } #a685bae1a2a4430 .error .digit { width: 80px; /*Contrall*/ height: 80px; /*Contrall*/ line-height: 80px; /*Contrall*/ font-size: 52px; } #a685bae1a2a4430 .error h2 { font-size: 24px; } #a685bae1a2a4430 .error .msg { top: -110px; left: 15%; width: 40px; height: 40px; line-height: 40px; font-size: 18px; } #a685bae1a2a4430 .error span.triangle { top: 70%; right: -3%; border-left: 10px solid #535353; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } #a685bae1a2a4430 .error .container-error-404 { height: 150px; } } #a685bae1a2a4430 .overlay { position: relative; z-index: 20; } #a685bae1a2a4430 .ground-color { background: white; } #a685bae1a2a4430 .item-bg-color { background: #EAEAEA; } #a685bae1a2a4430 .padding-top { padding-top: 10px; } #a685bae1a2a4430 .padding-bottom { padding-bottom: 10px; } #a685bae1a2a4430 .padding-vertical { padding-top: 10px; padding-bottom: 10px; } #a685bae1a2a4430 .padding-horizontal { padding-left: 10px; padding-right: 10px; } #a685bae1a2a4430 .padding-all { padding: 10px; } #a685bae1a2a4430 .no-padding-left { padding-left: 0px; } #a685bae1a2a4430 .no-padding-right { padding-right: 0px; } #a685bae1a2a4430 .no-vertical-padding { padding-top: 0px; padding-bottom: 0px; } #a685bae1a2a4430 .no-horizontal-padding { padding-left: 0px; padding-right: 0px; } #a685bae1a2a4430 .no-padding { padding: 0px; } #a685bae1a2a4430 .margin-top { margin-top: 10px; } #a685bae1a2a4430 .margin-bottom { margin-bottom: 10px; } #a685bae1a2a4430 .margin-right { margin-right: 10px; } #a685bae1a2a4430 .margin-left { margin-left: 10px; } #a685bae1a2a4430 .margin-horizontal { margin-left: 10px; margin-right: 10px; } #a685bae1a2a4430 .margin-vertical { margin-top: 10px; margin-bottom: 10px; } #a685bae1a2a4430 .margin-all { margin: 10px; } #a685bae1a2a4430 .no-margin { margin: 0px; } #a685bae1a2a4430 .no-vertical-margin { margin-top: 0px; margin-bottom: 0px; } #a685bae1a2a4430 .no-horizontal-margin { margin-left: 0px; margin-right: 0px; } #a685bae1a2a4430 .inside-col-shrink { margin: 0px 20px; } #a685bae1a2a4430 hr { margin: 0px; padding: 0px; border-top: 1px dashed #999; } #a1540a4638afbee .uk-container { line-height: 2; } #a9675ac8b7aa2e8 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a9675ac8b7aa2e8 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a9675ac8b7aa2e8 .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #4a90e2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #a9675ac8b7aa2e8 .menu-list > li > a { padding: 0 35px; } #a9675ac8b7aa2e8 .menu-list > li:hover:before { height: 100%; } #a9675ac8b7aa2e8 .menu-list > li:hover:after { color: auto; } #a9675ac8b7aa2e8 .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #a9675ac8b7aa2e8 .menu-list > li:first-child:after { content: ""; } #a9675ac8b7aa2e8 .menu-list > li.active > a { font-weight: bold; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; color: #262626; } #a9675ac8b7aa2e8 .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #a9675ac8b7aa2e8 .menu-list > li ul li { position: relative; } #a9675ac8b7aa2e8 .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; } #a9675ac8b7aa2e8 .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-align: center; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; } #a9675ac8b7aa2e8 li ul, #a9675ac8b7aa2e8 li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #a9675ac8b7aa2e8 li:hover > ul { left: auto; } #a9675ac8b7aa2e8 li ul li:hover ul { left: 100%; top: 0; } #a88a6a72f7a6191 form { width: 100%; height: 100%; } #a88a6a72f7a6191 .search-box { text-align: center; margin-right: -10px; font-size: 14px; height: 100%; } #a88a6a72f7a6191 .search-box .select-text { line-height: 1; cursor: pointer; padding: 0 10px; white-space: nowrap; padding-left: 18px; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } #a88a6a72f7a6191 .search-box .search-type { padding: 0; margin: 0; position: absolute; left: 0; top: 40px; display: none; z-index: 999999; } #a88a6a72f7a6191 .search-box .search-type.show { display: block; } #a88a6a72f7a6191 .search-box .search-type li { text-align: center; line-height: 40px; background: #f2f2f2; cursor: pointer; padding: 0 18px; } #a88a6a72f7a6191 .search-box .search-type li:hover { color: #262626; } #a88a6a72f7a6191 .search-box .search-type li.active { color: #262626; } #a88a6a72f7a6191 .inner-form { display: -ms-flexbox; display: flex; width: 100%; height: 100%; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; border-radius: 6px; background-color: #f2f2f2; overflow: hidden; } #a88a6a72f7a6191 .inner-form .input-field { height: 100%; } #a88a6a72f7a6191 .inner-form .input-field input { height: 100%; background: transparent; border: 0; display: block; width: 100%; padding: 10px 0; font-weight: normal; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #000; } #a88a6a72f7a6191 .inner-form .input-field input.placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:-moz-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input::-webkit-input-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:focus { box-shadow: none; outline: 0; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap { -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background: #f2f2f2; position: relative; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap input { -ms-flex-positive: 1; flex-grow: 1; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap svg { width: 20px; height: 20px; display: inline-block; fill: #000; margin: 0 15px; } #a88a6a72f7a6191 .inner-form .input-field.second-wrap { min-width: 120px; } #a88a6a72f7a6191 .btn-search { height: 100%; width: 100%; white-space: nowrap; font-size: 16px; border: 0; cursor: pointer; position: relative; z-index: 0; background: #4a90e2; color: #fff; transition: all 0.2s ease-out, color 0.2s ease-out; font-weight: 300; border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } #a88a6a72f7a6191 .btn-search:hover { background: #262626; } #a88a6a72f7a6191 .btn-search:focus { outline: 0; box-shadow: none; } #a0838a00b2a0ce6 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a0838a00b2a0ce6 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a0838a00b2a0ce6 .menu-list > li > a { height: 100%; font-size: 16px; line-height: 30px; text-align: center; display: block; position: relative; text-transform: capitalize; line-height: 44px; padding: 0 0px; font-weight: bold; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #666666; } #a0838a00b2a0ce6 .menu-list > li > a:before { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background-color: #666666; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #a0838a00b2a0ce6 .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #4a90e2; } #a0838a00b2a0ce6 .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #a0838a00b2a0ce6 .menu-list > li.active > a:before, #a0838a00b2a0ce6 .menu-list > li:hover > a:before { width: 100%; background-color: currentColor; } #a0838a00b2a0ce6 .menu-list > li ul li { position: relative; } #a0838a00b2a0ce6 .menu-list > li ul li:hover > a { color: #777; } #a0838a00b2a0ce6 .menu-list > li ul li a { color: #a3a7ad; display: block; font-size: 16px; line-height: 40px; font-weight: 400; padding: 0 20px; transition: all 0.2s ease-in; white-space: nowrap; background: transparent; } #a0838a00b2a0ce6 .menu-list li ul, #a0838a00b2a0ce6 .menu-list li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; min-width: 100px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); background: #fff; } #a0838a00b2a0ce6 .menu-list li ul.menu-b > li, #a0838a00b2a0ce6 .menu-list li ul li ul.menu-b > li { display: inline-block; } #a0838a00b2a0ce6 .menu-list .menu-b { transition: all .3s ease; padding: 20px 0; left: auto; } #a0838a00b2a0ce6 .menu-list li:hover > ul { display: block; } #a0838a00b2a0ce6 .menu-list li ul li:hover ul { left: 100%; top: 0; } #a0115ae330a7b85 .ap-content-container { height: 100%; min-height: 40px; } #a07faa212ca8715 .login-main { border-radius: 4px; overflow: hidden; background: #fff; box-shadow: 0 0 20px 0 rgba(12, 1, 4, 0.05); } #a07faa212ca8715 .slider { width: 420px; height: 600px; } #a07faa212ca8715 .uk-slideshow-items { height: 100%; } #a07faa212ca8715 .uk-slideshow-items a { width: 100%; height: 100%; display: block; } #a07faa212ca8715 .login-wrap { width: 100%; height: 100%; } #a07faa212ca8715 .uk-dotnav > * > * { background: #fff; border-color: #fff; opacity: .5; } #a07faa212ca8715 .uk-dotnav > .uk-active > * { border-color: #0076fe; background: #0076fe; } #a07faa212ca8715 .phone-login-box { margin: 40px auto 40px; display: inline-block; } #a07faa212ca8715 .login-header { margin-bottom: 24px; } #a07faa212ca8715 .login-header h4 { font-size: 22px; font-weight: bolder; line-height: 1; padding-left: 20px; border-left: 4px solid #0076fe; } #a07faa212ca8715 .input-item { width: 330px; height: 45px; background-color: #f0f2f7; border-radius: 22px; border: solid 1px #e3e8f0; position: relative; } #a07faa212ca8715 .input-item input { width: 100%; padding: 0 16px 0 40px; height: 43px; border-radius: 0 21px 21px 0; position: absolute; right: 0; border: 0; line-height: 43px; background-color: transparent; outline: 0; font-size: 14px; } #a07faa212ca8715 .input-item input.error, #a07faa212ca8715 .input-item input.error::placeholder { color: #fc4343; } #a07faa212ca8715 .input-item input::placeholder { color: #999; } #a07faa212ca8715 .input-item .icon { position: absolute; left: 10px; top: 12px; fill: #ccc; } #a07faa212ca8715 .verifycode-input { margin: 24px 0; } #a07faa212ca8715 .verifycode-input .input-item { width: 200px; float: left; } #a07faa212ca8715 .send-code { float: left; margin-left: 20px; } #a07faa212ca8715 .verifycode-input button { display: block; padding: 0; height: 45px; width: 105px; background-color: #f1f7ff; border-radius: 22px; font-size: 14px; -webkit-transition: .3s; transition: .3s; color: #999; cursor: pointer; } #a07faa212ca8715 .submit { width: 330px; height: 45px; background-color: #0076fe; border-radius: 22px; font-size: 18px; line-height: 45px; color: #fff; cursor: pointer; } #a07faa212ca8715 .error { color: #fc4343; font-size: 12px; padding-left: 10px; } #a5034a52bda1eee .uk-container { line-height: 2; } #a9675ac8b7aa2e8 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a9675ac8b7aa2e8 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a9675ac8b7aa2e8 .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #4a90e2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #a9675ac8b7aa2e8 .menu-list > li > a { padding: 0 35px; } #a9675ac8b7aa2e8 .menu-list > li:hover:before { height: 100%; } #a9675ac8b7aa2e8 .menu-list > li:hover:after { color: auto; } #a9675ac8b7aa2e8 .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #a9675ac8b7aa2e8 .menu-list > li:first-child:after { content: ""; } #a9675ac8b7aa2e8 .menu-list > li.active > a { font-weight: bold; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; color: #262626; } #a9675ac8b7aa2e8 .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #a9675ac8b7aa2e8 .menu-list > li ul li { position: relative; } #a9675ac8b7aa2e8 .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; } #a9675ac8b7aa2e8 .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-align: center; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; } #a9675ac8b7aa2e8 li ul, #a9675ac8b7aa2e8 li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #a9675ac8b7aa2e8 li:hover > ul { left: auto; } #a9675ac8b7aa2e8 li ul li:hover ul { left: 100%; top: 0; } #a88a6a72f7a6191 form { width: 100%; height: 100%; } #a88a6a72f7a6191 .search-box { text-align: center; margin-right: -10px; font-size: 14px; height: 100%; } #a88a6a72f7a6191 .search-box .select-text { line-height: 1; cursor: pointer; padding: 0 10px; white-space: nowrap; padding-left: 18px; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } #a88a6a72f7a6191 .search-box .search-type { padding: 0; margin: 0; position: absolute; left: 0; top: 40px; display: none; z-index: 999999; } #a88a6a72f7a6191 .search-box .search-type.show { display: block; } #a88a6a72f7a6191 .search-box .search-type li { text-align: center; line-height: 40px; background: #f2f2f2; cursor: pointer; padding: 0 18px; } #a88a6a72f7a6191 .search-box .search-type li:hover { color: #262626; } #a88a6a72f7a6191 .search-box .search-type li.active { color: #262626; } #a88a6a72f7a6191 .inner-form { display: -ms-flexbox; display: flex; width: 100%; height: 100%; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; border-radius: 6px; background-color: #f2f2f2; overflow: hidden; } #a88a6a72f7a6191 .inner-form .input-field { height: 100%; } #a88a6a72f7a6191 .inner-form .input-field input { height: 100%; background: transparent; border: 0; display: block; width: 100%; padding: 10px 0; font-weight: normal; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #000; } #a88a6a72f7a6191 .inner-form .input-field input.placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:-moz-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input::-webkit-input-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:focus { box-shadow: none; outline: 0; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap { -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background: #f2f2f2; position: relative; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap input { -ms-flex-positive: 1; flex-grow: 1; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap svg { width: 20px; height: 20px; display: inline-block; fill: #000; margin: 0 15px; } #a88a6a72f7a6191 .inner-form .input-field.second-wrap { min-width: 120px; } #a88a6a72f7a6191 .btn-search { height: 100%; width: 100%; white-space: nowrap; font-size: 16px; border: 0; cursor: pointer; position: relative; z-index: 0; background: #4a90e2; color: #fff; transition: all 0.2s ease-out, color 0.2s ease-out; font-weight: 300; border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } #a88a6a72f7a6191 .btn-search:hover { background: #262626; } #a88a6a72f7a6191 .btn-search:focus { outline: 0; box-shadow: none; } #a0838a00b2a0ce6 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a0838a00b2a0ce6 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a0838a00b2a0ce6 .menu-list > li > a { height: 100%; font-size: 16px; line-height: 30px; text-align: center; display: block; position: relative; text-transform: capitalize; line-height: 44px; padding: 0 0px; font-weight: bold; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #666666; } #a0838a00b2a0ce6 .menu-list > li > a:before { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background-color: #666666; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #a0838a00b2a0ce6 .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #4a90e2; } #a0838a00b2a0ce6 .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #a0838a00b2a0ce6 .menu-list > li.active > a:before, #a0838a00b2a0ce6 .menu-list > li:hover > a:before { width: 100%; background-color: currentColor; } #a0838a00b2a0ce6 .menu-list > li ul li { position: relative; } #a0838a00b2a0ce6 .menu-list > li ul li:hover > a { color: #777; } #a0838a00b2a0ce6 .menu-list > li ul li a { color: #a3a7ad; display: block; font-size: 16px; line-height: 40px; font-weight: 400; padding: 0 20px; transition: all 0.2s ease-in; white-space: nowrap; background: transparent; } #a0838a00b2a0ce6 .menu-list li ul, #a0838a00b2a0ce6 .menu-list li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; min-width: 100px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); background: #fff; } #a0838a00b2a0ce6 .menu-list li ul.menu-b > li, #a0838a00b2a0ce6 .menu-list li ul li ul.menu-b > li { display: inline-block; } #a0838a00b2a0ce6 .menu-list .menu-b { transition: all .3s ease; padding: 20px 0; left: auto; } #a0838a00b2a0ce6 .menu-list li:hover > ul { display: block; } #a0838a00b2a0ce6 .menu-list li ul li:hover ul { left: 100%; top: 0; } #a0115ae330a7b85 .ap-content-container { height: 100%; min-height: 40px; } #aeddea6837a9473 .sidebar { width: 150px; max-width: 150px; height: 100%; } #aeddea6837a9473 .nav-items { background: #fafafa; min-height: 200px; } #aeddea6837a9473 .phone-info { background: #fafafa; margin-top: 10px; font-size: 12px; padding: 22px 4px 20px 16px; line-height: 1.5; color: #666; } #aeddea6837a9473 .phone-info .phone { line-height: 1.5; color: #333; font-size: 18px; font-family: Arial; } #aeddea6837a9473 .nav-type { line-height: 37px; padding-left: 20px; cursor: pointer; } #aeddea6837a9473 .nav-type.active { color: #FFF; cursor: default; background: #ff658c; } #aeddea6837a9473 .content { padding-bottom: 60px; color: #666; border: 1px solid #f0f0f0; min-height: 400px; } #aeddea6837a9473 .nav-list { padding: 0 20px; } #aeddea6837a9473 .nav-list .nav-item { display: inline-block; line-height: 21px; padding: 2px 6px 3px; font-size: 14px; color: #666; margin: 10px 30px 15px 0; cursor: pointer; } #aeddea6837a9473 .nav-list .nav-item.active { background-color: #ff5c89; color: #fff; cursor: default; } #aeddea6837a9473 .order-item { margin-top: 10px; background: #fff; padding: 0 20px; } #aeddea6837a9473 .order-item:hover { background: #f7f7f7; } #aeddea6837a9473 .del-order { cursor: pointer; } #aeddea6837a9473 .order-item .order-title { line-height: 40px; color: #666; font-size: 13px; border-bottom: 1px solid #f7f7f7; } #aeddea6837a9473 .goods-item { padding: 10px 0; border-bottom: 1px solid #ececec; cursor: pointer; } #aeddea6837a9473 .order-goods-list .goods-item:last-child { border-bottom: none; } #aeddea6837a9473 .goods-item img { width: 100px; height: 100px; background: #f4f4f4; } #aeddea6837a9473 .goods-item .goods-info { padding: 0 15px; } #aeddea6837a9473 .appoint-time span { color: #e4393c; background-color: #f9eeee; display: inline-block; padding: 2px 10px; border-radius: 2px; line-height: 1; } #aeddea6837a9473 .appoint-time { margin-bottom: 4px; } #aeddea6837a9473 .appoint-name { color: #333; font-size: 14px; } #aeddea6837a9473 .appoint-info { padding: 0 15px; font-size: 12px; color: #888; } #aeddea6837a9473 .goods-item .goods-name { color: #333; } #aeddea6837a9473 .goods-item .sku-name { color: #999; font-size: 12px; } #aeddea6837a9473 .order-total-info { padding-bottom: 10px; color: #999; font-size: 12px; } #aeddea6837a9473 .order-total-info .total-price { font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 14px; } #aeddea6837a9473 .load-more { font-size: 12px; padding-bottom: 15px; color: #999; } #aeddea6837a9473 .order-btns { padding: 10px 0; border-top: 1px solid #f7f7f7; } #aeddea6837a9473 .order-btns .btn { line-height: 26px; border-radius: 2px; border: 1px solid #ececec; padding: 0 14px; display: inline-block; margin-left: 8px; background: #fff; color: #333; } #aeddea6837a9473 .order-btns .btn-warn { color: #fff; background: #eb3c3c; border-color: #eb3c3c; cursor: pointer; } #aeddea6837a9473 .appoint-info .title { font-weight: bold; color: #333; } #aeddea6837a9473 .coupon-item { margin: 10px 30px; display: inline-flex; width: 42%; } #aeddea6837a9473 .setting-form { padding: 30px 20px; } #aeddea6837a9473 .setting-item { margin-bottom: 20px; font-size: 13px; color: #666; line-height: 18px; } #aeddea6837a9473 .setting-item .label { display: inline-block; margin-right: 6px; text-align: right; min-width: 120px; } #aeddea6837a9473 .setting-item .input-text { border: 1px solid #ccc; line-height: 28px; padding: 0 10px; min-width: 200px; font-size: 13px; } #aeddea6837a9473 .setting-form .setting-btns { margin-left: 130px; } #aeddea6837a9473 .setting-form .uk-button { height: 30px; line-height: 30px; margin-right: 8px; } #aeddea6837a9473 .setting-wrap { position: relative; } #aeddea6837a9473 .user-info { border: 1px solid #ccc; width: 300px; position: absolute; right: 80px; top: 30px; color: #666; padding: 10px; font-size: 13px; background: #f9f9f9; } #aeddea6837a9473 .user-info .avatar { width: 100px; height: 100px; border-radius: 50%; overflow: hidden; float: left; margin-right: 10px; } #aeddea6837a9473 .user-info .levels { color: #888; font-size: 12px; } #aeddea6837a9473 .address-wrap { padding: 30px 20px; } #aeddea6837a9473 .addr-header { font-size: 18px; color: #333; margin: 0; } #aeddea6837a9473 .addr-detail { border-bottom: 1px solid #ececec; margin-bottom: 10px; } #aeddea6837a9473 .addr-list { min-height: 200px; } #aeddea6837a9473 .addr-detail .addr-item-name, #aeddea6837a9473 .addr-detail .addr-default { display: inline-block; position: relative; overflow: hidden; padding: 0 5px; vertical-align: middle; margin: -2px 5px 0 0; max-width: 8em; height: 16px; line-height: 14px; font-size: 12px; color: #4b9bfb; border: 1px solid #4b9bfb; } #aeddea6837a9473 .addr-detail .addr-name { font-size: 16px; font-weight: bold; color: #333; } #aeddea6837a9473 .addr-detail .addr-item-name { color: #e93b3d; border-color: #e93b3d; } #aeddea6837a9473 .addr-detail { padding: 12px 0; flex: 1; } #aeddea6837a9473 .op-btns a { font-size: 12px; color: #e93b3d; margin-left: 6px; } #aeddea6837a9473 .add-addr { height: 32px; line-height: 30px; } #aeddea6837a9473 .publish-item .status { width: 60px; height: 60px; position: absolute; right: 0; top: 50px; background: url(/resources/sys/img/icons/info-pass.png) center center no-repeat; background-size: contain; } #aeddea6837a9473 .publish-item { cursor: default; min-height: 120px; } #aeddea6837a9473 .publish-item .status-0 { background-image: url(/resources/sys/img/icons/info-unread.png); } #aeddea6837a9473 .publish-item .status-1 { background-image: url(/resources/sys/img/icons/info-fail.png); } #aeddea6837a9473 .publish-item .btns a { display: inline-block; font-size: 12px; padding: 4px 10px; border-radius: 2px; color: #fff; background: #4a90e2; } #aeddea6837a9473 .publish-item .btns .del-info { background: #ccc; color: #999; } #a7e6ba38a9a8566 .uk-container { line-height: 2; } #a9675ac8b7aa2e8 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a9675ac8b7aa2e8 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a9675ac8b7aa2e8 .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #4a90e2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #a9675ac8b7aa2e8 .menu-list > li > a { padding: 0 35px; } #a9675ac8b7aa2e8 .menu-list > li:hover:before { height: 100%; } #a9675ac8b7aa2e8 .menu-list > li:hover:after { color: auto; } #a9675ac8b7aa2e8 .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #a9675ac8b7aa2e8 .menu-list > li:first-child:after { content: ""; } #a9675ac8b7aa2e8 .menu-list > li.active > a { font-weight: bold; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; color: #262626; } #a9675ac8b7aa2e8 .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #a9675ac8b7aa2e8 .menu-list > li ul li { position: relative; } #a9675ac8b7aa2e8 .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; } #a9675ac8b7aa2e8 .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-align: center; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; } #a9675ac8b7aa2e8 li ul, #a9675ac8b7aa2e8 li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #a9675ac8b7aa2e8 li:hover > ul { left: auto; } #a9675ac8b7aa2e8 li ul li:hover ul { left: 100%; top: 0; } #a88a6a72f7a6191 form { width: 100%; height: 100%; } #a88a6a72f7a6191 .search-box { text-align: center; margin-right: -10px; font-size: 14px; height: 100%; } #a88a6a72f7a6191 .search-box .select-text { line-height: 1; cursor: pointer; padding: 0 10px; white-space: nowrap; padding-left: 18px; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } #a88a6a72f7a6191 .search-box .search-type { padding: 0; margin: 0; position: absolute; left: 0; top: 40px; display: none; z-index: 999999; } #a88a6a72f7a6191 .search-box .search-type.show { display: block; } #a88a6a72f7a6191 .search-box .search-type li { text-align: center; line-height: 40px; background: #f2f2f2; cursor: pointer; padding: 0 18px; } #a88a6a72f7a6191 .search-box .search-type li:hover { color: #262626; } #a88a6a72f7a6191 .search-box .search-type li.active { color: #262626; } #a88a6a72f7a6191 .inner-form { display: -ms-flexbox; display: flex; width: 100%; height: 100%; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; border-radius: 6px; background-color: #f2f2f2; overflow: hidden; } #a88a6a72f7a6191 .inner-form .input-field { height: 100%; } #a88a6a72f7a6191 .inner-form .input-field input { height: 100%; background: transparent; border: 0; display: block; width: 100%; padding: 10px 0; font-weight: normal; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #000; } #a88a6a72f7a6191 .inner-form .input-field input.placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:-moz-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input::-webkit-input-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:focus { box-shadow: none; outline: 0; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap { -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background: #f2f2f2; position: relative; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap input { -ms-flex-positive: 1; flex-grow: 1; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap svg { width: 20px; height: 20px; display: inline-block; fill: #000; margin: 0 15px; } #a88a6a72f7a6191 .inner-form .input-field.second-wrap { min-width: 120px; } #a88a6a72f7a6191 .btn-search { height: 100%; width: 100%; white-space: nowrap; font-size: 16px; border: 0; cursor: pointer; position: relative; z-index: 0; background: #4a90e2; color: #fff; transition: all 0.2s ease-out, color 0.2s ease-out; font-weight: 300; border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } #a88a6a72f7a6191 .btn-search:hover { background: #262626; } #a88a6a72f7a6191 .btn-search:focus { outline: 0; box-shadow: none; } #a0838a00b2a0ce6 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a0838a00b2a0ce6 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a0838a00b2a0ce6 .menu-list > li > a { height: 100%; font-size: 16px; line-height: 30px; text-align: center; display: block; position: relative; text-transform: capitalize; line-height: 44px; padding: 0 0px; font-weight: bold; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #666666; } #a0838a00b2a0ce6 .menu-list > li > a:before { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background-color: #666666; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #a0838a00b2a0ce6 .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #4a90e2; } #a0838a00b2a0ce6 .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #a0838a00b2a0ce6 .menu-list > li.active > a:before, #a0838a00b2a0ce6 .menu-list > li:hover > a:before { width: 100%; background-color: currentColor; } #a0838a00b2a0ce6 .menu-list > li ul li { position: relative; } #a0838a00b2a0ce6 .menu-list > li ul li:hover > a { color: #777; } #a0838a00b2a0ce6 .menu-list > li ul li a { color: #a3a7ad; display: block; font-size: 16px; line-height: 40px; font-weight: 400; padding: 0 20px; transition: all 0.2s ease-in; white-space: nowrap; background: transparent; } #a0838a00b2a0ce6 .menu-list li ul, #a0838a00b2a0ce6 .menu-list li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; min-width: 100px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); background: #fff; } #a0838a00b2a0ce6 .menu-list li ul.menu-b > li, #a0838a00b2a0ce6 .menu-list li ul li ul.menu-b > li { display: inline-block; } #a0838a00b2a0ce6 .menu-list .menu-b { transition: all .3s ease; padding: 20px 0; left: auto; } #a0838a00b2a0ce6 .menu-list li:hover > ul { display: block; } #a0838a00b2a0ce6 .menu-list li ul li:hover ul { left: 100%; top: 0; } #a0115ae330a7b85 .ap-content-container { height: 100%; min-height: 40px; } #a9e9ca4c3aa1c35 .search-highlight { background: yellow; } #a9e9ca4c3aa1c35 .category-list { background: #fff; padding: 20px 40px; } #a9e9ca4c3aa1c35 .goods-sort { padding: 10px 0; } #a9e9ca4c3aa1c35 .goods { padding-bottom: 20px; } #a9e9ca4c3aa1c35 .goods-sort .category { border-bottom: 1px dashed #dedede; position: relative; } #a9e9ca4c3aa1c35 .goods-sort .category .name { font-size: 14px; color: #999; position: absolute; left: 0; top: 0; } #a9e9ca4c3aa1c35 .goods-sort .category-items { overflow: hidden; margin-bottom: 4px; margin-left: 65px; } #a9e9ca4c3aa1c35 .goods-sort .category-item { float: left; color: #333; margin-right: 30px; margin-bottom: 10px; font-size: 14px; } #a9e9ca4c3aa1c35 .goods-sort .sort-default.active, #a9e9ca4c3aa1c35 .goods-sort .category-item.active { color: red; } #a9e9ca4c3aa1c35 .sorts { position: relative; overflow: hidden; padding: 20px 0; line-height: 1; border-bottom: 1px solid #dedede; } #a9e9ca4c3aa1c35 .sorts .name { font-size: 14px; color: #999; margin-right: 28px; } #a9e9ca4c3aa1c35 .sorts .sort { display: inline-block; margin-right: 30px; font-size: 14px; color: #333; } #a9e9ca4c3aa1c35 .sorts .sort.active span { color: #e4393c; } #a9e9ca4c3aa1c35 .sorts .fa { color: #999; } #a9e9ca4c3aa1c35 .sorts .fa.active { color: #e4393c; } #a9e9ca4c3aa1c35 .sorts .sort-icon { display: inline-block; margin-left: 6px; } #a9e9ca4c3aa1c35 .sorts .sort-icon i { display: block; font-size: 12px; line-height: 1; height: 2px; } #a9e9ca4c3aa1c35 .uk-container { min-height: 200px; } #a9e9ca4c3aa1c35 .not-found { line-height: 200px; } #a9e9ca4c3aa1c35 .goods .item { color: #333; font-weight: 400; } #a9e9ca4c3aa1c35 .img-alter { display: none; } #a9e9ca4c3aa1c35 .goods .item:hover .img-main { display: none; } #a9e9ca4c3aa1c35 .goods .item:hover .img-alter { display: block; } #a9e9ca4c3aa1c35 .goods .item .title { padding: 0 10px; margin-bottom: 4px; line-height: 20px; font-weight: bolder; transition: all .1s ease; } #a9e9ca4c3aa1c35 .goods .item .title:hover { color: #d4282d; } #a9e9ca4c3aa1c35 .goods .item .price { color: #d4282d; line-height: 22px; font-size: 13px; font-weight: bold; font-family: "Heiti SC", "Lucida Grande", "Hiragino Sans GB", "Hiragino Sans GB W3", verdana; } #a9e9ca4c3aa1c35 .goods .item hr { width: 60%; display: block; height: 1px; padding: 0; margin: 6px auto 14px; border: 0; border-top: 1px solid #e8e8e8; } #a9e9ca4c3aa1c35 .goods .item .subTitle { padding: 0 10px; line-height: 18px; color: #999; } #a9e9ca4c3aa1c35 .goods .origin-price { display: inline-block; margin-left: 6px; font-size: 12px; color: #999; text-decoration: line-through; } #a9e9ca4c3aa1c35 .goods .member-price { font-size: 12px; color: #d4282d; font-weight: 500; line-height: 18px; margin-left: 10px; } #a9e9ca4c3aa1c35 .uk-card .uk-card-media { background: #fff; } #a9e9ca4c3aa1c35 .uk-card:hover { background-color: #f4f0e9; } #a9e9ca4c3aa1c35 .sort-time.active .fa { color: #e4393c; } #a9e9ca4c3aa1c35 * + .uk-grid-margin-small, #a9e9ca4c3aa1c35 .uk-grid + .uk-grid-small, #a9e9ca4c3aa1c35 .uk-grid-small > .uk-grid-margin { margin-top: 50px; } #a03bba7dc0ae720 .uk-container { line-height: 2; } #a9675ac8b7aa2e8 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a9675ac8b7aa2e8 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a9675ac8b7aa2e8 .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #4a90e2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #a9675ac8b7aa2e8 .menu-list > li > a { padding: 0 35px; } #a9675ac8b7aa2e8 .menu-list > li:hover:before { height: 100%; } #a9675ac8b7aa2e8 .menu-list > li:hover:after { color: auto; } #a9675ac8b7aa2e8 .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #a9675ac8b7aa2e8 .menu-list > li:first-child:after { content: ""; } #a9675ac8b7aa2e8 .menu-list > li.active > a { font-weight: bold; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; color: #262626; } #a9675ac8b7aa2e8 .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #a9675ac8b7aa2e8 .menu-list > li ul li { position: relative; } #a9675ac8b7aa2e8 .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; } #a9675ac8b7aa2e8 .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-align: center; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; } #a9675ac8b7aa2e8 li ul, #a9675ac8b7aa2e8 li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #a9675ac8b7aa2e8 li:hover > ul { left: auto; } #a9675ac8b7aa2e8 li ul li:hover ul { left: 100%; top: 0; } #a88a6a72f7a6191 form { width: 100%; height: 100%; } #a88a6a72f7a6191 .search-box { text-align: center; margin-right: -10px; font-size: 14px; height: 100%; } #a88a6a72f7a6191 .search-box .select-text { line-height: 1; cursor: pointer; padding: 0 10px; white-space: nowrap; padding-left: 18px; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } #a88a6a72f7a6191 .search-box .search-type { padding: 0; margin: 0; position: absolute; left: 0; top: 40px; display: none; z-index: 999999; } #a88a6a72f7a6191 .search-box .search-type.show { display: block; } #a88a6a72f7a6191 .search-box .search-type li { text-align: center; line-height: 40px; background: #f2f2f2; cursor: pointer; padding: 0 18px; } #a88a6a72f7a6191 .search-box .search-type li:hover { color: #262626; } #a88a6a72f7a6191 .search-box .search-type li.active { color: #262626; } #a88a6a72f7a6191 .inner-form { display: -ms-flexbox; display: flex; width: 100%; height: 100%; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; border-radius: 6px; background-color: #f2f2f2; overflow: hidden; } #a88a6a72f7a6191 .inner-form .input-field { height: 100%; } #a88a6a72f7a6191 .inner-form .input-field input { height: 100%; background: transparent; border: 0; display: block; width: 100%; padding: 10px 0; font-weight: normal; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #000; } #a88a6a72f7a6191 .inner-form .input-field input.placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:-moz-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input::-webkit-input-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:focus { box-shadow: none; outline: 0; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap { -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background: #f2f2f2; position: relative; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap input { -ms-flex-positive: 1; flex-grow: 1; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap svg { width: 20px; height: 20px; display: inline-block; fill: #000; margin: 0 15px; } #a88a6a72f7a6191 .inner-form .input-field.second-wrap { min-width: 120px; } #a88a6a72f7a6191 .btn-search { height: 100%; width: 100%; white-space: nowrap; font-size: 16px; border: 0; cursor: pointer; position: relative; z-index: 0; background: #4a90e2; color: #fff; transition: all 0.2s ease-out, color 0.2s ease-out; font-weight: 300; border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } #a88a6a72f7a6191 .btn-search:hover { background: #262626; } #a88a6a72f7a6191 .btn-search:focus { outline: 0; box-shadow: none; } #a0838a00b2a0ce6 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a0838a00b2a0ce6 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a0838a00b2a0ce6 .menu-list > li > a { height: 100%; font-size: 16px; line-height: 30px; text-align: center; display: block; position: relative; text-transform: capitalize; line-height: 44px; padding: 0 0px; font-weight: bold; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #666666; } #a0838a00b2a0ce6 .menu-list > li > a:before { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background-color: #666666; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #a0838a00b2a0ce6 .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #4a90e2; } #a0838a00b2a0ce6 .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #a0838a00b2a0ce6 .menu-list > li.active > a:before, #a0838a00b2a0ce6 .menu-list > li:hover > a:before { width: 100%; background-color: currentColor; } #a0838a00b2a0ce6 .menu-list > li ul li { position: relative; } #a0838a00b2a0ce6 .menu-list > li ul li:hover > a { color: #777; } #a0838a00b2a0ce6 .menu-list > li ul li a { color: #a3a7ad; display: block; font-size: 16px; line-height: 40px; font-weight: 400; padding: 0 20px; transition: all 0.2s ease-in; white-space: nowrap; background: transparent; } #a0838a00b2a0ce6 .menu-list li ul, #a0838a00b2a0ce6 .menu-list li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; min-width: 100px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); background: #fff; } #a0838a00b2a0ce6 .menu-list li ul.menu-b > li, #a0838a00b2a0ce6 .menu-list li ul li ul.menu-b > li { display: inline-block; } #a0838a00b2a0ce6 .menu-list .menu-b { transition: all .3s ease; padding: 20px 0; left: auto; } #a0838a00b2a0ce6 .menu-list li:hover > ul { display: block; } #a0838a00b2a0ce6 .menu-list li ul li:hover ul { left: 100%; top: 0; } #a0115ae330a7b85 .ap-content-container { height: 100%; min-height: 40px; } #afa9caec05a378f { min-height: 500px; /* mobile */ } #afa9caec05a378f .search-highlight { background: yellow; } #afa9caec05a378f .el-item { padding: 15px 0; border-bottom: 1px solid #ececec; } #afa9caec05a378f .el-title { margin-bottom: 20px; } #afa9caec05a378f .el-item:hover { background: #f6f6f6; border-bottom-color: #f6f6f6; } #afa9caec05a378f .img-wrap { overflow: hidden; display: block; border-radius: 4px; } #afa9caec05a378f .img-wrap img { transition: all .3s ease; border-radius: 4px; } #afa9caec05a378f .el-item:hover .img-wrap img { transform: scale(1.1); } #afa9caec05a378f .el-title a { font-size: 20px; color: #333; line-height: 36px; } #afa9caec05a378f .el-meta { font-size: 14px; color: #777; line-height: 1.5; margin: 6px 0; } #afa9caec05a378f .el-content { font-size: 14px; color: #777; } @media (max-width: 640px) { #afa9caec05a378f .el-title { margin-bottom: 0; } #afa9caec05a378f .el-title a { font-size: 14px; color: #333; line-height: 1.5; } #afa9caec05a378f .category { font-size: 12px; } #afa9caec05a378f .el-content { font-size: 12px; color: #777; line-height: 1.5; margin: 6px 0 0px; } } #a2c2aafd8ba71f3 .uk-container { line-height: 2; } #a9675ac8b7aa2e8 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a9675ac8b7aa2e8 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a9675ac8b7aa2e8 .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #4a90e2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #a9675ac8b7aa2e8 .menu-list > li > a { padding: 0 35px; } #a9675ac8b7aa2e8 .menu-list > li:hover:before { height: 100%; } #a9675ac8b7aa2e8 .menu-list > li:hover:after { color: auto; } #a9675ac8b7aa2e8 .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #a9675ac8b7aa2e8 .menu-list > li:first-child:after { content: ""; } #a9675ac8b7aa2e8 .menu-list > li.active > a { font-weight: bold; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; color: #262626; } #a9675ac8b7aa2e8 .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #a9675ac8b7aa2e8 .menu-list > li ul li { position: relative; } #a9675ac8b7aa2e8 .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; } #a9675ac8b7aa2e8 .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-align: center; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; } #a9675ac8b7aa2e8 li ul, #a9675ac8b7aa2e8 li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #a9675ac8b7aa2e8 li:hover > ul { left: auto; } #a9675ac8b7aa2e8 li ul li:hover ul { left: 100%; top: 0; } #a88a6a72f7a6191 form { width: 100%; height: 100%; } #a88a6a72f7a6191 .search-box { text-align: center; margin-right: -10px; font-size: 14px; height: 100%; } #a88a6a72f7a6191 .search-box .select-text { line-height: 1; cursor: pointer; padding: 0 10px; white-space: nowrap; padding-left: 18px; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } #a88a6a72f7a6191 .search-box .search-type { padding: 0; margin: 0; position: absolute; left: 0; top: 40px; display: none; z-index: 999999; } #a88a6a72f7a6191 .search-box .search-type.show { display: block; } #a88a6a72f7a6191 .search-box .search-type li { text-align: center; line-height: 40px; background: #f2f2f2; cursor: pointer; padding: 0 18px; } #a88a6a72f7a6191 .search-box .search-type li:hover { color: #262626; } #a88a6a72f7a6191 .search-box .search-type li.active { color: #262626; } #a88a6a72f7a6191 .inner-form { display: -ms-flexbox; display: flex; width: 100%; height: 100%; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; border-radius: 6px; background-color: #f2f2f2; overflow: hidden; } #a88a6a72f7a6191 .inner-form .input-field { height: 100%; } #a88a6a72f7a6191 .inner-form .input-field input { height: 100%; background: transparent; border: 0; display: block; width: 100%; padding: 10px 0; font-weight: normal; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #000; } #a88a6a72f7a6191 .inner-form .input-field input.placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:-moz-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input::-webkit-input-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:focus { box-shadow: none; outline: 0; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap { -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background: #f2f2f2; position: relative; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap input { -ms-flex-positive: 1; flex-grow: 1; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap svg { width: 20px; height: 20px; display: inline-block; fill: #000; margin: 0 15px; } #a88a6a72f7a6191 .inner-form .input-field.second-wrap { min-width: 120px; } #a88a6a72f7a6191 .btn-search { height: 100%; width: 100%; white-space: nowrap; font-size: 16px; border: 0; cursor: pointer; position: relative; z-index: 0; background: #4a90e2; color: #fff; transition: all 0.2s ease-out, color 0.2s ease-out; font-weight: 300; border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } #a88a6a72f7a6191 .btn-search:hover { background: #262626; } #a88a6a72f7a6191 .btn-search:focus { outline: 0; box-shadow: none; } #a0838a00b2a0ce6 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a0838a00b2a0ce6 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a0838a00b2a0ce6 .menu-list > li > a { height: 100%; font-size: 16px; line-height: 30px; text-align: center; display: block; position: relative; text-transform: capitalize; line-height: 44px; padding: 0 0px; font-weight: bold; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #666666; } #a0838a00b2a0ce6 .menu-list > li > a:before { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background-color: #666666; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #a0838a00b2a0ce6 .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #4a90e2; } #a0838a00b2a0ce6 .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #a0838a00b2a0ce6 .menu-list > li.active > a:before, #a0838a00b2a0ce6 .menu-list > li:hover > a:before { width: 100%; background-color: currentColor; } #a0838a00b2a0ce6 .menu-list > li ul li { position: relative; } #a0838a00b2a0ce6 .menu-list > li ul li:hover > a { color: #777; } #a0838a00b2a0ce6 .menu-list > li ul li a { color: #a3a7ad; display: block; font-size: 16px; line-height: 40px; font-weight: 400; padding: 0 20px; transition: all 0.2s ease-in; white-space: nowrap; background: transparent; } #a0838a00b2a0ce6 .menu-list li ul, #a0838a00b2a0ce6 .menu-list li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; min-width: 100px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); background: #fff; } #a0838a00b2a0ce6 .menu-list li ul.menu-b > li, #a0838a00b2a0ce6 .menu-list li ul li ul.menu-b > li { display: inline-block; } #a0838a00b2a0ce6 .menu-list .menu-b { transition: all .3s ease; padding: 20px 0; left: auto; } #a0838a00b2a0ce6 .menu-list li:hover > ul { display: block; } #a0838a00b2a0ce6 .menu-list li ul li:hover ul { left: 100%; top: 0; } #a0115ae330a7b85 .ap-content-container { height: 100%; min-height: 40px; } #af285aa6b3ab5da .comment-detail { min-height: 600px; } #af285aa6b3ab5da table { background: #f9fdff; width: 100%; border-collapse: collapse; border-spacing: 0; } #af285aa6b3ab5da table th, #af285aa6b3ab5da table td { padding: 10px 20px; border: #ececec 1px solid; line-height: 1.8em; } #af285aa6b3ab5da table th { padding-left: 0; text-align: right; background: #eff7fe; font-weight: normal; color: #333; } #af285aa6b3ab5da .red { color: #F00!important; } #af285aa6b3ab5da .table-title span { display: inline-block; padding: 0 40px; line-height: 40px; color: #274589; font-size: 16px; font-weight: bold; background: url(/resources/sys/img/icons/title_icon.png) 0 center no-repeat; } #a4680ab071a15d4 .uk-container { line-height: 2; } #a9675ac8b7aa2e8 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a9675ac8b7aa2e8 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a9675ac8b7aa2e8 .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #4a90e2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #a9675ac8b7aa2e8 .menu-list > li > a { padding: 0 35px; } #a9675ac8b7aa2e8 .menu-list > li:hover:before { height: 100%; } #a9675ac8b7aa2e8 .menu-list > li:hover:after { color: auto; } #a9675ac8b7aa2e8 .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #a9675ac8b7aa2e8 .menu-list > li:first-child:after { content: ""; } #a9675ac8b7aa2e8 .menu-list > li.active > a { font-weight: bold; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; color: #262626; } #a9675ac8b7aa2e8 .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #a9675ac8b7aa2e8 .menu-list > li ul li { position: relative; } #a9675ac8b7aa2e8 .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; } #a9675ac8b7aa2e8 .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-align: center; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; font-size: 16px; font-family: inherit; } #a9675ac8b7aa2e8 li ul, #a9675ac8b7aa2e8 li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #a9675ac8b7aa2e8 li:hover > ul { left: auto; } #a9675ac8b7aa2e8 li ul li:hover ul { left: 100%; top: 0; } #a88a6a72f7a6191 form { width: 100%; height: 100%; } #a88a6a72f7a6191 .search-box { text-align: center; margin-right: -10px; font-size: 14px; height: 100%; } #a88a6a72f7a6191 .search-box .select-text { line-height: 1; cursor: pointer; padding: 0 10px; white-space: nowrap; padding-left: 18px; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } #a88a6a72f7a6191 .search-box .search-type { padding: 0; margin: 0; position: absolute; left: 0; top: 40px; display: none; z-index: 999999; } #a88a6a72f7a6191 .search-box .search-type.show { display: block; } #a88a6a72f7a6191 .search-box .search-type li { text-align: center; line-height: 40px; background: #f2f2f2; cursor: pointer; padding: 0 18px; } #a88a6a72f7a6191 .search-box .search-type li:hover { color: #262626; } #a88a6a72f7a6191 .search-box .search-type li.active { color: #262626; } #a88a6a72f7a6191 .inner-form { display: -ms-flexbox; display: flex; width: 100%; height: 100%; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; border-radius: 6px; background-color: #f2f2f2; overflow: hidden; } #a88a6a72f7a6191 .inner-form .input-field { height: 100%; } #a88a6a72f7a6191 .inner-form .input-field input { height: 100%; background: transparent; border: 0; display: block; width: 100%; padding: 10px 0; font-weight: normal; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #000; } #a88a6a72f7a6191 .inner-form .input-field input.placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:-moz-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input::-webkit-input-placeholder { font-size: 14px; color: #262626; } #a88a6a72f7a6191 .inner-form .input-field input:focus { box-shadow: none; outline: 0; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap { -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background: #f2f2f2; position: relative; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap input { -ms-flex-positive: 1; flex-grow: 1; } #a88a6a72f7a6191 .inner-form .input-field.first-wrap svg { width: 20px; height: 20px; display: inline-block; fill: #000; margin: 0 15px; } #a88a6a72f7a6191 .inner-form .input-field.second-wrap { min-width: 120px; } #a88a6a72f7a6191 .btn-search { height: 100%; width: 100%; white-space: nowrap; font-size: 16px; border: 0; cursor: pointer; position: relative; z-index: 0; background: #4a90e2; color: #fff; transition: all 0.2s ease-out, color 0.2s ease-out; font-weight: 300; border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } #a88a6a72f7a6191 .btn-search:hover { background: #262626; } #a88a6a72f7a6191 .btn-search:focus { outline: 0; box-shadow: none; } #a0838a00b2a0ce6 .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #a0838a00b2a0ce6 .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #a0838a00b2a0ce6 .menu-list > li > a { height: 100%; font-size: 16px; line-height: 30px; text-align: center; display: block; position: relative; text-transform: capitalize; line-height: 44px; padding: 0 0px; font-weight: bold; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #666666; } #a0838a00b2a0ce6 .menu-list > li > a:before { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background-color: #666666; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #a0838a00b2a0ce6 .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #4a90e2; } #a0838a00b2a0ce6 .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #a0838a00b2a0ce6 .menu-list > li.active > a:before, #a0838a00b2a0ce6 .menu-list > li:hover > a:before { width: 100%; background-color: currentColor; } #a0838a00b2a0ce6 .menu-list > li ul li { position: relative; } #a0838a00b2a0ce6 .menu-list > li ul li:hover > a { color: #777; } #a0838a00b2a0ce6 .menu-list > li ul li a { color: #a3a7ad; display: block; font-size: 16px; line-height: 40px; font-weight: 400; padding: 0 20px; transition: all 0.2s ease-in; white-space: nowrap; background: transparent; } #a0838a00b2a0ce6 .menu-list li ul, #a0838a00b2a0ce6 .menu-list li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; min-width: 100px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); background: #fff; } #a0838a00b2a0ce6 .menu-list li ul.menu-b > li, #a0838a00b2a0ce6 .menu-list li ul li ul.menu-b > li { display: inline-block; } #a0838a00b2a0ce6 .menu-list .menu-b { transition: all .3s ease; padding: 20px 0; left: auto; } #a0838a00b2a0ce6 .menu-list li:hover > ul { display: block; } #a0838a00b2a0ce6 .menu-list li ul li:hover ul { left: 100%; top: 0; }