.category br {
            content: "";
            display: block;
            margin-top: 5px
        }

        .category.category-slider {
            text-align: center;
            margin-bottom: 20px
        }

        .category.category-slider .category-item {
            flex-grow: 1;
            white-space: normal;
            vertical-align: top;
            text-align: left
        }

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

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

        .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: 85%
        }

        .category .row .content-side>:first-child {
            text-decoration: none;
            display: inline-block
        }

        .category.category-slider .row .icon-side {
            width: 20%
        }

        .category.category-slider .row .content-side {
            width: 80%
        }

        @media (min-width:992px) and (max-width:1199px) {
            .category.category-slider .row .icon-side {
                width: 24%
            }

            .category.category-slider .row .content-side {
                width: 76%
            }
        }

        .category-icon {
            background-repeat: no-repeat;
            width: 50px;
            height: 50px;
            margin: 0 auto
        }

        .category-icon.live-roulette {
            background-position: -51px 0
        }

        .category-icon.live-blackjack {
            background-position: -51px -51px
        }

        .category-icon.live-baccarat {
            background-position: -51px -101px
        }

        .category-icon.other {
            background-position: -51px -151px
        }

        .game-wrapper .game-card {
            -webkit-transition: all .3s ease;
            -o-transition: all .3s ease
        }

        @media (min-width:992px) {
            .product-slider>div:hover>:hover {
                opacity: 1
            }

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

        @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)
            }

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

            .text-center .read-box .readmore {
                justify-content: center;
                width: 120px;
                margin: 0 auto;
                border: 1px #ddd solid;
                display: none;
            }

            .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
            }
        }

        .page-banner {
            height: 500px;
            background-position: center;
            background-size: cover;
            position: relative;
            margin-bottom: 50px
        }

        .page-banner.live-casino {
            /*background-image: url(/style/images/banner-casino.jpg)*/
        }

        .page-banner .container,
        header {
            position: relative;
            height: 100%
        }

        .page-banner .banner-heading {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%) translateZ(0);
            -ms-transform: translateY(-50%) translateZ(0);
            transform: translateY(-50%) translateZ(0);
            filter: blur(0);
            -webkit-filter: blur(0);
            color: #fff;
            font-size: 48px;
            text-transform: uppercase;
            margin-top: 30px;
            z-index: 2
        }

        @media (max-width:1399px) {
            .page-banner {
                background-position: right -100px top;
                height: 400px
            }
        }

        @media (max-width:1199px) {
            .page-banner {
                height: 37vw;
                background-position: center top
            }
        }

        @media (max-width:991px) {
            .page-banner {
                height: 37vw;
                background-position: center top
            }

            .page-banner .banner-heading {
                margin-top: 0;
                font-size: 26px
            }
        }

        @media (max-width:480px) {
            .page-banner {
                height: 50vw
            }

            .page-banner .banner-heading {
                font-size: 20px
            }

            .page-banner:after {
                content: "";
                position: absolute;
                top: 0;
                right: 0;
                left: 0;
                bottom: 0;
                opacity: .9;
                background-image: linear-gradient(to right, #0d3c6f, rgba(13, 60, 111, 0));
                z-index: 1
            }
        }

        .game-wrapper {
            padding-top: 50px;
            padding-bottom: 50px
        }

        .game-wrapper .game-list {
            margin-top: 30px
        }

        .game-wrapper .game-link {
            display: block;
            color: inherit;
            height: 100%;
            padding-bottom: 20px
        }

        .game-wrapper .game-card {
            transition: all .3s ease;
            padding: 50px 20px;
            position: relative;
            overflow: hidden;
            -webkit-transition-delay: .2s;
            -o-transition-delay: .2s;
            transition-delay: .2s;
            height: 100%
        }

        .game-wrapper .game-card .game-name {
            margin: 0;
            color: #000
        }

        .game-wrapper .game-card .game-name:after {
            content: "";
            display: block;
            height: 4px;
            width: 20px;
            background-color: #bebebe;
            margin: 10px auto
        }

        .game-wrapper .game-card .game-logo,
        .game-wrapper .game-card .hover-play {
            -webkit-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease
        }

        .game-wrapper .game-card .game-logo {
            min-height: 70px;
            margin-top: 20px;
            filter: grayscale(100%);
            opacity: .6;
            position: relative
        }

        .game-wrapper .game-card .game-logo amp-img {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            margin: auto
        }

        .game-wrapper .game-card .hover-play {
            opacity: 0;
            pointer-events: none;
            position: absolute;
            bottom: 0;
            right: 0
        }

        .game-wrapper .game-card .hover-play span {
            color: #fff;
            z-index: 2;
            position: relative;
            font-weight: 600;
            font-size: 14px;
            text-align: right;
            margin: 10px;
            display: block
        }

        .game-wrapper,
        .qrbox {
            text-align: center
        }

        .game-wrapper .game-card .hover-play:after {
            content: "";
            width: 80px;
            height: 80px;
            border-bottom: solid 40px #00a3e0;
            border-right: solid 40px #00a3e0;
            border-left: solid 40px transparent;
            border-top: solid 40px transparent;
            position: absolute;
            bottom: 0;
            right: 0;
            z-index: 1
        }

        .game-wrapper .game-link:hover .game-card,
        .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)
        }

        .game-wrapper .game-link:hover .game-card {
            -webkit-transition-delay: 0s;
            -o-transition-delay: 0s;
            transition-delay: 0s
        }

        .game-wrapper .game-link:hover .game-card .game-logo {
            filter: none;
            opacity: 1
        }

        .game-wrapper .game-link:hover .game-card .hover-play,
        .hoverpop:hover #wechat-pop,
        .livechat-icon:hover:after {
            opacity: 1
        }

        @media (max-width:991px) {
            .game-wrapper .game-card .game-logo {
                filter: none;
                opacity: 1
            }

            .game-wrapper .game-link .game-card {
                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);
                -webkit-transition-delay: 0s;
                -o-transition-delay: 0s;
                transition-delay: 0s;
                margin: 10px
            }

            .game-wrapper .game-link .game-card .hover-play {
                opacity: 1
            }
        }

        .category-list{
            width: 1280px;
            margin: 50px 0 80px;
            display: flex;
            flex-wrap: wrap;
        }
        .category-list .category-items{
            width: 290px;
            margin-right: 40px;
            display: flex;
            justify-content: space-between;
        }
        .category-list .category-items:nth-child(4){
            margin-right: 0;
        }
        .category-list .category-items .category-img{
            width: 60px;
        }
        .category-list .category-items .category-img img{
            width: 60px;
            height: 60px;
        }
        .category-list .category-items .category-info{
            width: 220px;
            text-align: left!important;
        }
        .category-list .category-items .category-info h2{
            height: 30px;
            line-height: 30px;
            margin-bottom: 0;
            overflow: hidden;
            font-size: 18px;
        }
        .category-list .category-items .category-info h2 a{
            text-decoration: none;
        }
         .category-list .category-items .category-info p{
            margin-bottom: 10px;
        }







        @-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
            }
        }
		

        #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
        }

        @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:768px) {
            body {
                padding-top: 50px
            }
            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
            }

            .category-list{
                width: 100%;
                display: block;
                margin: 20px 0 50px;
            }
            .category-list .category-items{
                width: 100%;
                margin-right: 0;
            }
            .category-list .category-items .category-img{
                width: 18%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
            }
            .category-list .category-items .category-img a{
                width: 100%;
                display: block;
            }
            .category-list .category-items .category-img  a img{
                width: 100%;
            }
            .category-list .category-items .category-info{
                width: 78%;
                margin-left: 22%;
            }           
            .category-list .category-items .category-info p{
                font-size: 16px;
            }  
            .category-list .category-items .category-info .category-info-more a{
                font-size: 14px;
            }
            .swiper-button-next, .swiper-button-prev{
                top: 85%!important;
            }
            
            
        }

        .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
        }

        .slider-indicator .indicator-dot {
            -webkit-transform: skew(-45deg);
            -ms-transform: skew(-45deg);
            transform: skew(-45deg);
            -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: inline-block;
            margin: 0 8px;
            width: 15px;
            height: 10px;
            transition: all .3s ease
        }

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

        .category-slider+.slider-indicator {
            margin-bottom: 40px
        }

        .category-slider+.slider-indicator .indicator-dot:not([selected]) {
            background-color: #ededed;
            box-shadow: none;
            -webkit-box-shadow: none
        }

        .hoverpop {
            position: relative
        }

        #wechat-pop {
            opacity: 0;
            position: absolute;
            right: 240px;
            top: 0;
            background-color: #fff;
            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;
            -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .2)
        }

        #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-button {
            z-index: 2
        }

        .amp-carousel-button-prev {
            background: url(/style/images/chevron-left-solid.svg);
            width: 8px;
            height: 13px
        }

        .amp-carousel-button-next {
            background: url(/style/images/chevron-right-solid.svg);
            width: 8px;
            height: 13px
        }

        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
        }

        .mt-gap {
            margin-top: 50px
        }

        .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: 400px) {
            .faq {
                margin-bottom: 20px
            }
        }

        @media (min-width: 768px) {
            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
            }
        }

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

            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: 80px
            }
        }

        /** 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;
        }

        @media (min-width: 576px) {
            .lightbox {
                width: 516px;
                height: 645px;
                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;
        }