@import url(https://fonts.googleapis.com/css?family=Sriracha&display=swap);@font-face {
    font-family: SukhumvitReg;
    src: url(../font/SukhumvitReg.woff2) format("woff2"),url(../font/SukhumvitReg.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: SukhumvitBold;
    src: url(../font/SukhumvitBold.woff2) format("woff2"),url(../font/SukhumvitBold.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

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

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

.goldpattern {
    background: #df0000 !important;
    
    !i;!;
    border: 1px solid rgb(204,204,204)
}

.topbar {
    width: 100%;
    min-height: 30px;
    padding: 5px 0;
    box-shadow: 0 1px #000;
    display: block;
    float: left
}

.topbar>.container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-family: SukhumvitReg
}

.topbar .logo img {
    vertical-align: text-top;
    display: inline-block
}

.topbar .logo a {
    vertical-align: middle;
    color: black;
    text-decoration: none;
    font-size: 25px;
    line-height: 0;
    text-shadow: goldenrod 0 1px 0;
    font-family: SukhumvitBold
}

.topbar a.btn {
    line-height: auto;
    vertical-align: middle;
    padding-bottom: 0
}

.topbar .logo a:hover {
    color: brown
}

.icon-ruay {
    background: url(../images/ruay-icon-300.png) center center no-repeat;
    background: 100%;
    min-height: 20px
}

.contentbody {
    width: 100%;
    float: left;
    display: block
}

.toplogin {
    font-family: SukhumvitReg;
    line-height: auto;
    display: block;
    width: 100%;
    border-radius: 5px;
    background-color: #1e1e1e;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-top: 10px;
    color: blanchedalmond;
    box-shadow: black 0 0 5px
}

.toplogin a {
    color: blanchedalmond;
    text-decoration: none
}

.toplogin a:hover {
    color: burlywood
}

.toplogin span {
    color: black;
    vertical-align: text-top;
    line-height: 1.2
}

.toplogin button.btn {
    line-height: auto;
    vertical-align: middle;
    padding-bottom: 3px
}

.gold-btn {
    font-family: SukhumvitBold;
    font-size: 18px;
    border: 1px solid #B39A49;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    display: inline-block;
    text-shadow: 1px 1px 0 rgba(255,255,255,.3);
    color: black;
    background-color: #eab92d;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#eab92d),to(#c79810));
    background-image: -webkit-linear-gradient(top,#eab92d,#c79810);
    background-image: -moz-linear-gradient(top,#eab92d,#c79810);
    background-image: -ms-linear-gradient(top,#eab92d,#c79810);
    background-image: -o-linear-gradient(top,#eab92d,#c79810);
    background-image: linear-gradient(to bottom,#eab92d,#c79810);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#eab92d,endColorstr=#c79810)
}

.gold-btn:hover {
    border: 1px solid #AD9547;
    background-color: #cf9f15;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#cf9f15),to(#98740c));
    background-image: -webkit-linear-gradient(top,#cf9f15,#98740c);
    background-image: -moz-linear-gradient(top,#cf9f15,#98740c);
    background-image: -ms-linear-gradient(top,#cf9f15,#98740c);
    background-image: -o-linear-gradient(top,#cf9f15,#98740c);
    background-image: linear-gradient(to bottom,#cf9f15,#98740c);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cf9f15,endColorstr=#98740c)
}

.golden-btn + .golden-btn {
    margin-top: 1em
}

.golden-btn {
    display: inline-block;
    outline: 0;
    font-family: SukhumvitBold;
    font-size: 1em;
    box-sizing: border-box;
    border: 0;
    border-radius: .3em;
    height: auto;
    line-height: 1.9em;
    text-transform: uppercase;
    padding: 3px 0;
    box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(110,80,20,.4),inset 0 -1px 2px 1px rgb(255,160,192),inset 0 -1px 1px 2px rgb(255,0,217);
    background-image: linear-gradient(45deg,#FF99CC 50%,#FF99FF 50%);
    border: 0;
    color: #f1f1f1;
    text-shadow: 0 2px 2px rgb(0,0,0);
    cursor: pointer;
    transition: all .2s ease-in-out;
    background-size: 100% 100%;
    background-position: center
}

.golden-btn:focus,.golden-btn:hover {
    background-size: 150% 150%;
    box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23),inset 0 -2px 5px 1px #FF0099,inset 0 -1px 1px 3px rgb(255,46,170);
    border: 1px solid rgb(254,46,170);
    color: rgba(239,225,216,.8)
}

.golden-btn:active {
    box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(110,80,20,.4),inset 0 -2px 5px 1px #FF0099,inset 0 -1px 1px 3px #FF0099
}

.topbox {
    border: 1px #333 solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: block;
    margin-top: 10px;
    padding: 10px 0;
    background: #222;
    color: lightgoldenrodyellow;
    font-family: SukhumvitReg
}

.topbox a {
    color: blanchedalmond;
    text-decoration: none
}

.topbox a:hover {
    color: burlywood
}

.topbox h2 {
    line-height: auto;
    margin-bottom: 0
}

.topbox h2>small {
    font-size: 60%;
    vertical-align: middle;
    font-family: Sriracha,cursive;
    margin-right: 5px
}

@media screen and (max-width: 350px) {
    .topbox h2>small {
        font-size:50%
    }
}

.topbox h2>span {
    font-family: SukhumvitBold;
    vertical-align: middle
}

.twbox {
    border: 1px #333 solid;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #eee;
    display: block;
    padding: 5px 10px;
    margin-bottom: 10px
}

.twbox .nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: #fff;
    background-color: goldenrod
}

.twbox .nav-pills .nav-link {
    color: black;
    border: rgba(163,126,67,1) 1px solid;
    margin: 1px;
    padding: 5px;
    text-align: center
}

@media screen and (max-width: 350px) {
    .twbox .nav-pills .nav-link {
        font-size:80%
    }
}

.titleresult {
    font-family: SukhumvitReg;
    font-size: 150%;
    line-height: 1
}

.titleresult i {
    font-family: initial
}

.gold-text {
    color: #D5AD6D;
    background: -webkit-linear-gradient(transparent,transparent),-webkit-linear-gradient(top,rgba(213,173,109,1) 0,rgba(213,173,109,1) 26%,rgba(226,186,120,1) 35%,rgba(163,126,67,1) 45%,rgba(145,112,59,1) 61%,rgba(213,173,109,1) 100%);
    background: -o-linear-gradient(transparent,transparent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.boxjackpot {
    border: rgba(213,173,109,1) 1px solid;
    box-shadow: rgba(213,173,109,1) 0 0 3px;
    animation: myfirst .5s;
    -moz-animation: myfirst .5s infinite;
    -webkit-animation: myfirst .5s infinite
}

@-moz-keyframes myfirst {
    0% {
        box-shadow: rgba(213,173,109,1) 0 0 8px
    }

    50% {
        box-shadow: rgba(213,173,109,0) 0 0 3px
    }

    100% {
        box-shadow: rgba(213,173,109,1) 0 0 8px
    }
}

@-webkit-keyframes myfirst {
    0% {
        box-shadow: rgba(213,173,109,1) 0 0 8px
    }

    50% {
        box-shadow: rgba(213,173,109,0) 0 0 3px
    }

    100% {
        box-shadow: rgba(213,173,109,1) 0 0 8px
    }
}

.titlestyle {
    font-family: SukhumvitReg;
    font-size: 120%;
    line-height: 1
}

.txt-num {
    font-size: 120%;
    line-height: 1
}

.subtitlestyle {
    font-family: SukhumvitReg;
    font-size: 100%;
    line-height: 1
}

#tb-stock span.flag-icon {
    box-shadow: gray 0 0 1px;
    display: inline-block
}

@media screen and (max-width: 375px) {
    #tb-stock td,#tb-stock th,#tb-yeekee td,#tb-yeekee th {
        font-size:80%;
        font-family: tahoma
    }
}

.footerindex {
    background: #151515;
    border-top: #222 1px solid;
    color: lightgray;
    padding: 10px 5px 25px 5px;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column
}

.footerindex a {
    color: #df0000;
}

.footerindex a:hover {
    color: #df0000;
    text-decoration: none
}