html {
    overflow-x: hidden !important
}

html.i-amphtml-fie {
    height: 100% !important;
    width: 100% !important
}

html:not([amp4ads]),
html:not([amp4ads]) body {
    height: auto !important
}

html:not([amp4ads]) body {
    margin: 0 !important
}

body {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

html.i-amphtml-singledoc.i-amphtml-embedded {
    -ms-touch-action: pan-y pinch-zoom;
    touch-action: pan-y pinch-zoom
}

html.i-amphtml-fie>body,
html.i-amphtml-singledoc>body {
    overflow: visible !important
}

html.i-amphtml-fie:not(.i-amphtml-inabox)>body,
html.i-amphtml-singledoc:not(.i-amphtml-inabox)>body {
    position: relative !important
}

html.i-amphtml-ios-embed-legacy>body {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    position: absolute !important
}

html.i-amphtml-ios-embed {
    overflow-y: auto !important;
    position: static
}

#i-amphtml-wrapper {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
    display: block !important
}

html.i-amphtml-ios-embed.i-amphtml-ios-overscroll,
html.i-amphtml-ios-embed.i-amphtml-ios-overscroll>#i-amphtml-wrapper {
    -webkit-overflow-scrolling: touch !important
}

#i-amphtml-wrapper>body {
    position: relative !important;
    border-top: 1px solid transparent !important
}

#i-amphtml-wrapper+body {
    visibility: visible
}

#i-amphtml-wrapper+body .i-amphtml-lightbox-element,
#i-amphtml-wrapper+body[i-amphtml-lightbox] {
    visibility: hidden
}

#i-amphtml-wrapper+body[i-amphtml-lightbox] .i-amphtml-lightbox-element {
    visibility: visible
}

#i-amphtml-wrapper.i-amphtml-scroll-disabled,
.i-amphtml-scroll-disabled {
    overflow-x: hidden !important;
    overflow-y: hidden !important
}

amp-instagram {
    padding: 54px 0px 0px !important;
    background-color: #fff
}

amp-iframe iframe {
    box-sizing: border-box !important
}

[amp-access][amp-access-hide] {
    display: none
}

[subscriptions-dialog],
body:not(.i-amphtml-subs-ready) [subscriptions-action],
body:not(.i-amphtml-subs-ready) [subscriptions-section] {
    display: none !important
}

amp-experiment,
amp-live-list>[update] {
    display: none
}

amp-list[resizable-children]>.i-amphtml-loading-container.amp-hidden {
    display: none !important
}

amp-list [fetch-error],
amp-list[load-more] [load-more-button],
amp-list[load-more] [load-more-end],
amp-list[load-more] [load-more-failed],
amp-list[load-more] [load-more-loading] {
    display: none
}

amp-list[diffable] div[role=list] {
    display: block
}

amp-story-page,
amp-story[standalone] {
    min-height: 1px !important;
    display: block !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    width: 100% !important
}

amp-story[standalone] {
    background-color: #000 !important;
    position: relative !important
}

amp-story-page {
    background-color: #757575
}

amp-story .amp-active>div,
amp-story .i-amphtml-loader-background {
    display: none !important
}

amp-story-page:not(:first-of-type):not([distance]):not([active]) {
    transform: translateY(1000vh) !important
}

amp-autocomplete {
    position: relative !important;
    display: inline-block !important
}

amp-autocomplete>input,
amp-autocomplete>textarea {
    padding: 0.5rem;
    border: 1px solid rgba(0, 0, 0, 0.33)
}

.i-amphtml-autocomplete-results,
amp-autocomplete>input,
amp-autocomplete>textarea {
    font-size: 1rem;
    line-height: 1.5rem
}

[amp-fx^=fly-in] {
    visibility: hidden
}

amp-script[nodom],
amp-script[sandboxed] {
    position: fixed !important;
    top: 0 !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    visibility: hidden
}


[hidden] {
    display: none !important
}

.i-amphtml-element {
    display: inline-block
}

.i-amphtml-blurry-placeholder {
    transition: opacity 0.3s cubic-bezier(0.0, 0.0, 0.2, 1) !important;
    pointer-events: none
}

[layout=nodisplay]:not(.i-amphtml-element) {
    display: none !important
}

.i-amphtml-layout-fixed,
[layout=fixed][width][height]:not(.i-amphtml-layout-fixed) {
    display: inline-block;
    position: relative
}

.i-amphtml-layout-responsive,
[layout=responsive][width][height]:not(.i-amphtml-layout-responsive),
[width][height][heights]:not([layout]):not(.i-amphtml-layout-responsive),
[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-layout-responsive) {
    display: block;
    position: relative
}

.i-amphtml-layout-intrinsic,
[layout=intrinsic][width][height]:not(.i-amphtml-layout-intrinsic) {
    display: inline-block;
    position: relative;
    max-width: 100%
}

.i-amphtml-layout-intrinsic .i-amphtml-sizer {
    max-width: 100%
}

.i-amphtml-intrinsic-sizer {
    max-width: 100%;
    display: block !important
}

.i-amphtml-layout-container,
.i-amphtml-layout-fixed-height,
[layout=container],
[layout=fixed-height][height]:not(.i-amphtml-layout-fixed-height) {
    display: block;
    position: relative
}

.i-amphtml-layout-fill,
.i-amphtml-layout-fill.i-amphtml-notbuilt,
[layout=fill]:not(.i-amphtml-layout-fill),
body noscript>* {
    display: block;
    overflow: hidden !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

body noscript>* {
    position: absolute !important;
    width: 100%;
    height: 100%;
    z-index: 2
}

body noscript {
    display: inline !important
}

.i-amphtml-layout-flex-item,
[layout=flex-item]:not(.i-amphtml-layout-flex-item) {
    display: block;
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.i-amphtml-layout-fluid {
    position: relative
}

.i-amphtml-layout-size-defined {
    overflow: hidden !important
}

.i-amphtml-layout-awaiting-size {
    position: absolute !important;
    top: auto !important;
    bottom: auto !important
}

i-amphtml-sizer {
    display: block !important
}

@supports (aspect-ratio:1/1) {
    i-amphtml-sizer.i-amphtml-disable-ar {
        display: none !important
    }
}

.i-amphtml-blurry-placeholder,
.i-amphtml-fill-content {
    display: block;
    height: 0;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    width: 0;
    margin: auto
}

.i-amphtml-layout-size-defined .i-amphtml-fill-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.i-amphtml-replaced-content,
.i-amphtml-screen-reader {
    padding: 0 !important;
    border: none !important
}

.i-amphtml-screen-reader {
    position: fixed !important;
    top: 0px !important;
    left: 0px !important;
    width: 4px !important;
    height: 4px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    display: block !important;
    visibility: visible !important
}

.i-amphtml-screen-reader~.i-amphtml-screen-reader {
    left: 8px !important
}

.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader {
    left: 12px !important
}

.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader {
    left: 16px !important
}

.i-amphtml-unresolved {
    position: relative;
    overflow: hidden !important
}

.i-amphtml-select-disabled {
    -webkit-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

.i-amphtml-notbuilt,
[layout]:not(.i-amphtml-element),
[width][height][heights]:not([layout]):not(.i-amphtml-element),
[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-element) {
    position: relative;
    overflow: hidden !important;
    color: transparent !important
}

.i-amphtml-notbuilt:not(.i-amphtml-layout-container)>*,
[layout]:not([layout=container]):not(.i-amphtml-element)>*,
[width][height][heights]:not([layout]):not(.i-amphtml-element)>*,
[width][height][sizes]:not([layout]):not(.i-amphtml-element)>* {
    display: none
}

amp-img:not(.i-amphtml-element)[i-amphtml-ssr]>img.i-amphtml-fill-content {
    display: block
}

.i-amphtml-notbuilt:not(.i-amphtml-layout-container),
[layout]:not([layout=container]):not(.i-amphtml-element),
[width][height][heights]:not([layout]):not(.i-amphtml-element),
[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-element) {
    color: transparent !important;
    line-height: 0 !important
}

.i-amphtml-ghost {
    visibility: hidden !important
}

.i-amphtml-element>[placeholder],
[layout]:not(.i-amphtml-element)>[placeholder],
[width][height][heights]:not([layout]):not(.i-amphtml-element)>[placeholder],
[width][height][sizes]:not([layout]):not(.i-amphtml-element)>[placeholder] {
    display: block;
    line-height: normal
}

.i-amphtml-element>[placeholder].amp-hidden,
.i-amphtml-element>[placeholder].hidden {
    visibility: hidden
}

.i-amphtml-element:not(.amp-notsupported)>[fallback],
.i-amphtml-layout-container>[placeholder].amp-hidden,
.i-amphtml-layout-container>[placeholder].hidden {
    display: none
}

.i-amphtml-layout-size-defined>[fallback],
.i-amphtml-layout-size-defined>[placeholder] {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 1
}

amp-img[i-amphtml-ssr]:not(.i-amphtml-element)>[placeholder] {
    z-index: auto
}

.i-amphtml-notbuilt>[placeholder] {
    display: block !important
}

.i-amphtml-hidden-by-media-query {
    display: none !important
}

.i-amphtml-element-error {
    background: red !important;
    color: #fff !important;
    position: relative !important
}

.i-amphtml-element-error:before {
    content: attr(error-message)
}

i-amp-scroll-container,
i-amphtml-scroll-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block
}

i-amp-scroll-container.amp-active,
i-amphtml-scroll-container.amp-active {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.i-amphtml-loading-container {
    display: block !important;
    pointer-events: none;
    z-index: 1
}

.i-amphtml-notbuilt>.i-amphtml-loading-container {
    display: block !important
}

.i-amphtml-loading-container.amp-hidden {
    visibility: hidden
}

.i-amphtml-element>[overflow] {
    cursor: pointer;
    position: relative;
    z-index: 2;
    visibility: hidden;
    display: initial;
    line-height: normal
}

.i-amphtml-layout-size-defined>[overflow] {
    position: absolute
}

.i-amphtml-element>[overflow].amp-visible {
    visibility: visible
}

template {
    display: none !important
}

.amp-border-box,
.amp-border-box *,
.amp-border-box :after,
.amp-border-box :before {
    box-sizing: border-box
}

amp-pixel {
    display: none !important
}

amp-analytics,
amp-auto-ads,
amp-story-auto-ads {
    position: fixed !important;
    top: 0 !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    visibility: hidden
}

amp-story {
    visibility: hidden !important
}

html.i-amphtml-fie>amp-analytics {
    position: initial !important
}

[visible-when-invalid]:not(.visible),
form [submit-error],
form [submit-success],
form [submitting] {
    display: none
}

amp-accordion {
    display: block !important
}

@media (min-width:1px) {
    :where(amp-accordion>section)>:first-child {
        margin: 0;
        background-color: #efefef;
        padding-right: 20px;
        border: 1px solid #dfdfdf
    }

    :where(amp-accordion>section)>:last-child {
        margin: 0
    }
}

amp-accordion>section {
    float: none !important
}

amp-accordion>section>* {
    float: none !important;
    display: block !important;
    overflow: hidden !important;
    position: relative !important
}

amp-accordion,
amp-accordion>section {
    margin: 0
}

amp-accordion:not(.i-amphtml-built)>section>:last-child {
    display: none !important
}

amp-accordion:not(.i-amphtml-built)>section[expanded]>:last-child {
    display: block !important
}


.i-amphtml-loader-background {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #f8f8f8
}

.i-amphtml-new-loader {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    color: #aaa
}

.i-amphtml-new-loader-size-default,
.i-amphtml-new-loader-size-small {
    width: 72px;
    height: 72px
}

.i-amphtml-new-loader-logo {
    transform-origin: center;
    opacity: 0;
    animation: i-amphtml-new-loader-scale-and-fade-in 0.8s ease-in forwards;
    animation-delay: 0.6s;
    animation-delay: calc(0.6s - var(--loader-delay-offset))
}

.i-amphtml-new-loader-size-small .i-amphtml-new-loader-logo {
    display: none
}

.i-amphtml-new-loader-logo-default {
    fill: currentColor;
    animation: i-amphtml-new-loader-fade-out 0.8s ease-out forwards;
    animation-delay: 1.8s;
    animation-delay: calc(1.8s - var(--loader-delay-offset))
}

.i-amphtml-new-loader-has-shim {
    color: #fff !important
}

.i-amphtml-new-loader-shim {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: none;
    transform-origin: center;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.6);
    animation: i-amphtml-new-loader-scale-and-fade-in 0.8s ease-in forwards;
    animation-delay: 0.6s;
    animation-delay: calc(0.6s - var(--loader-delay-offset))
}

.i-amphtml-new-loader-size-small .i-amphtml-new-loader-shim {
    width: 48px;
    height: 48px;
    margin: 12px
}

.i-amphtml-new-loader-has-shim .i-amphtml-new-loader-shim {
    display: initial
}

.i-amphtml-new-loader-has-shim .i-amphtml-new-loader-logo-default {
    display: none
}

.i-amphtml-new-loader-has-shim .i-amphtml-new-loader-transparent-on-shim {
    fill: transparent !important
}

.i-amphtml-new-loader-logo,
.i-amphtml-new-loader-shim,
.i-amphtml-new-loader-spinner-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.i-amphtml-new-loader-spinner-wrapper {
    margin: 12px
}

.i-amphtml-new-loader-spinner {
    stroke: currentColor;
    stroke-width: 1.5px;
    opacity: 0;
    animation: i-amphtml-new-loader-fade-in 0.8s ease-in forwards;
    animation-delay: 1.8s;
    animation-delay: calc(1.8s - var(--loader-delay-offset))
}

.i-amphtml-new-loader-spinner-path {
    animation: frame-position-first-spin 0.6s steps(30), frame-position-infinite-spin 1.2s steps(59) infinite;
    animation-delay: 2.8s, 3.4s;
    animation-delay: calc(2.8s - var(--loader-delay-offset)), calc(3.4s - var(--loader-delay-offset))
}

.i-amphtml-new-loader-size-small .i-amphtml-new-loader-spinner {
    transform: scale(0.54545);
    stroke-width: 2.75px
}

.i-amphtml-new-loader-size-small .i-amphtml-new-loader-spinner-path {
    animation-delay: 1.4s, 2s;
    animation-delay: calc(1.4s - var(--loader-delay-offset)), calc(2s - var(--loader-delay-offset))
}

.i-amphtml-new-loader * {
    animation-play-state: paused
}

.amp-active>.i-amphtml-new-loader * {
    animation-play-state: running
}

.i-amphtml-new-loader-ad-logo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.i-amphtml-new-loader-ad-label {
    all: initial !important;
    display: inline-block !important;
    padding: 0 0.4ch !important;
    border: 1px solid !important;
    border-radius: 2px !important;
    color: currentColor !important;
    font-size: 11px !important;
    font-family: sans-serif !important;
    line-height: 1.1 !important;
    visibility: inherit !important
}

@keyframes i-amphtml-new-loader-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes i-amphtml-new-loader-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes i-amphtml-new-loader-scale-and-fade-in {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    50% {
        transform: scale(1)
    }

    to {
        opacity: 1
    }
}

@keyframes frame-position-first-spin {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-1440px)
    }
}

@keyframes frame-position-infinite-spin {
    0% {
        transform: translateX(-1440px)
    }

    to {
        transform: translateX(-4272px)
    }
}

amp-lightbox {
    display: none;
    position: fixed !important;
    z-index: 1000;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important
}

amp-lightbox[scrollable] {
    overflow-y: auto !important;
    overflow-x: hidden !important
}

amp-lightbox i-amphtml-ad-close-header {
    height: 60px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 0;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-pack: right !important;
    justify-content: right !important;
    transition: opacity 0.1s ease-in
}

[animate-in=fly-in-bottom]>i-amphtml-ad-close-header,
[animate-in=fly-in-top]>i-amphtml-ad-close-header {
    transition-delay: 0.2s
}

amp-lightbox .amp-ad-close-header {
    opacity: 1 !important;
    box-sizing: border-box;
    padding: 5px;
    line-height: 40px;
    background-color: #000;
    color: #fff;
    font-family: Helvetica, sans-serif;
    font-size: 12px;
    cursor: pointer
}

amp-lightbox .amp-ad-close-header>:first-child {
    margin-left: auto !important;
    pointer-events: none !important
}

amp-lightbox .amp-ad-close-button {
    display: block !important;
    background-position: 50%;
    width: 40px;
    height: 40px;
    pointer-events: none !important;
    border-radius: 40px;
    margin-left: 5px
}

amp-lightbox .amp-ad-close-header:active>.amp-ad-close-button {
    background-color: hsla(0, 0%, 100%, 0.3)
}

amp-script {
    opacity: 0.7
}

amp-script.i-amphtml-hydrated {
    opacity: 1
}

amp-accordion>section>:last-child {
    display: none !important
}

amp-accordion>section[expanded]>:last-child {
    display: block !important
}

.i-amphtml-accordion-content,
.i-amphtml-accordion-header {
    margin: 0
}

.i-amphtml-accordion-header {
    cursor: pointer;
    background-color: #efefef;
    padding-right: 20px;
    border: 1px solid #dfdfdf
}

amp-accordion>section:not([expanded]) .i-amphtml-media-component,
amp-accordion>section:not([expanded]) .i-amphtml-media-component * {
    display: none !important;
    visibility: hidden !important
}

amp-selector [option] {
    cursor: pointer
}

amp-selector [option][selected] {
    cursor: auto;
    outline: 1px solid rgba(0, 0, 0, 0.7)
}

amp-selector[multiple] [option][selected] {
    cursor: pointer;
    outline: 1px solid rgba(0, 0, 0, 0.7)
}

amp-selector [disabled][option],
amp-selector[disabled] [option],
amp-selector[disabled] [selected],
amp-selector [selected][disabled] {
    cursor: auto;
    outline: none
}

amp-sidebar {
    --story-page-vh: 1vh;
    position: fixed !important;
    top: 0;
    max-height: 100vh !important;
    height: 100vh;
    max-width: 80vw;
    background-color: #efefef;
    min-width: 45px !important;
    outline: none;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    z-index: 2147483647;
    -webkit-overflow-scrolling: touch;
    will-change: transform
}

amp-sidebar[side=left] {
    left: 0 !important;
    transform: translateX(-100%);
    animation-name: i-amphtml-sidebar-slide-out-left
}

amp-sidebar[side=left][open] {
    animation-name: i-amphtml-sidebar-slide-in-left
}

amp-sidebar[side=right] {
    right: 0 !important;
    transform: translateX(100%);
    animation-name: i-amphtml-sidebar-slide-out-right
}

amp-sidebar[side=right][open] {
    animation-name: i-amphtml-sidebar-slide-in-right
}

amp-sidebar[side][i-amphtml-sidebar-opened] {
    transform: none;
    animation: none
}

.i-amphtml-sidebar-mask,
amp-sidebar[side] {
    animation-duration: 233ms;
    animation-timing-function: cubic-bezier(0, 0, .21, 1);
    animation-fill-mode: forwards
}

.i-amphtml-toolbar>ol,
.i-amphtml-toolbar>ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: auto;
    list-style-type: none;
    padding: 0;
    margin: 0
}

.amp-sidebar-mask {
    background-color: rgba(0, 0, 0, 0.5)
}

.i-amphtml-sidebar-mask {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background-image: none !important;
    animation-name: i-amphtml-sidebar-mask-fade-out;
    z-index: 2147483646
}

.i-amphtml-sidebar-mask[open] {
    animation-name: i-amphtml-sidebar-mask-fade-in
}

.i-amphtml-sidebar-mask[i-amphtml-sidebar-opened] {
    animation: none
}

@keyframes i-amphtml-sidebar-slide-in-left {
    0% {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes i-amphtml-sidebar-slide-out-left {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes i-amphtml-sidebar-slide-in-right {
    0% {
        transform: translateX(100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes i-amphtml-sidebar-slide-out-right {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes i-amphtml-sidebar-mask-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes i-amphtml-sidebar-mask-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.amp-carousel-slide>.i-amphtml-replaced-content {
    -o-object-fit: contain;
    object-fit: contain
}

.amp-carousel-button {
    position: absolute;
    box-sizing: border-box;
    top: 50%;
    height: 34px;
    width: 34px;
    border-radius: 2px;
    opacity: 0;
    pointer-events: all;
    background-color: rgba(0, 0, 0, .5);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    transform: translateY(-50%);
    visibility: hidden;
    z-index: 10
}

.amp-carousel-button:focus {
    border: 1px solid #000;
    outline: 1px solid #fff
}

.amp-mode-mouse .amp-carousel-button,
amp-carousel.i-amphtml-carousel-has-controls .amp-carousel-button,
amp-carousel[controls] .amp-carousel-button {
    opacity: 1;
    visibility: visible
}

.amp-carousel-button-prev {
    left: 16px;
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="%23fff"><path d="M15 8.25H5.87l4.19-4.19L9 3 3 9l6 6 1.06-1.06-4.19-4.19H15v-1.5z"/></svg>');
    background-size: 18px 18px
}

.amp-carousel-button-next {
    right: 16px;
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="%23fff"><path d="M9 3 7.94 4.06l4.19 4.19H3v1.5h9.13l-4.19 4.19L9 15l6-6z"/></svg>');
    background-size: 18px 18px
}

.i-amphtml-carousel-button-start-hint .amp-carousel-button:not(.amp-disabled) {
    animation: i-amphtml-carousel-hint 1s ease-in 3s 1 normal both
}

.amp-mode-mouse .i-amphtml-carousel-button-start-hint .amp-carousel-button:not(.amp-disabled) {
    animation: none
}

@keyframes i-amphtml-carousel-hint {
    0% {
        opacity: 1;
        visibility: visible
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}

amp-carousel .amp-carousel-button.amp-disabled {
    animation: none;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

amp-carousel[i-amphtml-carousel-hide-buttons] .amp-carousel-button-next,
amp-carousel[i-amphtml-carousel-hide-buttons] .amp-carousel-button-prev {
    opacity: 0;
    pointer-events: none;
    visibility: visible !important
}

.i-amphtml-slides-container {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100% !important;
    left: 0;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    position: absolute !important;
    top: 0;
    width: 100% !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none;
    padding-bottom: 20px !important;
    box-sizing: content-box !important;
    -webkit-overflow-scrolling: touch !important
}

.i-amphtml-slides-container::-webkit-scrollbar {
    display: none !important
}

.i-amphtml-slides-container.i-amphtml-no-scroll {
    overflow-x: hidden !important
}

.i-amphtml-slide-item {
    -ms-flex-align: center !important;
    align-items: center !important;
    display: none !important;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    height: 100% !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    position: relative !important;
    scroll-snap-align: start !important;
    width: 100% !important
}

.i-amphtml-slide-item>* {
    height: 100%;
    width: 100%;
    overflow: hidden !important
}

.i-amphtml-slide-item-show {
    display: -ms-flexbox !important;
    display: flex !important
}

.i-amphtml-carousel-end-marker,
.i-amphtml-carousel-start-marker {
    background-color: transparent !important;
    display: block !important;
    -ms-flex: 0 0 1px !important;
    flex: 0 0 1px !important;
    height: 100% !important;
    position: relative !important;
    scroll-snap-align: start !important;
    width: 1px !important
}

.i-amphtml-carousel-start-marker {
    -ms-flex-order: -1 !important;
    order: -1 !important;
    margin-left: -1px !important
}

.i-amphtml-carousel-end-marker {
    -ms-flex-order: 100000000 !important;
    order: 100000000 !important;
    margin-right: -1px !important
}

.i-amphtml-slidescroll-no-snap.i-amphtml-slides-container {
    scroll-snap-type: none !important
}

.i-amphtml-slidescroll-no-snap .i-amphtml-slide-item {
    scroll-snap-align: none !important
}

.i-amphtml-slidescroll-no-snap.i-amphtml-slides-container.i-amphtml-no-scroll {
    -webkit-overflow-scrolling: auto !important
}

.amp-scrollable-carousel-slide {
    display: inline-block !important;
    margin-left: 8px
}

.amp-scrollable-carousel-slide:first-child {
    margin-left: 0px
}

.i-amphtml-scrollable-carousel-container {
    white-space: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important
}



        *,
        ::after,
        ::before {
            box-sizing: border-box
        }

        html {
            font-family: sans-serif;
            line-height: 1.15;
            -webkit-text-size-adjust: 100%;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased
        }

        footer,
        header,
        nav {
            display: block
        }

        body {
            margin: 0;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            font-size: 1rem;
            text-align: left;
            background-color: #fff
        }

        [tabindex="-1"]:focus {
            outline: 0
        }

        h1,
        h2,
        h3,
        h4,
        p,
        ul {
            margin-top: 0
        }

        p,
        ul {
            margin-bottom: 1rem
        }

        a {
            background-color: transparent;
            color: #00a3e0;
            text-decoration: none
        }

        a:hover {
            text-decoration: underline
        }

        a:not([href]):not([tabindex]) {
            color: inherit;
            text-decoration: none
        }

        a:not([href]):not([tabindex]):focus,
        a:not([href]):not([tabindex]):hover {
            color: inherit;
            text-decoration: none
        }

        a:not([href]):not([tabindex]):focus {
            outline: 0
        }

        img {
            vertical-align: middle;
            border-style: none
        }

        button {
            border-radius: 0;
            margin: 0;
            font-family: inherit;
            font-size: inherit;
            line-height: inherit;
            overflow: visible;
            text-transform: none;
            -webkit-appearance: button
        }

        button:focus {
            outline: 1px dotted;
            outline: 5px auto -webkit-focus-ring-color
        }

        [type=button]:not(:disabled),
        [type=reset]:not(:disabled),
        [type=submit]:not(:disabled),
        button:not(:disabled) {
            cursor: pointer
        }

        button::-moz-focus-inner {
            padding: 0;
            border-style: none
        }

        ::-webkit-file-upload-button {
            font: inherit;
            -webkit-appearance: button
        }

        [hidden] {
            display: none
        }

        .h2,
        .h3,
        h1,
        h2,
        h3,
        h4 {
            margin-bottom: .5rem;
            line-height: 1.2
        }

        h4 {
            font-weight: 500;
            font-size: 1.5rem
        }

        h1 {
            font-size: 2.5rem
        }

        .h2,
        h2 {
            font-size: 2rem
        }

        .h3,
        h3 {
            font-size: 1.75rem
        }

        .list-inline,
        .list-unstyled {
            padding-left: 0;
            list-style: none
        }

        .list-inline-item {
            display: inline-block
        }

        .list-inline-item:not(:last-child) {
            margin-right: .5rem
        }

        .container {
            width: 100%;
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto
        }

        @media (min-width: 576px) {
            .container {
                max-width: 540px
            }
        }

        @media (min-width: 768px) {
            .container {
                max-width: 720px
            }
        }

        @media (min-width: 992px) {
            .container {
                max-width: 960px
            }
        }

        @media (min-width: 1200px) {
            .container {
                max-width: 1140px
            }
        }

        .row {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-right: -15px;
            margin-left: -15px
        }

        .no-gutters {
            margin-right: 0;
            margin-left: 0
        }

        .col,
        .col-6,
        .col-lg-4,
        .col-lg-6,
        .col-lg-8 {
            position: relative;
            width: 100%;
            padding-right: 15px;
            padding-left: 15px
        }

        .col {
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -ms-flex-positive: 1;
            flex-grow: 1;
            max-width: 100%
        }

        .col-6 {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%
        }

        @media (min-width: 992px) {
            .col-lg-4 {
                -ms-flex: 0 0 33.333333%;
                flex: 0 0 33.333333%;
                max-width: 33.333333%
            }

            .col-lg-6 {
                -ms-flex: 0 0 50%;
                flex: 0 0 50%;
                max-width: 50%
            }

            .col-lg-8 {
                -ms-flex: 0 0 66.666667%;
                flex: 0 0 66.666667%;
                max-width: 66.666667%
            }
        }

        .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
        .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
            border-color: #28a745
        }

        .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
        .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
            border-color: #dc3545
        }

        .btn-primary:not(:disabled):not(.disabled).active,
        .btn-primary:not(:disabled):not(.disabled):active {
            color: #fff;
            background-color: #0062cc;
            border-color: #005cbf
        }

        .btn-primary:not(:disabled):not(.disabled).active:focus,
        .btn-primary:not(:disabled):not(.disabled):active:focus {
            box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
        }

        .btn-secondary:not(:disabled):not(.disabled).active,
        .btn-secondary:not(:disabled):not(.disabled):active {
            color: #fff;
            background-color: #545b62;
            border-color: #4e555b
        }

        .btn-secondary:not(:disabled):not(.disabled).active:focus,
        .btn-secondary:not(:disabled):not(.disabled):active:focus {
            box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
        }

        .btn-success:not(:disabled):not(.disabled).active,
        .btn-success:not(:disabled):not(.disabled):active {
            color: #fff;
            background-color: #1e7e34;
            border-color: #1c7430
        }

        .btn-success:not(:disabled):not(.disabled).active:focus,
        .btn-success:not(:disabled):not(.disabled):active:focus {
            box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
        }

        .btn-info:not(:disabled):not(.disabled).active,
        .btn-info:not(:disabled):not(.disabled):active {
            color: #fff;
            background-color: #117a8b;
            border-color: #10707f
        }

        .btn-info:not(:disabled):not(.disabled).active:focus,
        .btn-info:not(:disabled):not(.disabled):active:focus {
            box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
        }

        .btn-warning:not(:disabled):not(.disabled).active,
        .btn-warning:not(:disabled):not(.disabled):active {
            color: #212529;
            background-color: #d39e00;
            border-color: #c69500
        }

        .btn-warning:not(:disabled):not(.disabled).active:focus,
        .btn-warning:not(:disabled):not(.disabled):active:focus {
            box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
        }

        .btn-danger:not(:disabled):not(.disabled).active,
        .btn-danger:not(:disabled):not(.disabled):active {
            color: #fff;
            background-color: #bd2130;
            border-color: #b21f2d
        }

        .btn-danger:not(:disabled):not(.disabled).active:focus,
        .btn-danger:not(:disabled):not(.disabled):active:focus {
            box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
        }

        .btn-light:not(:disabled):not(.disabled).active,
        .btn-light:not(:disabled):not(.disabled):active {
            color: #212529;
            background-color: #dae0e5;
            border-color: #d3d9df
        }

        .btn-light:not(:disabled):not(.disabled).active:focus,
        .btn-light:not(:disabled):not(.disabled):active:focus {
            box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
        }

        .btn-dark:not(:disabled):not(.disabled).active,
        .btn-dark:not(:disabled):not(.disabled):active {
            color: #fff;
            background-color: #1d2124;
            border-color: #171a1d
        }

        .btn-dark:not(:disabled):not(.disabled).active:focus,
        .btn-dark:not(:disabled):not(.disabled):active:focus {
            box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
        }

        .btn-outline-primary:not(:disabled):not(.disabled).active,
        .btn-outline-primary:not(:disabled):not(.disabled):active {
            color: #fff;
            background-color: #007bff;
            border-color: #007bff
        }

        .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
        .btn-outline-primary:not(:disabled):not(.disabled):active:focus {
            box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
        }

        .btn-outline-secondary:not(:disabled):not(.disabled).active,
        .btn-outline-secondary:not(:disabled):not(.disabled):active {
            color: #fff;
            background-color: #6c757d;
            border-color: #6c757d
        }

        .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
        .btn-outline-secondary:not(:disabled):not(.disabled):active:focus {
            box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
        }

        .btn-outline-success:not(:disabled):not(.disabled).active,
        .btn-outline-success:not(:disabled):not(.disabled):active {
            color: #fff;
            background-color: #28a745;
            border-color: #28a745
        }

        .btn-outline-success:not(:disabled):not(.disabled).active:focus,
        .btn-outline-success:not(:disabled):not(.disabled):active:focus {
            box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
        }

        .btn-outline-info:not(:disabled):not(.disabled).active,
        .btn-outline-info:not(:disabled):not(.disabled):active {
            color: #fff;
            background-color: #17a2b8;
            border-color: #17a2b8
        }

        .btn-outline-info:not(:disabled):not(.disabled).active:focus,
        .btn-outline-info:not(:disabled):not(.disabled):active:focus {
            box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
        }

        .btn-outline-warning:not(:disabled):not(.disabled).active,
        .btn-outline-warning:not(:disabled):not(.disabled):active {
            color: #212529;
            background-color: #ffc107;
            border-color: #ffc107
        }

        .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
        .btn-outline-warning:not(:disabled):not(.disabled):active:focus {
            box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
        }

        .btn-outline-danger:not(:disabled):not(.disabled).active,
        .btn-outline-danger:not(:disabled):not(.disabled):active {
            color: #fff;
            background-color: #dc3545;
            border-color: #dc3545
        }

        .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
        .btn-outline-danger:not(:disabled):not(.disabled):active:focus {
            box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
        }

        .btn-outline-light:not(:disabled):not(.disabled).active,
        .btn-outline-light:not(:disabled):not(.disabled):active {
            color: #212529;
            background-color: #f8f9fa;
            border-color: #f8f9fa
        }

        .btn-outline-light:not(:disabled):not(.disabled).active:focus,
        .btn-outline-light:not(:disabled):not(.disabled):active:focus {
            box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
        }

        .btn-outline-dark:not(:disabled):not(.disabled).active,
        .btn-outline-dark:not(:disabled):not(.disabled):active {
            color: #fff;
            background-color: #343a40;
            border-color: #343a40
        }

        .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
        .btn-outline-dark:not(:disabled):not(.disabled):active:focus {
            box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
        }

        .dropdown-item {
            display: block;
            width: 100%;
            padding: .25rem 1.5rem;
            clear: both;
            font-weight: 400;
            color: #212529;
            text-align: inherit;
            white-space: nowrap;
            background-color: transparent;
            border: 0
        }

        .dropdown-item:focus,
        .dropdown-item:hover {
            color: #16181b;
            text-decoration: none;
            background-color: #f8f9fa
        }

        .dropdown-item:active {
            color: #fff;
            text-decoration: none;
            background-color: #007bff
        }

        .dropdown-item:disabled {
            color: #6c757d;
            pointer-events: none;
            background-color: transparent
        }

        .custom-control-input:focus:not(:checked)~.custom-control-label::before {
            border-color: #80bdff
        }

        .custom-control-input:not(:disabled):active~.custom-control-label::before {
            color: #fff;
            background-color: #b3d7ff;
            border-color: #b3d7ff
        }

        .nav-link {
            display: block;
            height: 58px;
            line-height: 58px;
        }

        .nav-link:focus,
        .nav-link:hover {
            text-decoration: none
        }

        .navbar-nav {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            padding-left: 0;
            margin-bottom: 0;
            list-style: none
        }

        .navbar-nav .nav-link {
            padding-right: 0;
            padding-left: 0
        }

        .navbar-toggler {
            padding: .25rem .75rem;
            font-size: 1.25rem;
            line-height: 1;
            border-radius: .25rem
        }

        .navbar-toggler:focus,
        .navbar-toggler:hover {
            text-decoration: none
        }

        .close:not(:disabled):not(.disabled):focus,
        .close:not(:disabled):not(.disabled):hover {
            opacity: .75
        }

        @media (min-width: 1200px) {
            .d-xl-none {
                display: none
            }
        }

        .h-100 {
            height: 100%
        }

        .mt-4 {
            margin-top: 1.5rem
        }

        .mb-4 {
            margin-bottom: 1.5rem
        }

        @media (min-width: 992px) {
            .mb-lg-0 {
                margin-bottom: 0
            }
        }

        .text-right {
            text-align: right
        }

        .text-center {
            text-align: center
        }

        @media (min-width: 992px) {
            .text-lg-right {
                text-align: right
            }
        }

        @media print {

            *,
            ::after,
            ::before {
                text-shadow: none;
                box-shadow: none
            }

            a:not(.btn) {
                text-decoration: underline
            }

            img {
                page-break-inside: avoid
            }

            h2,
            h3,
            p {
                orphans: 3;
                widows: 3
            }

            h2,
            h3 {
                page-break-after: avoid
            }

            @page {
                size: a3
            }

            .container,
            body {
                min-width: 992px
            }
        }

        body {
            font-family: Roboto, 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
            font-weight: 400;
            font-size: 13px;
            line-height: 1.6;
            -webkit-font-smoothing: antialiased;
            padding-top: 66px;
            transition: right .3s ease .2s
        }

        .category .category-item h2,
        .h2,
        .h3,
        h1,
        h2,
        h3,
        h4 {
            margin-bottom: 10px
        }

        .h2,
        .h3,
        h1,
        h2,
        h3 {
            letter-spacing: 1px;
            color: #00a3e0;
            font-weight: 600
        }

        .h2,
        h2 {
            font-size: 24px
        }

        .h3,
        h3 {
            font-size: 18px
        }

        h4 {
            font-size: 16px;
            letter-spacing: 0
        }

        a:hover,
        body {
            color: #000
        }

        ul {
            padding-left: 15px
        }

        ::selection {
            color: #fff;
            background: #00a3e0
        }

        ::-moz-selection {
            color: #fff;
            background: #00a3e0
        }

        .site-map li a {
            -webkit-transition: all .3s ease;
            -o-transition: all .3s ease
        }

        img {
            user-drag: none;
            user-select: none;
            -moz-user-select: none;
            -webkit-user-drag: none;
            -webkit-user-select: none;
            -ms-user-select: none
        }

        @media (min-width: 1400px) {
            .container {
                max-width: 1280px
            }
        }

        .text-blue {
            color: #00a3e0
        }

        .upper {
            text-transform: uppercase
        }

        .bold,
        .site-map li a,
        footer h4 {
            font-weight: 700
        }

        .mt-gap,
        footer .sub-footer {
            margin-top: 50px
        }

        .p-gap {
            padding: 50px
        }

        footer {
            background-color: #222;
            color: #fff;
            padding: 50px 0;
            margin-top: 0px
        }

        footer h3,
        footer h4 {
            color: #fff;
            position: relative;
            margin-bottom: 15px
        }

        footer h3 {
            padding-left: 40px;
            font-size: 20px
        }

        footer h3:before {
            content: "";
            width: 3px;
            height: 25px;
            background-color: #00a3e0;
            transform: skewX(-45deg);
            transform-origin: left bottom;
            position: absolute;
            left: 0;
            top: 0
        }

        footer h4 {
            font-size: 18px
        }

        .bank-list li:not(:last-child) {
            margin-right: 1px
        }

        .bank-list img {
            width: 70px
        }

        .certification-list li:not(:last-child) {
            margin-right: 3px
        }

        .certification-list img {
            width: 100px
        }

        .site-map li {
            margin-bottom: 15px
        }

        .site-map li a {
            color: #fff;
            text-transform: uppercase;
            display: block;
            transition: all .3s ease
        }

        @media (min-width: 992px) {
            body {
                padding-top: 0
            }

            .footer-content {
                margin-left: 40px
            }

            .site-map li a:hover {
                margin-left: 5px
            }
        }

        .sub-footer {
            font-size: 12px
        }

        .sub-footer span {
            margin-left: 10px
        }

        .sub-footer amp-img {
            margin-bottom: 3px;
            vertical-align: top
        }

        @media (max-width: 767px) {
            .sub-footer span {
                display: block;
                margin-left: 0
            }
            .youtube-video-container{
                margin-top: 20px;
            }
            .recommend{
                box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
                margin-bottom:20px;
                padding-top: 20px;
                 
            }
            .intro>.title{
                margin-top: 20px;
            }
        }

        a:focus,
        a:hover {
            text-decoration: none
        }

        .bg-grey {
            background-color: #ededed
        }

        @media (min-width: 576px) {
            .desktop-banner-container {
                margin-bottom: 80px;
                position: relative
            }

            #desktop-banner-dots {
                position: absolute;
                width: 100%;
                bottom: 20px
            }
        }

        @media (max-width: 575px) {
            #mobile-banner {
                margin-bottom: 30px
            }
        }

        .banner-nav-holder {
 
        }

        .banner-nav-holder .banner-nav {
            -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .2);
            background-color: #fff;
            display: flex
        }

        .banner-nav-holder .banner-nav [option] {
            padding: 23px 15px;
            cursor: pointer;
            text-align: center;
            font-size: 14px;
            position: relative;
            transition: all .3s ease;
            flex-grow: 1
        }

        .banner-nav-holder .banner-nav [option],
        .product-slider .product,
        .product-slider>div,
        .product-slider>div>*,
        .reading-content a {
            -webkit-transition: all .3s ease;
            -o-transition: all .3s ease
        }

        .product-slider>div,
        .product-slider>div>* {
            transition: all .3s ease
        }

        .banner-nav-holder .banner-nav [option]:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            height: 4px;
            background-color: #00a3e0
        }

        .banner-nav-holder .banner-nav [option][selected]:after {
            animation: loader 7s;
            -webkit-animation: loader 7s;
            transition-timing-function: linear;
            -webkit-transition-timing-function: linear
        }

        .banner-nav-holder .banner-nav [option]:focus,
        .banner-nav-holder .banner-nav [option][selected] {
            font-weight: 700;
            outline: 0
        }

        @-webkit-keyframes loader {
            0% {
                right: 100%
            }

            to {
                right: 0
            }
        }

        @keyframes loader {
            0% {
                right: 100%
            }

            to {
                right: 0
            }
        }
        
        .featured-games {
            text-align: center
        }

        .featured-games .logo-box {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 10px
        }

        .featured-games .logo-box .img-container {
            height: 100%;
            width: 100%;
            position: relative
        }

        .featured-games .logo-box img {
            margin: auto;
            min-height: 0;
            min-width: 0;
            height: 100%;
            width: 100%
        }

        .featured-games-slider-mobile {
            margin-top: 10px;
            padding: 0 20px;
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3)
        }

        @media (min-width: 575px) {
            .featured-games-slider-mobile .intro>.title {
                font-size: 20px
            }

            .featured-games-slider-mobile .intro>.sub-title {
                font-size: 16px
            }
        }

        .featured-games-slider-mobile .amp-carousel-button-next {
            right: 0
        }

        .featured-games-slider-mobile .amp-carousel-button-prev {
            left: 0
        }

        .featured-games-slider-mobile .amp-carousel-slide {
            white-space: normal;
            vertical-align: top;
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between
        }

        .amp-carousel-slide>.btn-box {
            display: flex;
            align-items: center;
            justify-content: center
        }

        .amp-carousel-slide>.btn-area>.btn-box>.btn-play-now {
            background-color: #00a3e0;
            width: 135px
        }

        .amp-carousel-slide>.btn-area>.btn-box>span {
            color: #fff
        }

        @media (min-width: 768px) {
            .featured-games-slider-mobile {
                display: none
            }
        }

        .category {
            padding: 15px 0
        }

        .category .category-item {
            margin-bottom: 40px
        }

        .category .category-item:last-child {
            margin-bottom: 0
        }

        .category .category-item p {
            margin-bottom: 0
        }

        .category .row .icon-side {
            display: inline-block;
            width: 15%
        }

        .category .row .content-side {
            display: inline-block;
            width: 83%;
            padding-left: 2%;
        }
        @media (max-width: 768px) {
            .category .category-item{
                margin-bottom: 0;
            }
        }
        .category .row .content-side> :first-child {
            text-decoration: none;
            display: inline-block
        }

        .category-icon {
            width: 100%;
        }
        .category-icon  img{
            width: 100%;
        }
        .category-icon.live-casino {
            background-position: 0 0
        }

        .category-icon.sport-betting {
            background-position: 0 -51px
        }

        .category-icon.online-slots {
            background-position: 0 -101px
        }

        .category-icon.lottery {
            background-position: 0 -151px
        }

        .reading-content a {
            text-decoration: underline;
            font-weight: 600;
            transition: all .3s ease
        }

        .product-slider .product {
            position: relative;
            transition: all .3s ease;
            cursor: pointer
        }

        .product-slider p {
            position: absolute;
            left: 0;
            right: 0;
            top: 12%;
            color: #fff;
            text-align: center
        }

        @media (max-width: 520px) {
            .product-slider h3 {
                font-size: 18px
            }
        }

        .product-slider .product:focus {
            outline: 0;
            box-shadow: none
        }

        @media (min-width: 992px) {
            .product-slider .product:hover {
                transform: translateY(-10px)
            }

            .product-slider>div:hover>* {
                opacity: .3
            }

            .product-slider>div:hover> :hover {
                opacity: 1
            }

            .product-slider>div:focus-within>* {
                opacity: .3
            }

            .product-slider>div:focus-within> :focus {
                opacity: 1
            }
        }

        @media (max-width: 991px) {
            .main-prod-container {
                max-width: 100%;
                padding: 0
            }
        }

        @media (max-width: 460px) {
            #content-slider {
                height: auto;
                min-height: 300px
            }
        }

        .readmore {
            display: none
        }

        @media (max-width: 767px) {
            .read-box {
                margin-bottom: 30px
            }

            .read-box .expandable {
                position: relative;
                overflow: hidden;
                -webkit-transition: all .3s ease;
                -o-transition: all .3s ease;
                transition: all .3s ease
            }

            .read-box .expandable:after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 30px;
                background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff)
            }

            .category-item .read-box .expandable {
                max-height: 40px
            }

            .read-box .readmore {
                align-items: center;
                display: flex;
                font-weight: 700
            }

            .read-box.expand {
                margin-bottom: 0
            }

            .read-box.expand .expandable {
                max-height: 700px
            }

            .read-box.expand .expandable:after {
                content: none
            }

            .read-box.expand .readmore {
                display: none
            }
        }

        .qrbox {
            text-align: center
        }

        .ibet-header {
            -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .2);
            background-color: #fff;
            box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .2);
            position: fixed;
            z-index: 9;
            top: 0;
            left: 0;
            right: 0;
            transition: right .3s ease 0
        }

        @media (min-width: 992px) {
            .ibet-header {
                animation-name: dropHeader;
                animation-duration: .8s;
                animation-iteration-count: 1;
                animation-timing-function: ease-in-out;
                -webkit-animation-name: dropHeader;
                -webkit-animation-duration: .8s;
                -webkit-animation-iteration-count: 1;
                -webkit-animation-timing-function: ease-in-out;
                top: 20px;
                left: 30px;
                right: 30px
            }
        }

        .ibet-header .navbar-nav {
            -ms-flex-direction: row;
            flex-direction: row
        }

        @-webkit-keyframes dropHeader {
            0% {
                -webkit-transform: translateY(-10px);
                opacity: 0
            }

            to {
                -webkit-transform: translateY(0);
                opacity: 1
            }
        }

        @keyframes dropHeader {
            0% {
                transform: translateY(-10px);
                opacity: 0
            }

            to {
                transform: translateY(0);
                opacity: 1
            }
        }

        header {
            position: relative;
            height: 66px;
            padding: 0 0 0 180px
        }

        header .logo,
        header .logo:after {
            position: absolute;
            height: 100%;
            background: #00a3e0
        }

        header .logo {
            left: 0;
            top: 0;
            width: 110px
        }

        header .logo amp-img {
            width: 50px;
            margin-left: 20px
        }

        header .logo:after {
            -webkit-transform-origin: 100% 0;
            -ms-transform-origin: 100% 0;
            -webkit-transform: skew(-45deg);
            -ms-transform: skew(-45deg);
            content: '';
            top: 0;
            left: 70%;
            width: 90%;
            transform-origin: 100% 0;
            transform: skew(-45deg);
            z-index: -1
        }

        @media (min-width: 768px) {
            header .logo amp-img {
                width: 80px
            }
        }

        @media (min-width: 1401px) {
            header {
                padding-left: 220px
            }

            header .logo {
                width: 140px
            }

            header .logo amp-img {
                width: 100px
            }

            header .logo:after {
                width: 100%;
                left: 50%
            }
        }

        .navbar-nav .nav-item .nav-link {
            color: #000;
            font-size: 15px;
            font-weight: 700;
            text-transform: uppercase;
            padding-right: 14px;
            padding-left: 14px;
            text-align: center;
            display: flex;
            align-self: center
        }

        .navbar-nav .nav-item .nav-link:focus,
        .navbar-nav .nav-item .nav-link:hover {
            color: #00a3e0
        }

        .navbar-nav .nav-item {
            border-top: 4px solid transparent;
            border-bottom: 4px solid transparent;
            -webkit-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
            align-self: stretch
        }

        @media (min-width: 1401px) {
            .navbar-nav .nav-item .nav-link {
                font-size: 16px;
                padding-right: 18px;
                padding-left: 18px
            }
        }

        #desktop-toggler {
            display: inline-flex;
            align-self: center;
            height: 100%;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out
        }

        #desktop-drawer {
            position: absolute;
            top: 100%;
            min-width: 220px;
            background: #00a3e0;
            right: 0;
            -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .2);
            z-index: -1
        }

        #desktop-drawer a {
            display: block;
            color: #fff;
            cursor: pointer;
            border-bottom: 1px solid rgba(255, 255, 255, .2);
            border-left: 0 solid transparent;
            padding: 15px 30px;
            font-size: 15px;
            text-transform: uppercase;
            font-weight: 700;
            transition: all .3s ease
        }

        #desktop-drawer a:hover {
            background-color: #00a3e0;
            border-left: 4px solid #fff
        }

        .navbar-toggler {
            padding: 0 20px;
            display: inline-flex;
            align-self: center;
            border: 0;
            background-color: transparent
        }

        .navbar-toggler:focus {
            outline: none;
            background-color: transparent
        }

        .navbar-toggler .nav-icon,
        .navbar-toggler .nav-icon span {
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out
        }

        .navbar-toggler .nav-icon {
            cursor: pointer;
            width: auto;
            margin: 0 auto
        }

        .navbar-toggler .nav-icon span {
            display: block;
            height: 3px;
            width: 26px;
            background: #000;
            margin: 6px auto
        }

        .livechat-icon,
        .livechat-icon:after {
            background-image: url(/style/images/category-icon-sprite.svg);
            background-size: 200px;
            background-repeat: no-repeat;
            width: 36px;
            height: 34px
        }

        .livechat-icon:after {
            -webkit-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
            background-position: -101px -151px;
            background-color: #fff;
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0;
            z-index: 2
        }

        .navbar-toggler:hover .nav-icon span {
            background-color: #00a3e0
        }

        .livechat-icon {
            margin: 10px auto 0;
            background-position: -101px -101px;
            position: relative
        }

        .hoverpop:hover #wechat-pop,
        .livechat-icon:hover:after {
            opacity: 1
        }

        @media screen and (-ms-high-contrast: active),
        (-ms-high-contrast: none) {

            .livechat-icon,
            .livechat-icon:after {
                background-image: url(/style/images/category-icon-sprite.png)
            }
        }

        @media (max-width: 767px) {
            header .logo {
                width: 70px
            }

            header .logo:after {
                width: 90%;
                left: 100%
            }

            header {
                padding-left: 120px;
                height: 50px
            }

            .navbar-nav .nav-item .nav-link {
                font-size: 13px;
                padding: 0 8px
            }

            body {
                padding-top: 50px
            }
        }

        .qrcode {
            width: 106px;
            display: block;
            margin: 0 auto 10px
        }

        .qrbox {
            font-weight: 700
        }

        .fas {
            display: inline-block;
            background: center/contain no-repeat;
            height: 100%;
            line-height: 1
        }

        .fa-angle-double-down {
            background-image: url(/style/images/angle-double-down-solid.svg);
            width: 8px;
            height: 13px;
            margin-right: 3px
        }

        .member-menu {
            display: flex;
            justify-content: flex-end;
            height: 100%;
            margin: 0
        }

        .desktop-nav,
        .desktop-nav nav,
        .desktop-nav nav ul {
            height: 100%
        }

        .desktop-nav {
            margin-right: auto
        }

        #right-nav {
            height: 100%;
            display: flex
        }

        .member-menu .nav-item {
            display: inline-flex;
            font-weight: 700;
            font-size: 13px;
            color: #000;
            align-self: stretch
        }

        .member-menu a.navbar-toggler {
            margin: 0
        }

        @media (min-width: 1200px) {
            #drawer-toggler {
                display: none
            }

            .ibet-header .navbar-nav {
                justify-content: space-between
            }
        }

        @media (max-width: 1199px) {
            #desktop-toggler {
                display: none
            }
        }

        @media (max-width: 767px) {
            .member-menu .nav-item.mobile-hidden {
                display: none
            }
        }

        #drawer {
            background-color: #00a3e0
        }

        #drawer .navbar-nav {
            border-top: 0;
            margin: 0;
            width: 100%;
            border-bottom: 1px solid rgba(255, 255, 255, .5);
            list-style: none;
            padding: 0;
            min-width: 260px
        }

        #drawer .navbar-nav li {
            border: 0;
            border-bottom: 1px solid rgba(255, 255, 255, .2);
            line-height: 45px
        }

        #drawer .navbar-nav li a {
            color: #fff;
            font-weight: 400;
            font-size: 15px;
            line-height: 50px;
            padding: 0 14px
        }

        .product-slider>div {
            padding-top: 10px
        }

        .product-slider .product:not(:first-child) {
            margin-left: 3px
        }

        @media (min-width: 992px) {
            .product-slider .product {
                width: 24%
            }
        }

        @media (min-width: 992px) and (max-width: 1199px) {
            .product-slider {
                max-height: 300px
            }
        }

        @media (max-width: 991px) {
            .product-slider {
                max-height: 350px
            }

            .product-slider .product:not(:first-child) {
                margin-left: 20px
            }

            .product-slider .product {
                width: 280px
            }
        }

        #wechat-pop,
        .slider-indicator .indicator-dot {
            background-color: #fff;
            -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .2)
        }

        .slider-indicator .indicator-dot {
            -webkit-transform: skew(-45deg);
            -ms-transform: skew(-45deg);
            transform: skew(-45deg);
            display: inline-block;
            margin: 0 8px;
            width: 15px;
            height: 10px;
            transition: all .1s ease
        }

        .slider-indicator .indicator-dot[selected] {
            background-color: #00a3e0;
            width: 35px;
            outline: none
        }

        .hoverpop,
        .mobile-banner-container {
            position: relative
        }

        #mobile-banner-dots {
            position: absolute;
            width: 100%;
            bottom: 20px
        }

        #wechat-pop {
            opacity: 0;
            position: absolute;
            right: 240px;
            top: 0;
            border-radius: 3px;
            text-align: center;
            color: #000;
            padding: .75rem;
            text-transform: none;
            font-size: 14px;
            transition: opacity .3s ease;
            -webkit-transition: opacity .3s ease
        }

        #wechat-pop::after {
            content: "";
            position: absolute;
            right: -10px;
            top: 15px;
            width: 10px;
            height: 20px;
            border-left: solid 10px #fff;
            border-bottom: solid 10px transparent;
            border-top: solid 10px transparent
        }

        #content-slider .amp-carousel-button,
        #desktop-banner .amp-carousel-button,
        #mobile-banner .amp-carousel-button,
        .category-slider .amp-carousel-button,
        .product-slider .amp-carousel-button {
            display: none
        }

        amp-carousel :focus,
        amp-carousel:focus,
        amp-selector :not(.indicator-dot):focus,
        amp-selector:focus {
            outline: none
        }

        @media (min-width: 576px) {
            .amp-carousel-button-prev {
                left: -15px
            }

            .amp-carousel-button-next {
                right: -15px
            }
        }

        #desktop-nav li.nav-item.d-xl-none {
            display: none
        }

        .suspension-region {
            position: fixed;
            bottom: 35px;
            right: 25px;
            z-index: 99
        }

        .box {
            position: relative;
            display: inline-block;
            width: 100px;
            padding: 4px 8px;
            border-radius: 5px;
            background-color: #ed1164;
            line-height: 20px;
            font-size: 14px;
            font-weight: 700;
            font-family: Roboto;
            color: #fff;
            text-align: center
        }

        .en-box {
            position: relative;
            display: inline-block;
            width: 100px;
            padding: 4px 8px;
            border-radius: 5px;
            background-color: #ed1164;
            line-height: 20px;
            font-size: 14px;
            font-weight: 700;
            font-family: Roboto;
            color: #fff;
            text-align: center
        }

        .arrow:after {
            position: absolute;
            border-top: 10px solid #ed1164;
            border-bottom: 10px solid transparent;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            left: 45px;
            top: 28px;
            content: ''
        }

        .en-arrow:after {
            position: absolute;
            border-top: 10px solid #ed1164;
            border-bottom: 10px solid transparent;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            left: 45px;
            top: 47px;
            content: ''
        }

        .customer-root {
            position: fixed;
            z-index: 99;
            right: 20px;
            bottom: 10px;
            display: flex;
            flex-direction: row-reverse;
            align-items: flex-end;
            justify-content: center;
        }

        #live-chat-button {
            width: 44px;
            min-width: 44px;
            height: 44px;
            border-radius: 30px;
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
            background-color: #fff;
            flex-direction: row-reverse;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            margin-bottom: 8px;
            margin-left: 10px;
        }

        #live-chat-close-button {
            width: 44px;
            min-width: 44px;
            height: 44px;
            border-radius: 30px;
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
            background-color: rgba(0, 0, 0, 0.6);
            flex-direction: row-reverse;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            margin-bottom: 8px;
            margin-left: 10px;
        }

        .live-chat-button-show {
            display: flex;
        }

        .live-chat-button-hide {
            display: none;
        }

        .customer-list {
            display: flex;
            flex-direction: row-reverse;
            flex-wrap: wrap-reverse;
        }

        .customer-list-none {
            display: none;
        }

        .customer-button {
            width: 180px;
            height: 60px;
            -webkit-backdrop-filter: blur(5.1px);
            backdrop-filter: blur(5.1px);
            background-color: rgba(0, 163, 224, 0.8);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: -1;
        }

        .customer-button > svg {
            fill: #fff;
        }

        .customer-button:after {
            content: '';
            display: block;
            width: 2px;
            height: 48px;
            background-color: rgba(0, 0, 0, 0.06);
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
        }

        .customer-info {
            padding-left: 10px;
            display: flex;
            flex-direction: column;
            min-width: 100px;
        }

        .customer-title {
            font-size: 12px;
            color: #fff;
            line-height: normal;
        }

        .customer-value {
            font-size: 15px;
            font-weight: 900;
            color: #fff;
            line-height: normal;
        }

        .qr-code-area {
            border-radius: 1px;
            position: absolute;
            z-index: 100;
            left: 50%;
            bottom: 100%;
            transform: translate(-45%, -10px);
            background-color: #fff;
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
            opacity: 0;
            visibility: hidden;
            transition: all .5s ease;
        }

        .qr-code {
            margin-bottom: -7px;
        }

        .qr-code-scan {
            width: 100%;
            height: 25px;
            background-color: #00a3e0;
            font-size: 14px;
            font-weight: 900;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 0 0 1px 1px;
        }

        .qr-code-scan:before {
            content: '';
            display: block;
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 6px solid #00a3e0;
            position: absolute;
            left: 50%;
            bottom: -6px;
            z-index: 2;
            transform: translateX(-50%);
        }

        .qr-code-scan:after {
            content: '';
            display: block;
            width: 0;
            height: 0;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-top: 8px solid rgba(0,0,0, 0.03);
            position: absolute;
            left: 50%;
            bottom: -8px;
            z-index: 1;
            transform: translateX(-50%);
        }

        .gift {
            position: relative;
            width: 64px;
            height: 64px;
            box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .2);
            background-color: #fff;
            border-radius: 100%;
            top: 15px;
            left: 18px;
            display: flex;
            align-items: center;
            justify-content: center
        }

        @media screen and (max-width: 992px) {
            .suspension-region {
                display: flex;
                align-items: flex-end
            }

            .en-box {
                top: 9px
            }

            .arrow:after {
                position: absolute;
                border-top: 5px solid transparent;
                border-bottom: 5px solid transparent;
                border-left: 10px solid #ed1164;
                border-right: 10px solid transparent;
                left: 100px;
                top: 9px;
                content: ''
            }

            .en-arrow:after {
                position: absolute;
                border-top: 5px solid transparent;
                border-bottom: 5px solid transparent;
                border-left: 10px solid #ed1164;
                border-right: 10px solid transparent;
                left: 100px;
                top: 18px;
                content: ''
            }
        }

        .faq {
            position: relative;
            height: auto;
        }
        .faqs {
            position: relative;
            height: 310px
        }

        .col-12 {
            -ms-flex: 100%;
            flex: 0 0 100%;
            max-width: 100%;
            padding: 10px 15px
        }

        .faq .card amp-img {
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px
        }
        
        .faqs .card amp-img {
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px
        }

        ::-webkit-scrollbar {
            width: 5px;
            scroll-snap-margin-top: 0
        }

        ::-webkit-scrollbar-thumb {
            background-color: rgba(255, 255, 255, .3)
        }

        .text-box {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            padding: 20px;
            color: #fff;
            overflow: auto
        }

        .faq-title {
            font-size: 20px;
            font-weight: 700;
            letter-spacing: -.13px;
            text-align: center;
            color: #fff;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1
        }

        .card-container {
            -webkit-perspective: 700px;
            -moz-perspective: 700px;
            perspective: 700px;
            height: 100%
        }

        .card-container>.card {
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
            transition: all .6s ease;
            -moz-transition: all .6s ease;
            position: relative;
            border-radius: 5px;
            width: 100%;
            height: 100%
        }

        .card-container>.card img {
            margin-bottom: 10px;
            border-radius: 5px
        }

        .card-container>.card>.front,
        .card-container>.card>.back {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            border-radius: 5px;
            padding: 10px
        }

        .card-container>.card>.front {
            background: url(/style/images/faq-bg.png) center top repeat;
            background-size: cover;
            background-repeat: no-repeat
        }

        .card-container>.card>.back {
            -webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
            transform: rotateY(180deg);
            background: url(/style/images/faq-bg-back.png) center top repeat
        }

        .faq:hover .card-container>.card {
            -webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
            transform: rotateY(180deg)
        }
        .faqs:hover .card-container>.card {
            -webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
            transform: rotateY(180deg)
        }
        .faq-subtitle {
            font-size: 16px;
            font-weight: 700;
            letter-spacing: -.1px
        }

        .faq-subtitle::after {
            content: '';
            width: 100%;
            height: 1px;
            display: block;
            background-color: rgba(255, 255, 255, 0.5);
            margin-top: 8px;
            margin-bottom: 8px
        }

        .faq-text {
            font-size: 12px;
            font-weight: 700;
            letter-spacing: -.08px
        }

        .faq-text div {
            margin-bottom: 15px
        }

        .collapse-faq {
            margin-bottom: 20px
        }

        amp-accordion>section .collapse-faq-title {
            height: 60px;
            background-color: #00a3e0;
            font-size: 16px;
            line-height: 16px;
            font-weight: 700;
            letter-spacing: -.11px;
            color: #fff;
            padding: 5px 10px;
            display: inline-flex
        }

        .title-box {
            display: inline-flex;
            height: 100%;
            align-items: center
        }

        .collapse-faq-title:focus {
            outline: none
        }

        .icon-plus,
        .icon-minus {
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            display: inline-block;
            width: 15px;
            height: 15px;
            padding-right: 15px;
            margin-right: 5px
        }

        .icon-plus {
            background-image: url(/style/images/icon_plus.svg)
        }

        .icon-minus {
            background-image: url(/style/images/icon_minus.svg)
        }

        .collapse-faq-text {
            background-color: #e2f1fc;
            font-size: 12px;
            font-weight: 500;
            letter-spacing: -.08px;
            color: #4a4a4a;
            padding: 10px;
            margin-bottom: 20px
        }

        .collapse-faq-text div {
            margin-bottom: 10px
        }

        amp-accordion {
            margin-top: 40px
        }

        amp-accordion section[expanded] .show-more {
            display: none
        }

        amp-accordion section:not([expanded]) .show-less {
            display: none
        }

        @media (min-width: 360px) {
            .faq {
                margin-bottom: 20px;
                height: auto;
            }
            .faqs {
                margin-bottom: 20px;
                height: 330px
            }
        }

        @media (min-width: 400px) {
            .faq {
                height: auto;
            }
            .faqs {
                height: 380px
            }
            .faq-title {
                padding: 10px
            }
        }

        @media (min-width: 768px) {
            .faq {
                height: auto;
                margin-bottom: 10px
            }
            .faqs {
                height: 210px;
                margin-bottom: 10px
            }
            .col-md-4 {
                -ms-flex: 0 0 33.333333%;
                flex: 0 0 33.333333%;
                max-width: 33.333333%;
                padding: 0 15px
            }

            .faq-title {
                font-size: 20px;
                letter-spacing: -.18px;
                padding: 10px
            }

            amp-accordion>section .collapse-faq-title {
                height: 60px;
                font-size: 18px;
                line-height: 18px;
                letter-spacing: -.16px;
                padding: 15px 30px;
                display: inline-flex
            }

            .collapse-faq-text {
                font-size: 14px;
                letter-spacing: -.09px;
                padding: 20px 30px;
                margin-bottom: 20px
            }

            .customer-root {
                right: 30px;
                bottom: 20px;
            }

            .customer-info {
                min-width: unset;
            }
        }

        @media (min-width: 992px) {
            .faq {
                margin-bottom: 0;
                height: auto;
            }
            .faqs {
                margin-bottom: 0;
                height: 290px
            }
            .faq-title {
                font-size: 28px
            }

            amp-accordion>section .collapse-faq-title {
                font-size: 26px;
                line-height: 26px
            }

            .icon-plus,
            .icon-minus {
                display: inline-block;
                width: 20px;
                height: 20px;
                margin-right: 20px
            }

            footer {
                margin-top: 0px
            }

            .customer-button:hover{
                background-color: #fff;
            }

            .customer-button:hover .customer-title{
                color: #00a3e0;
            }

            .customer-button:hover .customer-value{
                color: #00a3e0;
            }

            .customer-button:hover .qr-code-area{
                opacity: 1;
                visibility: visible;
            }

            .customer-button:hover > svg {
                fill: #00a0dc;
            }
        }

        @media (min-width: 1200px) {
            .faq {
                margin-bottom: 0;
                height: auto;
            }
            .faqs {
                margin-bottom: 0;
                height: 350px
            }
            amp-accordion {
                margin-top: 100px
            }

            .customer-root {;
                right: 60px;
                bottom: 45px;
            }
        }

        .featured-slot-games-slider {
            display: none
        }

        .featured-slot-games-box {
            flex-grow: 1;
            width: 25%;
            padding: 0 10px
        }

        .slots-games-logo-box {
            margin-bottom: 10px
        }

        .img-container {
            width: 100%
        }

        .intro {
            padding: 0 10px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center
        }

        .intro>.title {
            font-family: Roboto;
            font-size: 16px;
            font-weight: 700;
            color: #000;
            margin-bottom: 5px
        }

        .intro>.sub-title {
            font-family: Roboto;
            font-size: 14px;
            letter-spacing: -.3px;
            text-align: center;
            color: #8d8d8d
        }

        .btn-area {
            display: flex;
            align-items: flex-end;
            margin-bottom: 15%
        }

        .btn-box {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 40px;
            position: relative;
            margin: 10px auto
        }

        .btn-box>.btn-play-now {
            width: 175px;
            height: 40px;
            transform: skew(-45deg);
            background-color: rgba(0, 0, 0, 0);
            position: absolute
        }

        .btn-box>span {
            font-family: Roboto;
            font-size: 14px;
            font-weight: 700;
            letter-spacing: -.09px;
            text-align: center;
            color: #00a3e0;
            position: absolute
        }

        .featured-slot-games-box:hover {
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
            transform: translateY(-10px)
        }

        .featured-slot-games-box:hover>.btn-box>.btn-play-now {
            background-color: #00a3e0
        }

        .featured-slot-games-box:hover>.btn-box>span {
            color: #fff
        }

        @media (min-width: 768px) {
            .featured-slot-games-slider {
                display: flex;
                margin-top: 20px;
                margin-left: -10px;
                margin-right: -10px;
                flex-wrap: wrap;
            }

            .btn-box>.btn-play-now {
                width: 100px;
                height: 30px
            }
        }

        .featured-games {
            position: relative
        }

        .featured-games-slider-mobile>.amp-carousel-button {
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            display: block;
            z-index: 2;
            opacity: 1;
            visibility: visible;
            animation: auto;
            width: 20px;
            height: 20px;
            top: 95%
        }

        .amp-carousel-button-prev {
            background: url(/style/images/chevron-left-solid.png)
        }

        .amp-carousel-button-next {
            background: url(/style/images/chevron-right-solid.png)
        }

        #feature-slider-dots {
            width: 60%;
            margin: 2% auto 0;
            z-index: 9;
            position: absolute;
            bottom: 3%;
            left: 20%
        }

        #feature-slider-dots .indicator-dot {
            transform: unset;
            border-radius: 50%;
            width: 6px;
            height: 6px;
            background-color: rgba(0, 0, 0, 0.2);
            margin: 0
        }

        #feature-slider-dots .indicator-dot[selected] {
            background-color: #00a3e0
        }

        @media (min-width: 768px) {
            #feature-slider-dots {
                display: none
            }
        }

        .table-responsive {
            display: block;
            width: 100%;
            overflow-x: auto;
        }

        .youtube-video-container {
        position: relative;
        overflow: hidden;
        width: 100%;
        }

        @media (min-width: 768px) {
            .youtube-video-container {
                position: relative;
            overflow: hidden;
            width: 100%;
            }
        }

        .youtube-video-container::after {
        display: block;
        content: "";
        }

        .youtube-video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        }

        /** Language Menu 語言選單 + lightbox **/
        amp-lightbox {
            position: fixed;
            z-index: 99;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.6);
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .lightbox {
            display: flex;
            -webkit-box-pack: start;
            justify-content: flex-start;
            align-items: flex-start;
            flex-direction: column;
            position: relative;
            width: 100vw;
            height: 100%;
            background-color: white;
            flex: 0 0 auto;
        }

        #lang-lightbox {
            font-size: 12px;
            text-align: center;
        }

        .lightbox-dialog {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 0;
            max-height: 100%;
            max-width: 100%;
            min-height: 100%;
            min-width: 100%;
            width: 0;
            margin: auto;
        }

        .lightbox-header {
            display: flex;
            background-color: #00a3e0;
            align-items: center;
            justify-content: center;
            height: 44px;
            width: 100%;
            position: relative;
        }

        .lightbox-title {
            color: white;
            font-size: 18px;
            margin: 0;
        }
        .lightbox-close {
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            color: white;
            font-size: 30px;
            line-height: 1;
            padding: 0 15px;
        }
        .sidebar-toolbar{
            position: fixed;
            top: 0;
            right: 0;
            max-height: 100vh;
            height: 100vh;
            width: 60vw;
            background-color: #00a3e0;
            overflow-x: hidden !important;
            overflow-y: auto !important;
            z-index: 9;
            display: none;
        }
        .sidebar-toolbar ul{
            padding: 0;
        }
       .sidebar-toolbar ul li{
           list-style-type: none;
           border-bottom: 0.5px #fff solid;
       }
       .sidebar-toolbar ul li a{
           color: #fff!important;
           padding-left: 20px;
           height: 50px;
           line-height: 50px;
       }
       .language{
           position: fixed;
           top: 0;
           left: 0;
           width: 100%;
           z-index: 99;
           background: #fff;
           display: none;
           text-align: center;
       }
       .language h2{
           background: #00a3e0;
           color: #fff;
           height: 40px;
           line-height: 40px;
           font-size: 16px;
           position: relative;
       }
       .language h2 span{
            color: #fff;
            line-height: 20px;
            font-size: 16px;
            position: absolute;
            right: 5px;
            top: 0;
            z-index: 999;
            font-size: 20px;
       }
       .language .lang-list .lang-img{
           margin: 30px 0;
       }
       .language .lang-list .lang-img img{
           width: 20px;
           display: inline-block;
           margin-right: 10px;
       }
       .language .lang-list .lang-text{
           margin-bottom: 30px;
           height: 40px;
       }  
       .language .lang-list .lang-text a{
           line-height: 40px;
           height: 40px;
           font-size: 14px;
           display: inline-block;
           margin-right: 20px;
       }  
       .i-amphtml-sidebar-mask{
           display: none;
       }


        @media (min-width: 576px) {
            .lightbox {
                width: 516px;
                height: 300px;
                max-height: 90%;
            }
        }

        .lightbox-body {
            overflow-y: auto;
            flex: 1 1 0px;
            height: 100%;
            width: 100%;
            display: flex;
            flex-direction: column;
        }

        .btn-text {
            vertical-align: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-color: transparent;
            border: 0;
        }

        .btn-text:focus {
            outline: 0;
            box-shadow: none;
        }

        .lang-icon {
            background-repeat: no-repeat;
            width: 25px;
            height: 25px;
            background-image: url(/style/images/globe.svg);
            background-size: 56px;
            margin: 15px 0;
            background-position: 0 0;
            position: relative;
        }
        .lang-icon:after {
            background: white url(/style/images/globe.svg) no-repeat -30px 0;
            transition: all .3s ease;
            content: "";
            width: 25px;
            height: 25px;
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0;
            z-index: 2;
        }
        .lang-icon:hover:after {
            opacity: 1;
        }
        .lang-section {
            padding: 40px 0;
        }
        .region-section {
            background-color: #f2f4f9;
            padding: 40px 0;
            flex-grow: 1;
        }
        .selected-region {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 20px;
        }
        .flag {
            width: 40px;
            height: 40px;
            background: transparent no-repeat center / contain;
            margin: 10px 15px;
        }
        .selected-region .flag {
            width: 50px;
            height: 50px;
        }
        .flag-my {background-image: url(/style/images/my.png)}
        .flag-cn {background-image: url(/style/images/cn.png)}
        .flag-id {background-image: url(/style/images/id.png)}
        .flag-vt {background-image: url(/style/images/vt.png)}
        .flag-th {background-image: url(/style/images/th.png)}
        .flag-sg {background-image: url(/style/images/sg.png)}
        .flag-ph {background-image: url(/style/images/ph.png)}
        .lang-menu {
            display: flex;
            width: 100%;
            justify-content: space-evenly;
            align-items: center;
        }
        .lang-link {
            color: black;
        }
        .lang-link.selected {
            color: #00a3e0;
            font-weight: bold;
            pointer-events: none;
        }
        .vertical-divider {
            height: 20px;
            border-right: 1px solid black;
        }
        .region-selector {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            grid-gap: 30px;
        }
        .region-selector a {
            color: black;
        }
        .region-selector .flag {
            margin-left: auto;
            margin-right: auto;
        }

        body {
            -webkit-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
            -moz-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
            -ms-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
            animation: -amp-start 8s steps(1, end) 0s 1 normal both
        }
        @-webkit-keyframes -amp-start {
            from {
                visibility: hidden
            }

            to {
                visibility: visible
            }
        }

        @-moz-keyframes -amp-start {
            from {
                visibility: hidden
            }

            to {
                visibility: visible
            }
        }

        @-ms-keyframes -amp-start {
            from {
                visibility: hidden
            }

            to {
                visibility: visible
            }
        }

        @-o-keyframes -amp-start {
            from {
                visibility: hidden
            }

            to {
                visibility: visible
            }
        }

        @keyframes -amp-start {
            from {
                visibility: hidden
            }

            to {
                visibility: visible
            }
        }