@font-face {
        font-family: 'simi';
        src: url('font/psl150_0-webfont.woff2') format('woff2'), url('font/psl150_0-webfont.woff') format('woff'), url('font/psl150_0-webfont.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'simi_b';
        src: url('font/psl147cs_0-webfont.woff2') format('woff2'), url('font/psl147cs_0-webfont.woff') format('woff'), url('font/psl147cs_0-webfont.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }
    
    body {
        background-color: #001426;
        color: #fff;
        font-family: 'IBM Plex Sans Thai', sans-serif;
        font-weight: 300;
        font-size: 17px;
        line-height: 1.7;
    }
    
    .line-top {
        height: 3px;
        width: 100%;
        background: linear-gradient(to right, rgb(101 67 2) 0%, rgb(247 201 114) 12%, rgb(100 66 2) 25%, rgb(247 201 114) 54%, rgb(105 72 9) 77%, rgb(247 201 114) 88%, rgb(101 67 2) 99%);
    }
    
    .box-tel {
        background: linear-gradient(to bottom, rgb(101 67 2) 0%, rgb(247 201 114) 12%, rgb(100 66 2) 25%, rgb(247 201 114) 54%, rgb(105 72 9) 77%, rgb(247 201 114) 88%, rgb(101 67 2) 99%);
        border-radius: 20px;
        padding: 2px;
        text-align: center;
        margin-bottom: 5px;
        margin-top: 5px !important;
        width: auto;
        margin: 0 auto;
    }
    
    .bg-black {
        background-color: #000;
        border-radius: 20px;
        color: #fff;
        padding: 3px;
        text-align: center;
    }
    
    .text-gold {
        /*  background-image: url(data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zd…xsPSJ1cmwoI2dyYWRpZW50KSIgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSIgLz48L3N2Zz4=);*/
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #AD710A), color-stop(18%, #F7C972), color-stop(31%, #996B1C), color-stop(49%, #F7C972), color-stop(64%, #B57B16), color-stop(77%, #F7C972), color-stop(99%, #AD7B25));
        background-image: -moz-linear-gradient(top, #AD710A 0, #F7C972 18%, #996B1C 31%, #F7C972 49%, #B57B16 64%, #F7C972 77%, #AD7B25 99%);
        background-image: -webkit-linear-gradient(top, #AD710A 0, #F7C972 18%, #996B1C 31%, #F7C972 49%, #B57B16 64%, #F7C972 77%, #AD7B25 99%);
        background-image: -o-linear-gradient(top, #AD710A 0, #F7C972 18%, #996B1C 31%, #F7C972 49%, #B57B16 64%, #F7C972 77%, #AD7B25 99%);
        background-image: -ms-linear-gradient(top, #AD710A 0, #F7C972 18%, #996B1C 31%, #F7C972 49%, #B57B16 64%, #F7C972 77%, #AD7B25 99%);
        background-image: linear-gradient(top, #AD710A 0, #F7C972 18%, #996B1C 31%, #F7C972 49%, #B57B16 64%, #F7C972 77%, #AD7B25 99%);
        font-weight: 700;
    }
    
    .text-gold {
        -webkit-text-fill-color: transparent;
    }
    
    .txt-g {
        -webkit-background-clip: text;
        position: relative;
        line-height: 0.9!important;
        margin-bottom: 10px;
        -webkit-text-fill-color: transparent;
        filter: drop-shadow(2px 2px 4px #000);
        background-image: -webkit-linear-gradient(right, #b48132 0, #fae0af 30%, #d7b676 50%, #fae0af 72%, #b4812e 100%);
        font-weight: 500;
        margin-bottom: 0px;
        text-align: center !important;
        font-family: 'simi';
        font-size: 34px;
    }
    
    h1 {
        font-family: 'simi';
        color: #d39e00;
        font-size: 46px !important;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    
    .btn_line {
        padding: 4px;
    }
    
    .nav-gold {
        background: linear-gradient(to right, rgb(101 67 2) 0%, rgb(247 201 114) 12%, rgb(100 66 2) 25%, rgb(247 201 114) 54%, rgb(105 72 9) 77%, rgb(247 201 114) 88%, rgb(101 67 2) 99%);
        padding: 5px;
        z-index: 99;
        margin-top: 12px;
    }
    
    .menu-bg-b {
        background-color: #000000d6;
        border-radius: 5px;
        padding: 2px;
        line-height: 10px;
        margin: 0 auto;
    }
    
    .nav-link {
        color: rgb(255 255 255);
    }
    
    .nav-item {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .dropdown-menu.show {
        background-color: #000000de;
        border: 1px solid #8f6c33;
    }
    
    .dropdown-item {
        color: #fff;
        padding: 10px;
        border-bottom: 1px solid#584625a8;
    }
    
    .banner {
        background-image: url(img/bg-head2.webp);
        background-position: center center;
        background-size: cover;
    }
    
    .nav-link:focus,
    .nav-link:hover {
        color: rgb(214 153 44);
    }
    
    .bg-main {
        background-image: url(img/bg2.webp);
        background-repeat: repeat;
        background-position-y: 100px;
        padding-bottom: 20px;
    }
    
    .slick-prev {
        top: 130px;
        z-index: 99;
        left: 0px!important;
        position: relative;
    }
    
    .slick-next {
        /* right: -25px; */
        top: 130px;
        z-index: 99;
        right: 0px !important;
        /* position: relative; */
    }
    
    .bd-gold {
        background: linear-gradient(to bottom, rgb(101 67 2) 0%, rgb(247 201 114) 12%, rgb(100 66 2) 25%, rgb(247 201 114) 54%, rgb(105 72 9) 77%, rgb(247 201 114) 88%, rgb(101 67 2) 99%);
        border-radius: 10px;
        padding: 2px;
        margin-bottom: 10px;
        box-shadow: 1px 1px 8px 4px #745a08;
    }
    
    .bg-box {
        background-color: #000;
        border-radius: 10px;
        padding: 30px 20px;
    }
    
    #why p {
        margin-bottom: 0px;
    }
    
    .bd-g {
        background: linear-gradient(to bottom, rgb(101 67 2) 0%, rgb(247 201 114) 12%, rgb(100 66 2) 25%, rgb(247 201 114) 54%, rgb(105 72 9) 77%, rgb(247 201 114) 88%, rgb(101 67 2) 99%);
        border-radius: 10px;
        padding: 1px;
        text-align: center;
        margin-bottom: 15px;
    }
    
    .box-why {
        background-color: #000;
        border-radius: 10px;
        padding: 20px;
        font-size: 14px;
    }
    
    .box-news {
        border-radius: 10px;
        padding: 15px;
        margin-bottom: 20px;
        color: #fff;
    }
    
    .box-c {
        border-radius: 10px;
        margin-top: 2px;
        color: #fff;
    }
    
    .box-c div.img-n {
        border-radius: 10px 10px 0px 0px;
        display: block;
        background-position: top;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .dt-news {
        color: #fff;
        text-decoration: none;
    }
    
    .box-c div.img-n:after {
        content: "";
        display: block;
        width: 100%;
        padding-top: 55%;
    }
    
    .dt-box {
        border: 2px solid #d39e00;
        border-radius: 10px;
        padding: 10px;
        margin-bottom: 10px;
    }
    
    .flex-container {
        display: block;
    }
    
    .line-bottom {
        height: 10px;
        width: 100%;
        background: linear-gradient(to right, rgb(101 67 2) 0%, rgb(247 201 114) 12%, rgb(100 66 2) 25%, rgb(247 201 114) 54%, rgb(105 72 9) 77%, rgb(247 201 114) 88%, rgb(101 67 2) 99%);
    }
    
    .foot-text {
        background-color: #000;
        padding: 40px;
        border-radius: 10px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    #news a {
        text-decoration: none;
    }
    
    #news h6 {
        color: #f5b642;
        font-family: 'simi';
        font-size: 25px;
    }
    
    #step {
        padding-top: 40px;
    }
    
    h2 {
        font-size: 42px !important;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    
    h3 {
        font-size: 40px !important;
        padding-bottom: 20px;
    }
    
    .boxstep {
        margin-top: 35px;
        margin-bottom: 30px;
    }
    
    #deposite,
    #service {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    
    a {
        color: #fff;
        text-decoration: none;
    }
    
    .topmenu {
        font-size: 15px;
    }
    
    .navbar-toggler {
        color: rgb(0 0 0 / 85%);
        width: 100%;
        color: rgb(255 255 255 / 85%);
        background-color: #0000009e;
    }
    
    .bg-box-page {
        background-color: #091117;
        border-radius: 10px;
    }
    
    .pic-rd {
        border-radius: 15px;
    }
    
    label.col-form-label {
        text-align: right !important;
    }
    
    .bt-ent {
        background: linear-gradient(to bottom, rgb(101 67 2) 0%, rgb(247 201 114) 12%, rgb(100 66 2) 25%, rgb(247 201 114) 54%, rgb(105 72 9) 77%, rgb(247 201 114) 88%, rgb(101 67 2) 99%);
        border-radius: 10px;
        padding: 1px;
        text-align: center;
        margin-bottom: 10px;
        font-size: 26px;
        font-family: 'simi_b';
        width: 90%;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    
    .bt-black {
        background-color: #000;
        border-radius: 10px;
        color: #fff;
        padding: 2px;
        text-align: center;
    }
    
    .ap {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    
    p {
        margin-bottom: 0;
    }
    
    .bd-gold-page {
        background: linear-gradient(to bottom, rgb(101 67 2) 0%, rgb(247 201 114) 12%, rgb(100 66 2) 25%, rgb(247 201 114) 54%, rgb(105 72 9) 77%, rgb(247 201 114) 88%, rgb(101 67 2) 99%);
        border-radius: 10px;
        padding: 2px;
        box-shadow: 1px 1px 8px 4px #745a08;
    }
    
    .bd-gold-page.boxstep {
        margin-bottom: 0px;
    }
    
    .page-sport .bd-gold-page {
        background: linear-gradient(to bottom, rgb(3 18 81) 0%, rgb(35 63 143) 12%, rgb(25 21 110) 25%, rgb(23 109 176) 54%, rgb(72 103 141) 77%, rgb(45 80 154) 88%, rgb(21 76 180) 99%);
        border-radius: 10px;
        padding: 2px;
        box-shadow: 1px 1px 8px 4px #133196;
    }
    
    .page-sport .bt-ent {
        background: linear-gradient(to bottom, rgb(28 84 215) 0%, rgb(15 24 82) 12%, rgb(53 73 122) 25%, rgb(31 92 230) 54%, rgb(34 111 204) 77%, rgb(80 103 197) 88%, rgb(88 119 215) 99%);
    }
    
    .txt-blue {
        background-image: -webkit-linear-gradient(top, #021db0 0%, #0e39c1 30%, #4682d2 50%, #0b2f56 72%, #11307a 100%);
    }
    
    .topictable {
        background: rgb(146, 203, 238);
        background: linear-gradient( 180deg, rgb(9 39 183) 0%, rgb(35 152 221) 100%, rgb(15 61 96) 100%);
        color: #fff;
    }
    
    .blue-d {
        background-color: #8c9fcd;
    }
    
    .blue-l {
        background-color: #adb9d7;
    }
    
    .tb-price {
        font-size: 15px;
        color: #06659c;
        width: 97%;
        margin: 0 auto;
        border-radius: 10px;
    }
    
    .table-sm td,
    .table-sm th {
        padding: 0.3rem;
    }
    
    .table td,
    .table th {
        padding: 0.75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6;
    }
    
    .line-ufa {
        background-color: #000;
        border-radius: 15px;
        margin: 0 auto;
        width: 40%;
        text-align: center;
        padding: 10px;
        border: #bd833d 1px solid;
        /* margin: 10px; */
        margin-bottom: 15px;
        margin-top: 15px;
    }
    
    .g,
    strong {
        color: #c89951;
    }
    
    #news {
        margin-top: 20px;
    }
    
    .bg-menu {
        height: 85px;
        padding-bottom: 6px;
        /*background: linear-gradient(180deg,#1c58b4,#09244e);*/
        background-image: url(img/bg-foot.webp);
    }
    
    .left-wrapper {
        border-top-left-radius: 10px;
        border-top-right-radius: 22px;
    }
    
    .right-wrapper {
        border-top-right-radius: 10px;
        border-top-left-radius: 22px;
    }
    
    .fixmenufoot {
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 4;
        width: 100%;
        /*  background-image: url(img/menu-foot-logo2.png);
            background-position: bottom center;*/
    }
    
    .logo-container {
        position: absolute;
        margin: 0 auto;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        top: -55%;
    }
    
    .logo-container img {
        max-width: 100%;
        height: auto;
    }
    
    .box-step {
        padding-bottom: 15px;
        padding-top: 15px;
    }
    
    .page-pro p,
    .hl {
        padding-left: 20px!important;
        padding-right: 20px!important;
    }
    
    .page-pro .txt-g {
        text-align: left !important;
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .hl {
        color: #ffd792;
        padding-left: 20px;
        padding-right: 20px;
    }
    
    @media (min-width:576px) {}
    
    @media (min-width:768px) {
        .box-tel {
            width: 350px;
            float: right;
        }
        .pad-topcontact {
            padding-top: 20px;
        }
    }
    
    @media (min-width:810px) {}
    
    @media (min-width: 992px) {
        .navbar-nav {
            margin: 0 auto;
        }
        .logo {
            float: left !important;
        }
        .txt-banner {
            padding-top: 40px;
        }
        .navbar-expand-lg .navbar-collapse {
            font-size: 16px;
        }
        .nav-item {
            padding-left: 5px;
            padding-right: 5px;
            font-size: 15px;
        }
    }
    
    @media (min-width: 1200px) {
        .txt-intro {
            padding-top: 80px;
        }
        .nav-item {
            padding-left: 10px;
            padding-right: 10px;
            font-size: 16px;
        }
    }
    
    @media (min-width: 1400px) {
        .txt-intro {
            padding-top: 60px;
        }
        .nav-item {
            padding-left: 15px;
            padding-right: 15px;
            font-size: 17px;
        }
    }
    
    @media (min-width: 1600px) {}

    #frm_regis ,#frm_autodep,#frm_autowith{
        width: 90%;
        /* margin: 0 auto; */
        color: #d3a346;
    }
    
    .form-control {
        background-color: #333;
        color: #fff;
        border-color: #444444;
        margin-bottom: 15px;
    }
    
    .form-check {
        padding-top: 6px;
        padding-left: 25px  !important;
    }
    
    .btn-primary {
        background: linear-gradient(to right, rgb(101 67 2) 0%, rgb(247 201 114) 12%, rgb(100 66 2) 25%, rgb(247 201 114) 54%, rgb(105 72 9) 77%, rgb(247 201 114) 88%, rgb(101 67 2) 99%);
        border: 2px solid #7a5b22;
        width: 20%;
        margin-bottom: 15px;
        color: #473416 !important;
        font-size: 20px;
        font-weight: bold;
    }