@import url("/theme/Default/style.css");
@import url("/theme/uw88vietnam/font/font-css.css");


.uw88_home_tab { background: url(/data/1851/uploads/uw99_home_block_bg-min.png);}
.h4.golden { -webkit-text-fill-color: #e8d4c2; }
html, body { height: 100%; width: 100%; height: 100%; margin: 0px; padding: 0px; font-size: 12px; font-family: "Galano-Medium","krungthep", sans-serif; overflow-x: hidden; }
.clearboth { clear: both; }
html { display: table; }
body { display: table-row; }
html, body { height: 100%; width: 100%; height: 100%; margin: 0px; padding: 0px; font-size: 12px; }

.w1000 { width: 1200px; margin: 0px auto; }
.snow-bg { display: none !important; }

textarea, input[type=text], input[type=password] { border: 0px solid #333333; padding: 2px; display: flex; align-items: center; width: 100%; height: 40px; line-height: 40px; margin-top: 15px; border-radius: 20px; box-shadow: inset 0 1px 15px 0 #fff; background-color: hsla(0, 0%, 100%, 0.5); outline: none; color: #333; font-size: 14px; font-family: DinProMedium; opacity: 0.9; overflow: hidden; padding-left: 15px; }



#theme { display: block; height: 100%; width: 100%; background: #fff; }

.themetbl { display: table; }
.themetblrow { display: block; }
.themetblcell { display: block; }
.themetblwidth { width: 100%; }
.themetblheight { height: 100%; }
.theme-container-box { width: 100%; height: 500px; }

#theme-frame { height: 100%; margin: auto; width: 100%; }

#theme-header { background: #fff; }
#theme-header-content {
    background: url(/data/1851/uploads/headerbg-cny-1.png)center no-repeat;
    background-size: 100%;  }
#theme-header-content { position: relative; overflow: hidden; }

#theme-menu { border: 0px solid red; width: 1200px; margin: auto; padding: 10px 0; }

div#menu-top { border-top: 1px solid #d1ae8e; position: relative; background: linear-gradient( 180deg, #fcead4cf 0%, #fae8cd8c -4%,#ffffff 32%,#ffffff 66%); }

#theme-menu #cmsmenu { z-index: 999; }
#theme-container { clear: both; position: relative; }


#loading-image { width: 16%; }

#theme-title { padding-left: 10px; }
#theme-lang { }
#theme-header-link { position: unset; right: 10px; top: 0px; width: 1200px; margin: auto; }
    #theme-header-link ul { list-style: none; }
        #theme-header-link ul li { }
            #theme-header-link ul li:first-child { border: 0px; }
    #theme-header-link a,
    #theme-header-link a:visited { font-size: 11px; text-decoration: none; padding: 2px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
        #theme-header-link a:hover { color: #6aaaf5; }
#theme-header-logo { position: absolute; left: 0px; top: 0px; }
    #theme-header-logo img { width: 120px; }

.themetbl .cellbox { list-style: none; display: table; padding: 0px; margin: 0px; width: 100%; height: 100%; min-height: 350px; padding-top: 10px; }
    .themetbl .cellbox > li { display: inline-block; vertical-align: top; }
    .themetbl .cellbox li#theme-content { padding: 5px 10px; text-align: justify; width: 770px; height: 100%; min-height: 350px; }
    .themetbl .cellbox li#theme-frame-panel { width: 200px; padding: 10px 0px 10px 10px; background: #efefef; width: 190px; height: 100%; min-height: 350px; display: inline-block; }

#theme-nav { clear: both; padding: 10px; background: #efefef; display: block; }
    #theme-nav ul { margin: 0px; padding: 0px; list-style: none; }
        #theme-nav ul li { display: inline; }
            #theme-nav ul li a,
            #theme-nav ul li a:visited { color: #000000; text-decoration: none; font-weight: bold; padding: 0px 10px 0px 10px; background: url(icon/arrow-v.png) left no-repeat; }


/*-------LANDING-------*/
.webpage-home #theme-header, .webpage-home #theme-footer { display: none; }
.overlayShadow { background: url(/data/1851/uploads/landingucw-new-bg2-03.jpg) top no-repeat !important; }
.overlayShadow .footer { background: transparent; }
.overlayShadow .header { background: transparent; position: unset; box-shadow: unset; }






#btnPlayNow { color: #fdfdfd; background: url(/theme/uw88vietnam/images//huanya/bglogin.png) no-repeat; background-size: 100% 100%; width: 241px; cursor: pointer; padding-top: 10px; padding-bottom: 32px; text-align: center; font-weight: bold; font-size: 15pt; }

    #btnPlayNow:hover { color: #853f12; -webkit-animation-play-state: paused; -moz-animation-play-state: paused; animation-play-state: pause; transform: scale(1.1); transition: .5s; }

.overlayShadow .w1000 { width: 1100px; margin: auto; }

.footbot .w1000 { width: 1100px; margin: auto; }

.language ul li { float: unset; display: inline-block; text-align: center; width: 11%; margin: 5px; border: 0px solid red; background: url(/theme/uw88vietnam/images//huanya/bgflaglanding.png) no-repeat; background-size: 100% 100%; min-height: 305px; padding: 20px 0px; vertical-align: top; }


p.titgold { color: #d0ac40 !important; font-family: arial; font-size: 15px; }



.elementor-image { display: none; }

.language ul { text-align: center; }

/*-------MENU-------*/

.top-swiper { width: 100%; }

ul { list-style-type: none; padding: 0; }
a:focus, a:hover { text-decoration: none; }

.banner .swiper-slide { width: 100% !important; }

#logo { width: 180px; margin-right: 0; height: 101px; border: 0px solid red; float: left; }
    #logo img { width: 100%; border: 0px solid green; margin-top: -10px; }

#top-log { text-align: right !important; border: 0px solid red; width: 23%; float: right; margin-top: 9px; }
.container { padding: 0; }


#cssmenu > ul > li > a { color: #404654; font-size: 14px; font-weight: unset; padding: 5px 2px 5px; }


#cssmenu > ul > li:hover > a, { background: transparent; font-size: 9px; text-decoration: none; letter-spacing: 1px; font-weight: 700; text-transform: uppercase; text-align: center; color: #ffffff; font-weight: unset; padding: 5px 2px 0px; margin-bottom: 0; border: 0px solid red; height: 100%; border-radius: 0px; }

#cssmenu > ul > li > a p { position: relative; z-index: 99; margin: 0; padding: 0 7px; }

#cssmenu > ul > li:hover > a p:before, { content: ""; display: block; height: 30px; position: absolute; border-radius: 50px; background-image: linear-gradient(to right, #c2a884 40%, #e9d6c1 100%); z-index: -1; width: 100%; left: 0; right: 0; margin: auto; top: -4px; }


#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a { background: transparent; font-size: 14px; text-decoration: none; letter-spacing: 1px; font-weight: 700; text-transform: uppercase; text-align: center; color: #ffffff; font-weight: unset; padding: 5px 2px 0px; margin-bottom: 0; border: 0px solid red; height: 100%; border-radius: 0px; }


    #cssmenu > ul > li:hover > a p:before, #cssmenu > ul > li.active > a p:before { content: ""; display: block; height: 32px; position: absolute; border-radius: 20px; background-image: linear-gradient(to right, #c2a884 40%, #e9d6c1 100%); z-index: -1; width: 98%; left: 0; right: 0; margin: auto; top: -3px; }



#cssmenu > ul > li { height: 35px; }

.active .circle .line3 { animation: rota2 1.5s linear infinite; animation-iteration-count: 1; }


.giftBtn img { width: 75px; }

li.has-sub > a:after { display: none; }


#cssmenu { float: unset; width: 100%; text-align: center; }


    #cssmenu ul li.has-sub ul li h3 { font-size: 14px; font-weight: 500; color: #636363; line-height: 32px; }
    #cssmenu ul li.has-sub ul li .cPopup, #cssmenu ul li.has-sub ul li #cPp { width: 110px; height: 42px; margin-top: 10px; background: url(/data/1851/uploads/primary-medium-new-selected-min.png)center center no-repeat; background-size: 100%; color: #fff; margin: auto; text-align: center; cursor: pointer; display: block; font-weight: 500; font-size: 12px; line-height: 29px; }

    #cssmenu > ul > li:nth-child(2) ul li a img, #cssmenu > ul > li:nth-child(2) ul li a #rtm { border: 0px solid green; /*display: inline-block;*/ vertical-align: middle; }

    #cssmenu > ul > li:nth-child(2) ul li { width: auto !important; padding: 15px 15px !important; }

#menu-line { bottom: 0px; }
#cssmenu ul li.has-sub ul li img { width: 146px; margin: auto; }
#cssmenu ul li.has-sub ul li a:hover img { transform: scale(1.1); transition: .5s; }



.userBtn { margin-top: 6px; }


.titleCell h2 { font-size: 29px; }




.sponBar li:nth-child(4) .sopnImg { background-size: contain; background-image: url(/theme/uw88vietnam/images//huanya/uw88_home_block_icon_06.png); background-position: -217px 0px; }

.sponBar li:nth-child(5) .sopnImg { background-size: contain; background-image: url(/theme/uw88vietnam/images//huanya/uw88_home_block_icon_01.png); background-position: -217px 0px; }


.bannerAction a { width: 192px; height: 60px; line-height: 55px; }





.gymChose a, .promotionChose a, a.uw88_btn { line-height: 40px; }

/*#cssmenu ul ul li a:hover {
    background-image: linear-gradient( 
180deg
 , #dee4f6, hsla(0, 0%, 100%, 0.6));
    background-size: 100% 100%;
    border-radius: 0px;float: none;
}*/

#cssmenu ul li.has-sub ul li:hover { border-bottom: 0px solid red; background: linear-gradient( 180deg, #dee4f6, hsla(0, 0%, 100%, 0.6)); background-size: 100% 100%; border-radius: 0px; }


#cssmenu li:hover > ul { padding: 0px 0 0 0; }


#cssmenu ul li.has-sub ul li { border-bottom: 0px solid transparent; transition: border .4s; padding: 15px 0; border: 0px solid red; width: 200px; text-align: center; margin-left: -4px; }

#cssmenu ul ul li a { float: unset; }
#cssmenu ul li.has-sub ul li:first-child { pointer-events: unset; float: unset; margin-left: unset; }

#cssmenu ul li.has-sub:nth-child(2) ul li:hover { border-bottom: 0px solid red; }

.lotteryContent img { width: 250px; }
.lotteryMain > img { width: 150px; }
.registertop { width: 67%; height: auto; }

form#customform, form#registerform { margin-top: 15px; padding: 30px 18px; border-radius: 10px; width: unset; background-color: rgba(155, 153, 151, 0.5); position: relative; }


input#customform_submit, input#registerform_btnSubmit { position: absolute; bottom: -103px; width: 47%; height: 104px; left: 0; right: 0; line-height: 27px; text-align: center; margin-top: 20px; color: #fff; font-size: 16px; z-index: 1; cursor: pointer; transition: all 0.2s ease; background: url(/data/1851/uploads/primary-medium-new-selected-min.png)center 17px no-repeat; background-size: 100%; border: 0px solid; text-transform: uppercase; margin: 0px 126px 0px; }


span.yuyan.lang-th { display: inline-block; vertical-align: top; width: 20px; height: 14px; cursor: pointer; margin: 4px 2px; }






input#customform_submit:hover, input#registerform_btnSubmit:hover { transform: scale(1.1); transition: .5s; }
input#customform_submit:focus, input#registerform_btnSubmit:focus, input.btnCheckUser:focus { outline: -webkit-focus-ring-color auto 0px; }


form#registerform dl dt { display: none; }
form#registerform dl { margin-bottom: 0px; }

dl#groupUsername dd input { display: inline-block; vertical-align: top; }
input#registerform_UserName { width: 77%;; margin-top: 0; }
.small, small { font-size: 90%; padding: 3px 14px 0; }

input.btnCheckUser { width: 20%; text-align: center; color: #fff; padding: 12px 4px; border-radius: 50px; background-image: linear-gradient(to right, #c2a884 40%, #e9d6c1 100%); background-size: 100%; border: 1px solid #ead3b9; }

    input.btnCheckUser:hover, input.btnCheckUser:focus { color: #636363; transition: .5s; box-shadow: inset 0 0 5px 1px #ad916b; transform: scale(0.9); }
dl#groupVerifyCode dd { border: 0px solid red; display: inline-block; vertical-align: middle; }


.notice_layer h3, .notice_layer2 h3, .notice_layer_wx h3 { margin: 0; }



.slotGamesBlk.slot-1 { background-image: url(/data/1851/uploads/uw88_slot_game_pragmatic_en-min.png); background-size: cover; }


.slotGamesBlk.slot-2 { background-image: url(/data/1851/uploads/uw88_slot_game_ace333_en-min.png); background-size: cover; }

.slotGamesBlk.slot-3 { background-image: url(/data/1851/uploads/uw88_slot_game_virtualtech_en-min.png); background-size: cover; }

.slotGamesBlk.slot-4 { background-image: url(/data/1851/uploads/uw88_slot_game_cq9game_en-min.png); background-size: cover; }

.slotGamesBlk.slot-5 { background-image: url(/data/1851/uploads/uw88_slot_game_sagaming_en-min.png); background-size: cover; }

.slotGamesBlk.slot-6 { background-image: url(/data/1851/uploads/uw88_slot_game_betsoft_en-min.png); background-size: cover; }

.slotGamesBlk.slot-7 { background-image: url(/data/1851/uploads/uw88_slot_game_skywin_en-min.png); background-size: cover; }

.slotGamesBlk.slot-8 { background-image: url(/data/1851/uploads/uw88_slot_game_cq9_en-min.png); background-size: cover; }


.slotGamesBlk.slot-9 { background-image: url(/data/1851/uploads/uw88_slot_game_globalfish_en-min.png); background-size: cover; }


.slotGamesBlk.slot-10 { background-image: url(/data/1851/uploads/uw88_slot_game_habanero_en-min.png); background-size: cover; }

.slotGamesBlk.slot-11 { background-image: url(/data/1851/uploads/uw88_slot_game_ptgaming_en-min.png); background-size: cover; }

.slotGamesBlk.slot-12 { background-image: url(/data/1851/uploads/uw88_slot_game_dreamtech_en-min.png); background-size: cover; }

.slotGamesBlk.slot-13 { background-image: url(/data/1851/uploads/uw88_slot_game_virtualtech2_en-min.png); background-size: cover; }


.slotGamesBlk.slot-14 { background-image: url(/data/1851/uploads/uw88_slot_game_joker_en-min.png); background-size: cover; }

.slotGamesBlk.slot-15 { background-image: url(/data/1851/uploads/uw88_slot_game_iconicgaming_en-min.png); background-size: cover; }


.sponBar li a p { font-size: 10px; text-transform: uppercase; padding: 0px 6px 12px; }


.lang-th { background-image: url(/theme/uw88vietnam/images//huanya/lang_vn.png); }

.gameBox h2 { font-size: 33px; }


.eventTit { font-weight: 700; -webkit-text-fill-color: #e5cfba; }


.tiyuImgs .lotterycenter { top: unset; box-shadow: unset; }








/*==================   battle ====================*/


.flexChose li i.keno { background-image: url(/theme/uw88vietnam/images//huanya/uw88_keno_icon.png); background-size: 40px 80px; background-position: top; width: 40px; height: 40px; }

.flexChose li i.marksix { background-image: url(/theme/uw88vietnam/images//huanya/uw88_marksix_icon.png); background-size: 40px 80px; background-position: top; width: 40px; height: 40px; }

.flexChose li i.connect93 { background-image: url(/theme/uw88vietnam/images//huanya/uw88_93connect_icon.png); background-size: 40px 80px; background-position: top; width: 40px; height: 40px; }

.flexChose li i.sgmy4d { background-image: url(/theme/uw88vietnam/images//huanya/uw88_4dsgmy_icon.png); background-size: 40px 80px; background-position: top; width: 40px; height: 40px; }

.flexChose li i.chinalottery { background-image: url(/theme/uw88vietnam/images//huanya/uw88_chinalottery_icon.png); background-size: 40px 80px; background-position: top; width: 40px; height: 40px; }

.flexChose li i.onegaming { background-image: url(/theme/uw88vietnam/images//huanya/uw88_onegaming_icon.png); background-size: 40px 80px; background-position: top; width: 40px; height: 40px; }

.flexChose li i.legaming { background-image: url(/theme/uw88vietnam/images//huanya/uw88_legaming_icon.png); background-size: 40px 80px; background-position: top; width: 40px; height: 40px; }

.flexChose li i.ptgaming { background-image: url(/theme/uw88vietnam/images//huanya/uw88_ptgaming_icon.png); background-size: 40px 80px; background-position: top; width: 40px; height: 40px; }

.flexChose li i.cockfight { background-image: url(/theme/uw88vietnam/images//huanya/uw88_cockfight_icon.png); background-size: 40px 80px; background-position: top; width: 40px; height: 40px; }

.flexChose li i.gameglobal { background-image: url(/theme/uw88vietnam/images//huanya/uw88_gameglobal_icon.png); background-size: 40px 80px; background-position: top; width: 40px; height: 40px; }

.flexChose li i.mikiworld { background-image: url(/theme/uw88vietnam/images//huanya/uw88_mikiworld_icon.png); background-size: 40px 80px; background-position: top; width: 40px; height: 40px; }

/*==================   register  ====================*/


.notice_layer2 .notice_con .module a { line-height: 37px; }



form.uw88RegForm { width: 90%; height: 448px; }

.gymChose p { text-align: left; }

.remberBtn { text-align: center; }

.flexChose li i { width: 50px; height: 50px; display: inline-block; background-image: url(/theme/uw88vietnam/images//huanya/spriteicon.png); background-repeat: no-repeat; background-size: 2182px 50px; background-position: 70.6%; }



h3.golden { line-height: 60px; }


/*==================   gift   ====================*/

.jackpotRules { background-image: url(/theme/uw88vietnam/images//huanya/uw88_table_bg05.png); width: 100%; height: 423px; background-size: auto; }

.gift2ndBox img { top: 113px; left: 91%; }


.gift2ndBox { margin: 17px 254px 19px; }



/*==================   jackpot   ====================*/



.jackpotMsg { margin: 35px 0 30px; }

.jackpotRow p { text-align: justify; font-size: 15px; }


#theme-contain-jackpot .tiyuImgs > img { position: unset; }





/*==================   vip   ====================*/




.vipWrapper { width: 1000px; display: flex; flex-direction: column; align-items: center; }

.vipBlockHeader { background: linear-gradient(to right, #cbae90 10%, #ddc7af 40%); color: #fff; font-size: 26px; font-weight: bold; padding: 20px 0; text-align: center; }


h3.golden { margin-bottom: 25px; text-align: center; -webkit-text-fill-color: #e5cfba; }



.vipBlockBody { padding: 20px 150px; color: #404654; text-align: center; background: #f8f3ef; border: 1px solid #b6947b; margin-bottom: 40px; }

.vipContent { padding: 47px 18px; background: linear-gradient(#d2af8f 3%, #f8f3ef 30%); border: 1px solid #917f66; margin-bottom: 45px; }


.vipTable { display: table; border-spacing: 0; margin: 10px 167px 55px; width: 65%; background: #b5977c30; border: 0px solid red; padding: 17px; border-radius: 6px; }

    .vipTable .vipRow { color: #7e6748; font-size: 14px; display: flex; padding: 5px 0; align-items: center; border-bottom: 1px solid #d8ba9f; }


    .vipTable .vipCell.vipCellH1 { font-size: 28px; font-weight: bold; color: #414755; padding: 4px 8px 0 0; }

    .vipTable .vipCell { display: table-cell; padding: 4px 8px; font-size: 12px; color: #414755; font-weight: 700; margin: 3px 41px 0px; }

.sponBar { position: relative; margin-top: 35px; }


.vipTable .vipCell.vipCellH2 { font-size: 12px; font-weight: bold; color: #414755; padding: 4px 0; text-align: center; width: 30%; }


.vipContent table tbody { margin: 33px auto; padding: 14px; border: 1px solid red; font-size: 14px; width: 75%; }


.vipContent table { border: 1px solid red; }

.title-content-table { font-size: 18px; font-weight: bold; margin-bottom: 7px; text-transform: uppercase; }




/*==================   LOTTERYCONTENT   ====================*/
.panel-heading { font-size: 15px; }
.lottery-new .panel-heading { color: #000; border: 0px solid red; }
.panel-body .logo { padding: 10px 0; position: unset; width: unset; }
    .panel-body .logo .col-sm-4 { margin-left: 9px; width: 29%; border: 0px solid red; }

#Magnumimg { background: url(/theme/uw88vietnam/imgs/4D_magnum.png) left no-repeat #383838; height: 50px; width: 85px; }
#PMPimg { background: url(/theme/uw88vietnam/imgs/4D_damacai.png) left no-repeat; height: 50px; width: 85px; }
#Totoimg { background: url(/theme/uw88vietnam/imgs/4D_toto.png) left no-repeat; height: 50px; width: 85px; }
#Singaporeimg { background: url(/theme/uw88vietnam/imgs/4D_sgpool.png) left no-repeat; height: 50px; width: 85px; }
#Sabahimg { background: url(/theme/uw88vietnam/imgs/4D_sabah88.png) left no-repeat; height: 50px; width: 85px; }
#Sandakanimg { background: url(/theme/uw88vietnam/imgs/4D_stc.png) left no-repeat; height: 50px; width: 85px; }
#Sarawakimg { background: url(/theme/uw88vietnam/imgs/4D_cashsweep.png) left no-repeat; height: 50px; width: 85px; }
#GDLottoimg { background: url(/theme/uw88vietnam/imgs/4D_gdlotto.png) left no-repeat; height: 50px; width: 85px; }
#Perdanaimg { background: url(/theme/uw88vietnam/imgs/4D_perdana.png) left no-repeat; height: 50px; width: 85px; }
#LuckyHari-Hariimg { background: url(/theme/uw88vietnam/imgs/4D_luckyharihari.png) left no-repeat; height: 50px; width: 85px; }
#GOOD4Dimg { background: url(/theme/uw88vietnam/imgs/4D_good4d.png) left no-repeat; height: 50px; width: 85px; }

#THV88, #GOOD4D, #LuckyHari-Hari, #GDLotto, #Sarawak, #Sandakan, #Sabah, #Singapore, #Toto, #PMP, #Magnum, .lottt button.btn.btn-primary.btnReload.Timer, .lottt input#time { display: none; }

    #Magnum .panel-heading, #Magnum .logo { background: #f2bc00; color: #000 !important; }
    #PMP .panel-heading, #PMP .logo { background: #148ea4; }
    #Toto .panel-heading, #Toto .logo { background: #dd0000 }
    #Singapore .panel-heading, #Singapore .logo { background: #12689a; }
    #Sabah .panel-heading, #Sabah .logo { background: #eee; color: #000 !important; }
    #Sandakan .panel-heading, #Sandakan .logo { background: #2f9405; }
    #Sarawak .panel-heading, #Sarawak .logo { background: #094405; }
    #GDLotto .panel-heading, #GDLotto .logo { background: #95650a; }
    #LuckyHari-Hari .panel-heading, #LuckyHari-Hari .logo { background: #00aced; }
    #GOOD4D .panel-heading, #GOOD4D .logo { background: #ffd45e; color: #000 !important; }

    #Magnum .panel-default { border: 3px solid #f2bc00; border-radius: 10px; overflow: hidden; }
    #PMP .panel-default { border: 3px solid #148ea4; border-radius: 10px; overflow: hidden; }
    #Toto .panel-default { border: 3px solid #dd0000; border-radius: 10px; overflow: hidden; }
    #Singapore .panel-default { border: 3px solid #12689a; border-radius: 10px; overflow: hidden; }
    #Sabah .panel-default { border: 3px solid #eee; border-radius: 10px; overflow: hidden; }
    #Sandakan .panel-default { border: 3px solid #2f9405; border-radius: 10px; overflow: hidden; }
    #Sarawak .panel-default { border: 3px solid #094405; border-radius: 10px; overflow: hidden; }
    #GDLotto .panel-default { border: 3px solid #95650a; border-radius: 10px; overflow: hidden; }
    #LuckyHari-Hari .panel-default { border: 3px solid #00aced; border-radius: 10px; overflow: hidden; }
    #GOOD4D .panel-default { border: 3px solid #ffd45e; border-radius: 10px; overflow: hidden; }
    #LuckyHari-Hari .col-sm-9 { font-size: 14px; }
    #Magnum #datetime label, #GOOD4D #datetime label, #Sabah #datetime label { color: #000; }

#datetime { text-align: right; }
    #datetime label { background: transparent; }
    #datetime .col-sm-12 { padding: 0; }
.panel.panel-default { background-color: #2e2e2e; }

.panel-body #TopThree .col-sm-4 { padding: 1px; }
#TopThree, #Special, #Consolation { padding: 10px 0; }
.popwin { color: #ccab8c; }
#TopThree { padding-top: 20px; }
#Consolation { padding-bottom: 20px; }

#Perdana { width: 100%; }
    #Perdana .panel-default { border: 2px solid #b6947b; border-radius: 0px; overflow: hidden; }
.panel-body { padding: 0; font-size: 15px; min-height: 425px; color: #ccab8c; background: #f8f3ef; }
    .panel-body label { color: #fff; background: linear-gradient(to right,#cbae90 20%,#ddc7af 50%); padding: 15px; width: 100%; font-size: 16px; text-transform: uppercase; font-weight: 700; letter-spacing: 1.2px; }
#Perdana .logo { width: 100%; max-width: 100%; margin: 0; color: #fff; background: linear-gradient(to right,#cbae90 20%,#ddc7af 50%); }
#Perdana .panel-heading { color: #fff; position: absolute; width: 75%; background: transparent; margin: auto; left: 0; right: 0; top: 10px; border: 0px; text-align: left; }


#theme-content { min-height: 50vh; }
#theme-contain-adminloginx table { margin: auto; }

.tiyuImgs .casinotop { top: -45px; height: unset; }




.choseBox.cbox3 p.eventTit { text-align: center; }
.choseBox.cbox3 .bannerAction a { margin: 30px auto; }
.line-reg img { border: 0px solid red; width: 33px; display: inline-block; }

.reg-option li a { margin-left: 58px; }

#drawresult ul > li table caption { background: #faf1e1 !important; border-radius: 0px !important; padding: 10px !important; text-align: center !important; }





#drawresult ul > li { background: #cdaa8a !important; border-radius: 0px !important; border: 2px solid #b6947b !important; width: 220px !important; }


    #drawresult ul > li table tr td { border-top: 1px solid #b6947b !important; color: #ffffff !important; font-size: 14px; }



/*----------------- PROD--------------------*/

#theme-contain-prod { }
#search-bar { width: 90%; max-width: 1250px; margin: 25px auto 0; }

#cms5-prod-list { width: 92%; max-width: 1250px; margin: 25px auto 0; text-align: center; }
    #cms5-prod-list ul { margin: 10px; padding: 0px 0px; display: inline-block; transition: 0.3s; height: 350px; border: 0px solid #424242; width: 227px; }

        #cms5-prod-list ul:hover { box-shadow: 2px 4px 10px #d4d4d4; }

        #cms5-prod-list ul li { list-style: none; }

    #cms5-prod-list .caption, #cms5-prod-list #desc, #cms5-prod-list #details, #cms5-prod-list #enquiry, #cms5-prod-list #code { display: none; }
    #cms5-prod-list #price { font-weight: 600; }
#cms5-prod-view > table > tbody > tr > td { width: 50%; direction: ltr; display: inline-block; }
#cms5-prod-view > table > tbody > tr { direction: rtl; }
#cms5-prod-view #particular #caption { display: none; }
#cms5-prod-view #particular td#title { font-size: 30px !important; font-weight: 600 !important; }
#cms5-prod-view #particular #price { font-size: 20px !important; }
#cms5-prod-view #particular #sharelink { padding: 0; }
#cms5-prod-view #desc { border-top: 2px solid #d4d4d4; padding-top: 10px; }
#prod_cat { display: none; }

#cms5-prod-list #addcart a { margin: auto; }
#enquiry, #sharelink { display: none; }
#prod-cart .tbllist form table { border: 1px solid #946c3b; }
    #prod-cart .tbllist form table tr { border-bottom: 1px solid #000; }
    #prod-cart .tbllist form table tfoot tr:first-child { border: 0; }
    #prod-cart .tbllist form table tr td, #prod-cart .tbllist form table tr th { border-right: 1px solid; text-align: center; padding: 10px; }
        #prod-cart .tbllist form table tr td:last-child, #prod-cart .tbllist form table tr th:last-child { border-right: 0; }
    #prod-cart .tbllist form table tr:first-child { background: #d4d4d4; }
.ctrllist.iconx32 ul { margin: 0; }
#icon-delete { list-style: none; }
    #icon-delete a { color: #f00; }
#prod-cart > p > a { color: #0008ff; }
#submember-login table { width: fit-content; background: #efefef; }
    #submember-login table tr td { padding: 10px 20px; }
    #submember-login table tr:last-child td:last-child > p:nth-child(1) > a { background: #d4d4d4; padding: 5px 20px; display: block; text-align: center; }
#submember-login input[type=submit] { background: #ffc903; padding: 5px 20px; display: block; width: 100%; text-align: center; }
#submember-login table tr:last-child td:last-child > p:nth-child(3) > a { text-decoration: underline; color: #0008ff; }
#prod-cart .tbllist form #continue-shopping a { padding: 10px; margin: 5px 0; text-align: center; background: #fbed86; display: inline-block; float: right; border-radius: 10px; }
#prod-cart .tbllist form table input[value=UPDATE] { padding: 0 10px; background: transparent; text-decoration: underline; color: blue; }
#prod-cart .tbllist form table input[value=EMPTY] { background: transparent; }

#cms5-prod-list ul #title a, #cms5-prod-list ul #title a:visited { color: #444; }
#cms5-prod-list ul #price { color: #444a5c; }
#cms5-prod-list ul #title a:hover { color: #d1b495; }


#galleria { height: auto; }
.gcontent { width: 500px; }

#cms5-prod-view table#particular tr td#code { font-size: 19px; }
#cms5-prod-view table#particular tr td#price { color: #797979; }
#cms5-prod-view table#particular tr td#addcart a { padding: 6px 0px; text-align: center; background: url(/data/1851/uploads/primary-medium-new-selected-min.png) top no-repeat; background-size: 100%; width: 126px; height: 48px; border: 0px; color: #444; }
#cms5-prod-view table#particular { padding-top: 59px; margin: 70px auto; }



.tbllist.rounded.spacer tr th { background: #00c3b3 !important; color: #4c4c4c; width: 15%; text-align: center; padding: 7px 0; }
#prod-cart .tbllist form table tr:first-child { background: #ffffff; }
#prod-cart .tbllist form table tr:first-child { background: #ffffff; }


.tbllist .tbl td { border-top: 1px solid #5ae; padding-left: 8px; padding-right: 8px; color: #000; }
    .tbllist .tbl td a, .tbllist .tbl td a:visited { color: #000; text-decoration: none; }
.tbllist { padding: 0px; background: #ffffff; }
    .tbllist .tbl tfoot td { color: #000000; }
    .tbllist.rounded.spacer input[type="button"] { border: 0px solid; }
#prod-cart .tbllist form table tr td, #prod-cart .tbllist form table tr th { border-right: 0px solid !important; }


#theme-contain-prod input#customform_submit { position: unset; }
#theme-contain-prod #remoteloginform input, #theme-contain-prod #customform input { width: 100%; }

#theme-contain-prod #customform .caption { display: none !important; }
#theme-contain-prod #customform dl:nth-of-type(3) dd { display: inline-block; vertical-align: bottom; width: 49%; }
    #theme-contain-prod #customform dl:nth-of-type(3) dd img { width: 100px !important; margin-top: 10px; }



#cms5-prod-list ul #addcart a { padding: 6px 17px; text-align: center; background: url(/data/1851/uploads/primary-medium-new-selected-min.png) top no-repeat; background-size: 100%; width: 126px; height: 48px; border: 0px; color: #444; }

div#cms5-pagenum ul { padding: 0; margin: 0; text-align: center; }
    div#cms5-pagenum ul li { display: inline-block; width: 3%; vertical-align: top; color: red; margin: 30px 0; font-weight: bold; }

div#search-bar { border: 1px solid #4c4c4c52; padding: 16px; border-radius: 6px; background: white; filter: drop-shadow(0px 2px 3px grey); }
legend { font-size: 24px; color: #a49145; }
label { font-weight: 500; }
#keyword input.alphanumeric { color: black; border-radius: 4px; padding: 0 3px; height: 38px; font-size: 15px; width: 79%; border: 1px solid #a49145; display: inline-block; }
label { font-size: 18px; margin: 8px 0; color: #a49145; display: inline-block; }
#price-range input#price-min { border-radius: 3px; display: inline-block; width: 23%; padding: 0px 4px; height: 38px; border: 1px solid #ac9a55; }
input#price-max { display: inline-block; border-radius: 3px; width: 23%; padding: 0 4px; height: 38px; border: 1px solid #ac9a55; }
input#submit-btn { border-radius: 5px; padding: 6px; color: #03927c; font-weight: 600; width: 10%; }
a#clear-btn { color: red; border-radius: 5px; padding: 5px 10px; border: unset; font-size: 12px; background: #4c4c4c45; }
select#sortlist { border-radius: 4px; height: 38px; border: 1px solid #ac9a55; }


#cms5-pagenum a, a:hover, a:active, a:focus { color: #8b623e; text-decoration: none; }
#cms5-prod-view > table > tbody > tr > td { width: 47%; }

#content p { margin: 3px 0; line-height: 30px; display: list-item; }
}
.tbllist.rounded.spacer tr th { background: #00c3b3 !important; color: #4c4c4c; width: 15%; text-align: center; padding: 7px 0; }
#prod-cart .tbllist form table tr:first-child { background: #ffffff; }
#prod-cart .tbllist form table tr:first-child { background: #ffffff; }

#remoteloginform input#remoteloginformsubmit, #customform input#customform_submit { color: #fff; border-top: 1px solid #eccd5e; border-bottom: 1px solid #7b5900; background: -webkit-linear-gradient(top, #eccd5e 0%,#ffffff 100%); background: linear-gradient(to bottom, #ffb459 0%,#7b5900 100%); box-shadow: inset 0 0 5px #000000; }

#remoteloginform input, #customform input { width: 28%; border-radius: 9px; }
.tbllist.rounded.spacer input[type="button"] { background: #634f00; color: white; border-radius: 4px; font-size: 12px; padding: 2px 7px; }
#qty input[type="text"] { text-align: center; }
div#btn-submit button { background: -webkit-linear-gradient(right, #805836 0%,#d1a36d 100%); padding: 13px; width: 14%; color: white; margin-top: 13px; font-size: 16px; border: 5px #e1d0a8 solid; border-radius: 10px; box-shadow: inset 0 0 5px #000000; }

.tbllist.rounded.spacer tr td { border: 1px solid #946c3b; padding: 12px; text-align: center; background: #fbfbfb; }
.tbllist.rounded.spacer tr th { text-align: center; padding: 12px 0; background: #04a385; width: 14%; color: white; }
#prod-cart .tbllist form table tr td, #prod-cart .tbllist form table tr th { border-right: 1px solid; text-align: left; padding: 10px; background: #fbfbfb; font-weight: 600; }
#prod-cart input#form_recipientName, input#form_Addr1, input#form_Addr3 { border: 1px solid #f1f1f1; border-radius: 7px; padding: 8px 6px; width: 92%; }
#prod-cart input#form_State { border: 1px solid #f1f1f1; border-radius: 7px; padding: 8px 6px; width: 37%; }

#prod-cart input#form_PostCode { border: 1px solid #f1f1f1; border-radius: 7px; padding: 8px 6px; width: 20%; }

#prod-cart select#form_Country { border: 1px solid #f1f1f1; border-radius: 7px; padding: 8px 6px; width: 19%; }

#prod-cart input#form_contact { border: 1px solid #f1f1f1; border-radius: 7px; padding: 8px 6px; width: 26%; }
.tbllist.rounded.spacer tr th { background: #946c3b !important; text-align: center; }
caption { text-align: center; font-size: 20px; color: #ffffff; font-weight: 600; background: #867560; }

.submit, button.prev_step, input[type="submit"] { background: unset; margin-right: 11px; color: #ffffff; border: 3px solid #e1d0a8; padding: 1px 9px; border-radius: 9px; background: #946c3b; }

span#name { color: red; }

#search-form input#submit-btn { background: -webkit-linear-gradient(right, #805836 0%,#d1a36d 100%); color: white; padding: 15px 1px; border: 4px #e1d0a8 solid; border-radius: 11px; font-size: 14px; box-shadow: inset 0 0 5px #000000; width: 14%; position: relative; top: 35px; }

div#price-range { display: inline-block; width: 44%; }

fieldset { }

#keyword { display: inline-block; width: 40%; }

div#sort { float: right; position: relative; top: -136px; }

table#apimeminfo b { padding: 2px 5px; border-radius: 6px; color: #4c4c4c; letter-spacing: 1px; font-size: 13px; }
#remoteloginform, #customform { width: 40%; margin: 25px auto 0; text-align: center; border-radius: 8px; padding: 18px; }
    #remoteloginform input#remoteloginformsubmit, #customform input#customform_submit { color: #fff; border-top: 1px solid #eccd5e; border-bottom: 1px solid #7b5900; background: -webkit-linear-gradient(top, #eccd5e 0%,#7b5900 100%); background: linear-gradient(to bottom, #946c3b 0%,#7b5900 100%); }
table#apimeminfo a { background: -webkit-linear-gradient(right, #480505 0%,#d60013 100%); color: white; padding: 7px 25px; border-radius: 11px; border: 3px #e1d0a8 solid; }
.galleria-stage { left: -46px; }
a#clear-btn:hover { color: #d88383; background: -webkit-linear-gradient(right, #4c4c4c 0%,#4c4c4c 100%); }
#search-form input#submit-btn:hover { color: #ffeb92; border-color: #ff000000; }

#prod-cart .tbllist form table tr td { text-align: left; }

#btn-submit button:hover { background: #9a9a9a; color: white; }
#continue-shopping { padding: 7px; background: linear-gradient(to right, #805836 0%,#d1a36d 100%); border-radius: 10px; border: 3px #e1d0a8 solid; color: #a05656; box-shadow: inset 0 0 5px #000000; width: 14%; text-align: center; margin-top: 7px; }
div#continue-shopping a { color: white; }
#continue-shopping:hover { background: #fcefbb; }
div#continue-shopping a:hover { color: black; }

table#apimeminfo a:hover { background: #736d6d; }
div#price-range input#stock { margin-left: 12px; }
table#apimeminfo { background: #dcb686; padding: 12px 1px; border-radius: 7px; border-spacing: 2em; margin: 1rem auto; }
    table#apimeminfo tr td { padding: 1rem 1.2rem; border-radius: 6px; border: 6px solid white; }

.alert-warning { background-color: #fdfdfd00 !important; margin-top: 12px; color: red; }





/*----------------------------------------------------------------------------------------------------------------------*/
/*===========================BIG SCREEN===========================*/
/*--------------------------------------------------------------------------------------------------------------------------------*/


@media screen and (max-width:1920px) and (min-width:1800px) {

    .land-ctn img.gymani3 { width: 100%; }
    .land-ctn .choseBar { margin-top: 55px; }

    .landing-logo { width: 260px; height: 122px; }
    .webpage-home #choseGame { margin-top: 55px; }

    .welc-land img.gymani3 { width: 89% !important; }
    .welc-land .bannerAction a { margin: -160px auto 0; }
}



/*=============================================================*/
/*-------------------------MOBILE---------------------------*/
/*=============================================================*/


@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

    input#customform_submit, input#registerform_btnSubmit { position: absolute; }


    #theme-frame { width: 100%; }
    #theme-frame-panel { display: block; width: 100%; }
    .themetbl .cellbox { list-style: none; display: table; padding: 0px; margin: 0px; width: 90%; height: 100%; min-height: 350px; }
        .themetbl .cellbox > li { display: block; vertical-align: top; }
        .themetbl .cellbox li#theme-content { padding: 5px 10px; text-align: justify; width: 100%; height: 100%; }
        .themetbl .cellbox li#theme-frame-panel { width: 200px; padding: 10px 0px 10px 10px; background: #efefef; width: 100%; height: 100%; display: inline-block; }

    #theme-header-link, .container, .footerBox, .topBox, .headerBox, .slideBar, .txtMarquee-left, .noticeBox .w, .nrBox, .ElectronicsgameList { width: 100%; }

    #loading-image { width: 50%; }
    .noticeBox .w { min-width: 100%; }

    #logo { width: 50%; margin: auto !important; margin-right: 0; float: unset; overflow: hidden; }
    #theme-menu { border-bottom: 1px solid #fff7ef; border-top: 1px solid #fff7ef; width: 100%; padding-top: 0; }
    #cssmenu #menu-button { color: #d3b7a4; }
        #cssmenu #menu-button::before { top: 17px; border-top: 2px solid #d3b7b8; border-bottom: 2px solid #d3b7b8; }
        #cssmenu #menu-button::after { top: 12px; background: #d3b7b8; }

    #cssmenu > ul > li { height: 50px; padding-top: 13px; }
    #cssmenu ul li a, #cssmenu ul ul li a { width: 100%; color: #d3b7b8 !important; }


    #top-log { width: 100%; }
    .loginBar { width: 100%; }

    .titleCell h2:before { width: 100%; }
    .titleCell h2:after { width: 100%; }

    .aside { display: none; }

    .lotteryTable td { padding: 8px 0px; font-size: 9px; }

    #drawresult ul > li { width: 167px !important; }

    p.eventNotice { margin: 18px 18px 20px; }

    .jackpotDiv img { width: 120px; left: 7px; }


    .nrBox { padding-top: 0px; }

    /*-------------PRODUCT-------------*/

    #keyword input.alphanumeric { width: 100%; }
    #keyword, #price-range { width: 100% !important; }
        input#price-max, #price-range input#price-min { width: 32%; }
    div#price-range input#stock { margin-left: 0; }

    div#sort { float: unset; position: relative; top: -93px; }

    #search-form input#submit-btn { width: 36%; top: 52px; }


    /*-------------jackpot-------------*/

    .jackpotRow .jpr4 { padding: 15px 18px 17px; }

    div#theme-contain-jackpot img.gymani3 { position: unset; }

    .jpCoinRB, .jpCoinRT { left: 0; }


    .jackpotBoxWrapper { border: 1px solid #b6947b; width: 100%; }

    /*-------------HOME-------------*/


    .uw88_home_tab .leftBall { top: 220px; }

    .titleCell h2:before { top: -7px; }


    .titleCell h2:after { top: -7px; }



    .bannerAction a:before { width: 172px; height: 67px; }

    .banner .swiper-button-next { right: 0; }
    .banner .swiper-button-prev { left: 0; }

    marquee#horizontal_scrollmsg { width: 200px; }
    .sponBar { text-align: center; }
        .sponBar ul { display: unset; }
        .sponBar li { display: inline-block; margin: 10px 17px; width: 40%; height: 186px; }

    .gameBox, .appDown, .serviceBox { margin-top: 50px; }


    .bannerAction a { line-height: 52px; }

    .gameChose li { width: 45%; margin: 10px 5px; }
    .choseBar { position: relative; display: flex; height: 910px; box-sizing: border-box; z-index: 1; margin-top: -43px; border: 0px solid red; overflow: hidden; }
    .choseBox { display: inline-block; position: absolute; width: 100%; height: 100%; }
    .uw88_home_tab { width: 100%; top: 0; }
.uw88_home_tab 
{
    width: 650px;
    top: -40px;
    position: relative;
    z-index: 1;
    animation: fadeOutLefts 0.5s ease-in forwards;
}
    .gameTxt { width: 100%; text-align: center; }
    .tagList { position: unset; }
    .flexChose ul { display: unset; }
    .flexChose li { margin-right: 0; cursor: pointer; display: inline-block; vertical-align: top; width: 23%; }
    .tagList ul { display: unset; }
    .enterIcon { width: 100%; }

    .promotionImgs { width: 100%; height: 100%; overflow: hidden; padding: 74px 19px 23px; }
    .promotionFlex { display: unset; }
    .flexRight { width: 100% !important; padding: 0 23px; }

    .newWheelBox { width: 100%; height: 100%; }
    .newWheelMainBox { width: 300px; height: 300px; background-position: center center; background-size: cover; margin: auto; }
    .newWheelBox .wheelButton { width: 50px; height: 50px; }

    .newWheelBox1 span { width: 120px; height: 120px; }
        .newWheelBox1 span b { font-size: 9px; line-height: 9px; }

        .newWheelBox1 span.span1 { clip-path: polygon(0 87%,100% 50%,0 0%); top: 91px; left: 11px; background-image: url(/theme/uw88vietnam/images//huanya/wheel_01.png); background-size: cover; }
        .newWheelBox1 span.span2 { clip-path: polygon(0% 32%,100% 100%,29% 0); top: 26px; left: 28px; background-image: url(/theme/uw88vietnam/images//huanya/wheel_02.png); background-size: cover; }

        .newWheelBox1 span.span3 { clip-path: polygon(0 0,50% 100%,100% 0); top: 11px; left: 89px; background-image: url(/theme/uw88vietnam/images//huanya/wheel_03.png); background-size: cover; }

        .newWheelBox1 span.span4 { clip-path: polygon(40% 0,0 100%,100% 60%); top: 18px; left: 161px; background-image: url(/theme/uw88vietnam/images//huanya/wheel_04.png); background-size: cover; }

        .newWheelBox1 span.span5 { clip-path: polygon(100% 8%,0 50%,100% 92%); top: 90px; left: 169px; background-image: url(/theme/uw88vietnam/images//huanya/wheel_05.png); background-size: cover; }

        .newWheelBox1 span.span6 { clip-path: polygon(100% 40%,0 0,40% 100%); top: 162px; left: 163px; background-image: url(/theme/uw88vietnam/images//huanya/wheel_06.png); background-size: cover; }

        .newWheelBox1 span.span7 { clip-path: polygon(92% 100%,0 100%,48% 0); top: 168px; left: 92px; background-image: url(/theme/uw88vietnam/images//huanya/wheel_07.png); background-size: cover; }

        .newWheelBox1 span.span8 { clip-path: polygon(60% 100%,0 40%,100% 0); top: 163px; left: 19px; background-image: url(/theme/uw88vietnam/images//huanya/wheel_08.png); background-size: cover; }


    .serviceList ul { display: unset; text-align: center; }
    .serviceList li { text-align: center; display: inline-block; vertical-align: top; width: 49%; }
    .serviceList dl dt { width: 100%; }

    .footerLink { height: unset; }
        .footerLink ul { display: unset; }
        .footerLink li { display: inline-block; width: 24% !important; }
    .footerTxt .footcol { display: inline-block; width: 100%; padding: 20px; }
    .footerTxt { display: unset; }
        .footerTxt .footcol:not(:last-child) { border-right: 0px solid #b79478; border-bottom: 1px solid #b79478; }

    .footerTxt { padding: 0; }
    .footer { padding: 25px; }


    .footer { margin-top: 0; }


    #layui-layer1 { left: 0 !important; width: 80% !important; right: 0 !important; margin: auto; }


    /*-------------CASINO-------------*/
    .nrBox { height: auto; }
    .flexBar { display: unset; }
    .flexChose { text-align: center; }
    .flexLeft { width: 100% !important; overflow: hidden; }
    .tiyuImgs > img { width: 100%; }
    .nrBox .flexChose li { width: 32%; margin: 10px 1px; }
    .buttonIcon { width: 100%; }
    .flexLeft { left: 0; }
    #theme-contain-online-casino .flexLeft { height: 754px !important; }


    .uw88casino .bigglod3 { top: 27px; left: 46px; }

    .uw88casino .touzi2 { top: 80px; left: 238px; }


    .tiyuImgs .casinocenter { left: auto; bottom: auto; }

    /*-------------SPORTS-------------*/
    .tiyuImgs .gymbottom { left: 0; bottom: 50px; width: 100%; }
    .sportBetMy .flexLeft { left: 0 !important; height: 505px !important; }

    @media screen and (max-width:500px) {
        .sportBetMy .flexLeft { height: auto !important; }
        .tiyuImgs .gymani1 { position: absolute; }
        .tiyuImgs .gymani2 { display: none; }
        .tiyuImgs .gymani3 { position: relative; bottom: 0; z-index: 2; }
    }

    .sportBetMy .flexRight { margin-top: 0; }
    h3.golden { font-size: 45px; }

    .gymChose { text-align: center; }
        .gymChose a { left: 0; right: 0; margin: 10px auto; }

    .rightBall { top: 262px; }




    .guard { top: 301px; }

    .leftBall { top: 231px; left: unset; }


    /*-------------POKER-------------*/
    .tiyuImgs .pokercenter { width: 100%; height: 100%; bottom: 50px; left: 24px; margin-top: -150px; }


    .pokerRightDice { top: 298px; right: 255px; }


    .pokerTopLeft { top: 185px; left: 249px; }


    .pokerLeftCoin2 { top: 227px; left: 180px; }

    .pokerRightCoin2 { top: 408px; left: 43px; }

    .pokerRightToken1 { top: 268px; right: 219px; }

    .pokerRightToken2 { top: 424px; right: 42px; }


    .pokerLeftToken { top: 300px; left: 255px; }






    /*-------------JACKPOT-------------*/
    .jackpotMsg p { font-size: 19px; font-weight: 700; margin: 0px 22px; }

    .tiyuImgs > img { position: unset; width: 85%; height: auto; }

    .jpCoinLB { top: 118px; }

    .jackpotRow p { margin: 0 17px; }

    /*-------------SLOTS-------------*/
    .tiyuImgs .slottop { width: 100%; }
    .slotGamesBlk { flex: 34.3%; height: 144px; background-size: cover; }
        .slotGamesBlk.slotth:nth-child(15) { height: 280px; }
        .slotGamesBlk a:before { top: -34px; width: 167px; height: 129px; }

        .slotGamesBlk.slot-15 { height: 280px; }

    .leftJoy { top: 182px; left: 23px; }


    .jackpotMsg { margin-top: unset; }


    .jpCoinRT { top: unset; left: unset; }

    .jpCoinRB { top: unset; left: unset; }



    /*-------------PROMO-------------*/
    .zhenrenFlex { display: unset; }
    .zhenrenImgs { width: 100% !important; padding: 0; padding-top: 0 !important; overflow: hidden; }

    img.gymtop.gymani1 { width: 100% !important; top: 0 !important; }
    #theme-contain-promo .nrBox { padding-top: 0; }
    .morepromotion { width: 90%; padding: 20px !important; }

    /*-------------LOTTERY-------------*/
    .tiyuImgs .pokertop { top: 0; height: auto; left: 0; width: 100%; margin-top: -41px }
    iframe.lotterycenter.gymani3 { width: 300px; }
    .lotteryContent img, .lotteryMain > img { display: none; }
    .lotteryMain { width: 100%; overflow: hidden; }


    .lotteryLeftBottomBall { top: 310px; left: 67px; }

    .lotteryMidBall2 { top: 310px; right: 82px; }

    .lotteryLeftBall3 { top: 240px; left: 47px; }

    .lotteryRightBall { top: 269px; right: 41px; }

    .lotteryBottomBall2 { top: 305px; left: 83px; }

    .lotteryBottomBall4 { top: 315px; left: 242px; }

    /*-------------ALLIANCE------------*/
    .allianceBg { width: 100%; }
    .allianceWrapper, .allianceContent { width: 100%; }
    .allianceTable { width: 100%; }

    /*-------------GIFT------------*/
    .jackpotBoxWrapper { width: 100%; }
    .jackpotRules { height: auto; background-size: cover; }
    .jackpotDiv img, .gift2ndBox img { display: none; }
    .jackpotRow .jpr4 { padding: 40px 0px 20px; }

    .gift2ndBox { margin: 37px auto; }


    /*-------------VIP------------*/
    .vipWrapper { width: auto; }


    .vipBlockBody p { font-size: 19px; }


    .vipTable .vipCell { font-size: 14px; }


        .vipTable .vipCell.vipCellH2 { font-size: 14px; padding: 4px 0; text-align: center; width: 7%; }


    .vipTable { margin: 10px auto; }


    .vipBlockBody { padding: 20px 10px; }



    /*-------------REG/LOGIN------------*/
    #theme-contain-login .flexRight { margin: 128px auto; }
    #theme-contain-registration .flexRight { padding: 0; height: 850px; }
    input#registerform_UserName { width: 266px; }
    h3.golden { text-align: left; }
    form#customform, form#registerform { margin: auto; }
    input#customform_submit, input#registerform_btnSubmit { margin: auto; left: 0; right: 0; }

    .reg-option li a { margin: 15px auto; }



    .regDice1 { top: 170px; left: 179px; }


    .regDice2 { top: 160px; left: 264px; }


    .regDice3 { top: 322px; left: 161px; }


    .regDice4 { top: 294px; left: 249px; }



    input#customform_submit, input#registerform_btnSubmit { width: 47%; height: 70px; }

    form.uw88RegForm { padding: 6px 25px; border-radius: 10px; width: 90%; background-color: rgba(155, 153, 151, 0.5); margin: 0 auto; height: 391px; }

    h3.golden { margin-bottom: 0px; }
}













/*=============================================================*/
/*-------------------------    MOBILE VIEW  LANDSCAPE   ---------------------------*/
/*=============================================================*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {

    .welc-land .bannerAction a { margin: -265px auto 0; }
    .land-ctn form#registerform dl { width: 48%; }
    .land-ctn input#registerform_UserName { width: 170px; }
    .choseBox.cbox3 { height: 513px !important; overflow-y: unset; }

    #logo { width: 36%; overflow: hidden; }
        #logo img { margin-top: -85px; }

    marquee#horizontal_scrollmsg { width: 480px; }
    .sponBar li { width: 27%; height: 214px; }

    .choseBar { height: 1130px; }
    .gameTxt { padding: 0 20px; }

    .serviceList li { width: 24.6%; }

    .footerLink li { width: 15% !important; }

    /*-------------CASINO-------------*/
    .nrBox .flexChose li { width: 18%; }
    .tiyuImgs > img { width: 66%; }

    /*-------------SPORTS-------------*/
    .tiyuImgs .gymbottom { bottom: 0; width: 72%; }


    .sportBetMy .flexLeft { height: 757px !important; }



    /*-------------SLOTS-------------*/
    .slotGamesBlk { height: 250px; }
        .slotGamesBlk.slotth:nth-child(15) { height: 260px; background-size: contain; }
            .slotGamesBlk.slotth:nth-child(15) a { left: -24%; }

    /*-------------LOTTERY------------*/
    iframe.lotterycenter.gymani3 { width: 450px; margin: auto; left: 0; right: 0; height: 208px; }

    #drawresult ul > li { width: 201px !important; }
}


/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width:414px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {


    .welc-land .bannerAction a { margin: -285px auto 0; }
    .footerLink li { width: 13% !important; }
}


/*=============================================================*/
/*----------------------     MOBILE VIEW SAMSUNG S9, S9+ --------------------------------*/
/*=============================================================*/
/*----------------Landscape-------------*/
@media only screen and (min-device-width: 740px) and (max-device-width: 780px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {

    .welc-land .bannerAction a { margin: -328px auto 0; }
    .land-ctn form#registerform dl { width: 48%; }
    .land-ctn input#registerform_UserName { width: 170px; }
    .choseBox.cbox3 { height: 513px !important; overflow-y: unset; }

    #logo { width: 36%; overflow: hidden; }
        #logo img { margin-top: -85px; }

    marquee#horizontal_scrollmsg { width: 480px; }
    .sponBar li { width: 25%; height: 214px; }

    .choseBar { height: 1130px; }
    .gameTxt { padding: 0 20px; }

    .serviceList li { width: 24.6%; }

    .footerLink li { width: 12% !important; }

    /*-------------CASINO-------------*/
    .nrBox .flexChose li { width: 18%; }
    .tiyuImgs > img { width: 66%; }

    /*-------------SPORTS-------------*/
    .tiyuImgs .gymbottom { bottom: 0; width: 72%; }

    /*-------------SLOTS-------------*/
    .slotGamesBlk { height: 250px; }
        .slotGamesBlk.slotth:nth-child(15) { height: 260px; background-size: contain; }
            .slotGamesBlk.slotth:nth-child(15) a { left: -24%; }

    /*-------------LOTTERY------------*/
    iframe.lotterycenter.gymani3 { width: 450px; margin: auto; left: 0; right: 0; height: 208px; }
}


/*=============================================================*/
/*------------------------------ iPhone X landscape-----------------------------------*/
/*=============================================================*/

@media only screen and (min-device-width: 812px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {

    .welc-land img.gymani3 { width: 68% !important; }
    .welc-land .bannerAction a { margin: -215px auto 0; }


    #logo { width: 23%; }

    marquee#horizontal_scrollmsg { width: 630px; }
    .sponBar li { width: 20%; height: 195px; }
    img.gymani3 { width: 65%; }
    .choseBar { height: 965px; }
    .serviceList li { width: 24.6%; }
    .footerLink ul { display: flex; }

    .nrBox .flexChose li { width: 13%; }

    .tiyuImgs .gymbottom { bottom: 0; width: 55%; }
    .slotGamesBlk { height: 306px; }
        .slotGamesBlk.slotth:nth-child(15) { height: 306px; background-size: contain; }
            .slotGamesBlk.slotth:nth-child(15) a { left: -24%; }

    .zhenrenFlex .gymChose { text-align: unset; }

    iframe.lotterycenter.gymani3 { width: 450px; margin: auto; left: 0; right: 0; height: 208px; }

    #drawresult ul > li { width: 181px !important; }

    .pokerLeftCoin2 { left: 0; }
}


/*==========================================================*/
/*---------------------------------    iPad  -------------------------------------------*/
/*==========================================================*/

/*---------------------Portrait----------------------*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {

    .land-ctn .choseBar { height: 700px; }
    .welc-land img.gymani3 { width: 75% !important; }

    #logo { width: 25%; }

    marquee#horizontal_scrollmsg { width: 585px; }
    .sponBar li { width: 18%; height: 163px; }

    .uw88_home_tab .leftBall { top: 223px; }
    .uw88_home_tab .bigglod { top: 187px; left: 193px; }
    .uw88_home_tab .smallglod { left: 223px; }
    .uw88_home_tab { background-size: cover; }
    .uw88_home_tab, .gameTxt { display: inline-block; width: 49%; vertical-align: middle; }
    .choseBar { height: 550px; }

    .serviceList li { width: 24.6%; }
    .serviceList dl dt { width: 50%; }

    .footerLink li { width: 12% !important; }


    .tiyuImgs > img { width: 63%; margin-top: -56px; }
    .nrBox .flexChose li { width: 13.5%; }
    .tiyuImgs .gymbottom { bottom: 0; width: 65%; }
    .slotGamesBlk { flex: 27%; height: 197px; }
        .slotGamesBlk.slotth:nth-child(15) { height: unset; }

    .zhenrenFlex .gymChose { text-align: unset; }

    iframe.lotterycenter.gymani3 { width: 650px; margin: auto; left: 0; right: 0; height: 308px; }


    .sponBar li .sopnImg { margin: 19px auto 12px; }


    .sponBar li a p { font-size: 8px; padding: 2px 7px 4px; }

    gameChose li:hover:before { width: 272px; }

    .gameChose li.cur:before { width: 272px; }

    #theme-contain-login .flexRight { height: 546px; }

    .slotGamesBlk.slot-15 { height: 199px; }

    .tiyuImgs .pokercenter { width: 68%; margin-top: -64%; }

    #theme-contain-battle .tiyuImgs .gymbottom { width: 100%; margin-top: -56%; }

    img.lotterycenter.gymani3 { margin-top: -57%; }

    input#customform_submit, input#registerform_btnSubmit { width: 32%; height: 98px; }

    img.gymbottom.gymani3 { margin-top: -40%; }

    img.slotmain.gymani3 { margin-top: -34%; }


    .zhenrenimgChose.active { right: -229px; }

    img.gymcenter.gymani2 { margin-top: -38%; }

    .lotteryLeftBall2 { left: 200px; }
}


/*==========================================================*/
/*-------------------------------------------------      iPad  --------------------------------------------------*/
/*==========================================================*/

/*---------------------Landscape---------------------*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {

    .land-ctn .gameChose li { width: 160px; }
    .welc-land img.gymani3 { width: 50% !important; }
    .land-ctn .choseBar { height: 600px; }

    .lgreg .uw88_home_tab, .lgreg .gameTxt { display: inline-block; vertical-align: top; width: 49%; }
    .lgreg form#registerform dl { width: 48%; }
    .choseBox.cbox3 { height: unset; overflow-y: unset; }
    .land-ctn input#registerform_UserName { width: 110px; }

    #logo { width: 18%; }

    marquee#horizontal_scrollmsg { width: 845px; }
    .sponBar li { width: 13%; height: 156px; }

    .gameChose li { width: 160px; margin: 10px; }

    .uw88_home_tab .leftBall { top: 223px; }
    .uw88_home_tab .bigglod { top: 187px; left: 193px; }
    .uw88_home_tab .smallglod { left: 300px; }
    .uw88_home_tab { background-size: cover; }
    .uw88_home_tab, .gameTxt { display: inline-block; width: 49%; vertical-align: middle; }
    .choseBar { height: 550px; }

    .serviceList li { width: 24.6%; }
    .serviceList dl dt { width: 50%; }

    .footerLink li { width: 9% !important; }

    .flexBar { display: flex; }
    .tiyuImgs > img { width: 79%; }
    .nrBox .flexChose li { width: 27.5%; }
    .uw88casino .bigglod { left: 341px; }
    .uw88casino .smallglod { left: 453px; }
    .uw88casino .bigglod2 { left: 366px; }
    .uw88casino .flypan3 { left: 400px; }
    .uw88casino .bigglod5 { left: 406px; }
    .uw88casino .smallglod8 { left: 429px; }
    .uw88casino .flypan6 { left: 427px; }


    .tiyuImgs .gymbottom { bottom: 0; width: 100%; }
    .slotGamesBlk { flex: 27%; height: 261px; }
        .slotGamesBlk.slotth:nth-child(15) { height: unset; }

        .slotGamesBlk.slot-15 { height: 261px; }

    .zhenrenFlex .gymChose { text-align: unset; }

    iframe.lotterycenter.gymani3 { width: 371px; top: 109px; margin: auto; left: 0; right: 0; height: 230px; }

    .regDice2 { top: 124px; left: 415px; }

    .footerTxt { display: flex; }
        .footerTxt .footcol:not(:last-child) { border-right: 1px solid #b79478; border-bottom: 0px solid #b79478; }
        .footerTxt .footcol { display: unset; width: unset; padding: 0 20px; }

    .sportBetMy .flexLeft { height: 770px !important; }

    #drawresult ul > li { width: 184px !important; }

    .pokerRightDice { right: 0; }


    .pokerRightToken1 { right: 0; }


    input#customform_submit, input#registerform_btnSubmit { height: 93px; }
}


/*=============================================================*/
/*------------------------------------------------- iPad  PRO ---------------------------------------------*/
/*=============================================================*/

/*------------- Portrait-----------------*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {

    .landing-logo { margin: 127px auto 0; }
    .land-ctn .gameChose li { width: 160px; }
    .welc-land img.gymani3 { width: 100% !important; }
    .land-ctn .choseBar { height: 1000px; max-height: unset; }

    .lgreg .uw88_home_tab { display: flex; }
    .lgreg .gameTxt { display: inline-block; vertical-align: top; width: 100%; }
    .lgreg form#registerform dl { width: 48%; }
    .choseBox.cbox3 { height: unset; overflow-y: unset; }
    .land-ctn input#registerform_UserName { width: 360px; }
    .land-ctn img.gymani3 { width: 55%; }


    #logo { width: 18%; }

    marquee#horizontal_scrollmsg { width: 845px; }
    .sponBar li { width: 13%; height: 156px; }

    .gameChose li { width: 160px; margin: 10px; }

    .uw88_home_tab .leftBall { top: 223px; }
    .uw88_home_tab .bigglod { top: 187px; left: 193px; }
    .uw88_home_tab .smallglod { left: 300px; }
    .uw88_home_tab { background-size: cover; }
    .uw88_home_tab, .gameTxt { display: inline-block; width: 49%; vertical-align: middle; }
    .choseBar { height: 550px; }

    .serviceList li { width: 24.6%; }
    .serviceList dl dt { width: 50%; }

    .footerLink li { width: 9% !important; }

    .flexBar { display: flex; }
    .tiyuImgs > img { width: 88%; }
    .nrBox .flexChose li { width: 17.5%; }
    .uw88casino .bigglod { left: 341px; }
    .uw88casino .smallglod { left: 453px; }
    .uw88casino .bigglod2 { left: 366px; }
    .uw88casino .flypan3 { left: 400px; }
    .uw88casino .bigglod5 { left: 406px; }
    .uw88casino .smallglod8 { left: 429px; }
    .uw88casino .flypan6 { left: 427px; }

    #theme-contain-login .flexRight { height: 750px; }


    .tiyuImgs .gymbottom { bottom: 0; width: 100%; }
    .slotGamesBlk { flex: 27%; height: 260px; }
        .slotGamesBlk.slotth:nth-child(15) { height: unset; }

    .zhenrenFlex .gymChose { text-align: unset; }

    iframe.lotterycenter.gymani3 { width: 371px; top: 109px; margin: auto; left: 0; right: 0; height: 230px; }

    .regDice2 { top: 124px; left: 415px; }

    .footerTxt { display: flex; }
        .footerTxt .footcol:not(:last-child) { border-right: 1px solid #b79478; border-bottom: 0px solid #b79478; }
        .footerTxt .footcol { display: unset; width: unset; padding: 0 20px; }

    #drawresult ul > li { width: 184px !important; }

    .slotGamesBlk.slot-15 { height: 261px; }

    .tiyuImgs .pokercenter { margin-top: -307px; }
}

/*=============================================================*/
/*-------------------------------------- iPhone 5 ----------------------------------------*/
/*=============================================================*/
/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 360px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {

    #loading { width: 111vw; height: 111vh; }
    marquee#horizontal_scrollmsg { width: 180px; }
    form#customform, form#registerform { width: 300px; }
}

/*-------------------------------------- Product ----------------------------------------*/

@media screen and (max-width: 1024px) {
    .btn-gold { font-size: 3vw; }
    #cms5-prod-list ul { width: 31%; }
    #cms5-prod-view .gcontent { width: 100% !important; }
    #cms5-prod-view .galleria-container { width: 100% !important; }
}

@media screen and (max-width: 768px) {
    .btn-gold { padding: 2vw 4vw; }
    #cms5-prod-list ul { width: 47%; }
    #cms5-prod-view > table > tbody > tr > td { width: 100%; }
}

@media screen and (max-width: 767px) {
    .btn-gold { padding: 2vw 6vw; font-size: 4vw; border-radius: 3vw; }
    p { line-height: 20px; font-size: 12px; }

    h2 { font-size: 6vw; }
    h3 { font-size: 4.5vw; }
}

@media screen and (max-width: 425px) {
    #divBody > div { width: 100% !important; }
    #cms5-prod-list ul { width: 47%; border: 1px solid #d4d4d4; margin: 3px; padding: 3px; height: 295px; vertical-align: top; }
    #cms5-prod-list #photo img { max-width: 100%; height: 100%; }

    #cartlist table { width: 150%; }
    #prod-cart .tbllist form { overflow-x: scroll; }
    #prod-cart { width: 95%; margin: auto; }
    #submember-login table { margin: auto; }
}

@media only screen and (max-width: 479px) {
    #cssmenu { text-align: left; }
}




/******************************** new promotion wheel */
.newWheelMainBox { background-image: url('/data/1851/uploads/uw88_wheel_blank_v2.png'); background-size:100% 100%; max-height:500px; max-width:500px; width:95vw; height:95vw; z-index:3;}
.newWheelBox{max-width:480px; max-height:480px; width:calc(95vw - 20px); height:calc(95vw - 20px);}
.newWheelBox1 > div { position: absolute; top: 25%; left: 0; width: 50%; height: 50%; display: flex; justify-content: center; align-items: center; transform-origin: right; text-align: center; }
.newWheelBox1 span { background: linear-gradient(to right, black, #89837e ) !important; padding-left: 0px; padding-right: 50px; top: 0% !important; left: 0 !important; transform-origin: center; position: relative; cursor:pointer; width:100%; height:100%;}
    .newWheelBox1 span:hover b { }
    .newWheelBox1 span b { transform: none !important; padding: 0 !important; }
        .newWheelBox1 span b small { font-size: 11px !important; line-height: normal !important; padding: 0 !important; }
    .newWheelBox1 span:hover { transform: scale(1.2); }
    .newWheelBox1 span.cur { background: linear-gradient(to right, #000, #ff0000 ) !important; }

/*- wheel deisgn-*/
.newWheelBox1 > div { clip-path: polygon(100% 50%,0 14%, 0 87%); }
.newWheelBox1 span { clip-path: polygon(100% 50%,0 25%, 0 75%) !important; }
.newWheelBox1 > div:nth-child(1) { transform: rotate(0deg); }
.newWheelBox1 > div:nth-child(2) { transform: rotate(40deg); }
.newWheelBox1 > div:nth-child(3) { transform: rotate(80deg); }
.newWheelBox1 > div:nth-child(4) { transform: rotate(120deg); }
.newWheelBox1 > div:nth-child(5) { transform: rotate(160deg); }
.newWheelBox1 > div:nth-child(6) { transform: rotate(200deg); }
.newWheelBox1 > div:nth-child(7) { transform: rotate(240deg); }
.newWheelBox1 > div:nth-child(8) { transform: rotate(280deg); }
.newWheelBox1 > div:nth-child(9) { transform: rotate(320deg); }