Welcome to visit 4DHOPE website
@import url("/theme/Default/style.css");
@import url('https://fonts.googleapis.com/css?family=Lora:700');
@viewport {
width: device-width;
zoom: 1;
}
#Perdana-3D #TopAll table {
margin-top:20px;
}
#Magnum #TopThree #M_1 #aM_1,
#Magnum #TopThree #M_2 #aM_2,
#Magnum #TopThree #M_3 #aM_3,
#PMP #TopThree #P_1 #aP_1,
#PMP #TopThree #P_2 #aP_2,
#PMP #TopThree #P_3 #aP_3,
#Toto #TopThree #T_1 #aT_1,
#Toto #TopThree #T_2 #aT_2,
#Toto #TopThree #T_3 #aT_3,
#Singapore #TopThree #S_1 #aS_1,
#Singapore #TopThree #S_2 #aS_2,
#Singapore #TopThree #S_3 #aS_3,
#Sabah #TopThree #B_1 #aB_1,
#Sabah #TopThree #B_2 #aB_2,
#Sabah #TopThree #B_3 #aB_3,
#Sandakan #TopThree #K_1 #aK_1,
#Sandakan #TopThree #K_2 #aK_2,
#Sandakan #TopThree #K_3 #aK_3,
#Sarawak #TopThree #W_1 #aW_1,
#Sarawak #TopThree #W_2 #aW_2,
#Sarawak #TopThree #W_3 #aW_3,
#Perdana #TopThree #N_1 #aN_1,
#Perdana #TopThree #N_2 #aN_2,
#Perdana #TopThree #N_3 #aN_3,
#Perdana-330 #TopThree #N3_1 #aN330_1,
#Perdana-330 #TopThree #N3_2 #aN330_2,
#Perdana-330 #TopThree #N3_3 #aN330_3,
#LuckyHari-Hari #TopThree #R_1 #aR_1,
#LuckyHari-Hari #TopThree #R_2 #aR_2,
#LuckyHari-Hari #TopThree #R_3 #aR_3,
#LuckyHari-Hari-330 #TopThree #R3_1 #aR330_1,
#LuckyHari-Hari-330 #TopThree #R3_2 #aR330_2,
#LuckyHari-Hari-330 #TopThree #R3_3 #aR330_3,
#GOOD4D #TopThree #G_1 #aG_1,
#GOOD4D #TopThree #G_2 #aG_2,
#GOOD4D #TopThree #G_3 #aG_3,
#GOOD4D-330 #TopThree #G3_1 #aG330_1,
#GOOD4D-330 #TopThree #G3_2 #aG330_2,
#GOOD4D-330 #TopThree #G3_3 #aG330_3,
#GDLotto #TopThree #H_1 #aH_1,
#GDLotto #TopThree #H_2 #aH_2,
#GDLotto #TopThree #H_3 #aH_3,
#NineLotto #TopThree #L_1 #aL_1,
#NineLotto #TopThree #L_2 #aL_2,
#NineLotto #TopThree #L_3 #aL_3,
#FOURDYES #TopThree #Y_1 #aY_1,
#FOURDYES #TopThree #Y_2 #aY_2,
#FOURDYES #TopThree #Y_3 #aY_3,
#FOURDYES-330 #TopThree #Y3_1 #aY330_1,
#FOURDYES-330 #TopThree #Y3_2 #aY330_2,
#FOURDYES-330 #TopThree #Y3_3 #aY330_3,
#Toto-5D #TopAll #T5D_1,
#Toto-5D #TopAll #T5D_2,
#Toto-5D #TopAll #T5D_3,
#Toto-6D #TopAll #T6D_1,
#Toto-6D #TopAll #T6D_2a,
#Toto-6D #TopAll #T6D_2b,
#Toto-6D #TopAll #T6D_3a,
#Toto-6D #TopAll #T6D_3b,
#Perdana-6D #TopAll #N6D_1,
#Perdana-6D #TopAll #N6D_2a,
#Perdana-6D #TopAll #N6D_2b,
#Perdana-6D #TopAll #N6D_3a,
#Perdana-6D #TopAll #N6D_3b,
#Perdana-6D3 #TopAll #N6D3_1,
#Perdana-6D3 #TopAll #N6D3_2a,
#Perdana-6D3 #TopAll #N6D3_2b,
#Perdana-6D3 #TopAll #N6D3_3a,
#Perdana-6D3 #TopAll #N6D3_3b,
#GOOD4D-6D #TopAll #G6D_1,
#GOOD4D-6D #TopAll #G6D_2a,
#GOOD4D-6D #TopAll #G6D_2b,
#GOOD4D-6D #TopAll #G6D_3a,
#GOOD4D-6D #TopAll #G6D_3b,
#GOOD4D-6D3 #TopAll #G6D3_1,
#GOOD4D-6D3 #TopAll #G6D3_2a,
#GOOD4D-6D3 #TopAll #G6D3_2b,
#GOOD4D-6D3 #TopAll #G6D3_3a,
#GOOD4D-6D3 #TopAll #G6D3_3b,
#LuckyHari-Hari-6D #TopAll #R6D_1,
#LuckyHari-Hari-6D #TopAll #R6D_2a,
#LuckyHari-Hari-6D #TopAll #R6D_2b,
#LuckyHari-Hari-6D #TopAll #R6D_3a,
#LuckyHari-Hari-6D #TopAll #R6D_3b,
#LuckyHari-Hari-6D3 #TopAll #R6D3_1,
#LuckyHari-Hari-6D3 #TopAll #R6D3_2a,
#LuckyHari-Hari-6D3 #TopAll #R6D3_2b,
#LuckyHari-Hari-6D3 #TopAll #R6D3_3a,
#LuckyHari-Hari-6D3 #TopAll #R6D3_3b,
#NineLotto-6D #TopAll #L6D_1,
#NineLotto-6D #TopAll #L6D_2a,
#NineLotto-6D #TopAll #L6D_2b,
#NineLotto-6D #TopAll #L6D_3a,
#NineLotto-6D #TopAll #L6D_3b,
#FOURDYES-6D #TopAll #Y6D_1,
#FOURDYES-6D #TopAll #Y6D_2a,
#FOURDYES-6D #TopAll #Y6D_2b,
#FOURDYES-6D #TopAll #Y6D_3a,
#FOURDYES-6D #TopAll #Y6D_3b,
#FOURDYES-6D3 #TopAll #Y6D3_1,
#FOURDYES-6D3 #TopAll #Y6D3_2a,
#FOURDYES-6D3 #TopAll #Y6D3_2b,
#FOURDYES-6D3 #TopAll #Y6D3_3a,
#FOURDYES-6D3 #TopAll #Y6D3_3b
{
font-weight:bold;
font-size:17px;
}
body{
background:url(/theme/4dofficial/imgs/Grey-Background.jpg)bottom fixed #ebebeb ;
background-size:cover;
background-color: #000000;
color:#efefef;
}
#theme-lang{
display:none !important;
}
#page-content{
font-size:16px;
color:#333;
text-align:justify;
padding:10px;
}
#theme-title .title {
text-align:center;
color:#fff;
padding:10px 10px 10px;
font-size:20px;
font-weight:bold;
font-family: 'Lora', serif;
background:url(/theme/4dofficial/imgs/label.png) center no-repeat;
margin-top:40px;
width:auto;
}
#theme-menu{
float:right;
}
.cmsview{
padding-top: 60px;
background-color: #000000;
}
.site-content{
min-height:500px;
background-color: #000000;
}
.navbar {height:65px;}
.navbar-brand {
float: left;
padding: 5px 5px;
font-size: 18px;
line-height: 20px;
}
.navbar-brand img {
width:180px !important;
margin-top:0px;
position:relative;
padding:10px;
}
.navbar-brand {
display: flex;
align-items: center;
height: 100%;
max-height: 80px;
overflow: hidden;
justify-content: flex-end;
}
.navbar-brand img {
max-width: 50%;
max-height: 100%;
height: auto;
object-fit: contain;
display: block;
}
.navbar-inverse{
background:url(/data/2177/uploads/header-bg.jpg) center no-repeat !important;
background-size:cover;
height:77px;
border-bottom:none !important;
}
.navbar-nav>li>a {
padding-top: 30px;
padding-bottom: 27px;
color:#000 !important;
font-size:14px !important;
font-weight:bold;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
color: #fff;
background-color: #080808;
color:#fff !important;
}
.navbar-inverse .navbar-nav>.active>a{
color:#42b2f9 !important
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
background-color: #efefef;
color:#000 !important;
}
#sidebar ul li a.dropdown {
display: inline-block !important;
}
footer{
color:#999;
padding:10px 5px;
}
footer .footer-link a img{
margin-bottom:15px;
width:120px;
}
.footer-link{
background-color: #000000;
}
.footer{
background-color: #000000;
}
.btn, .btn:hover{
color:#fff;
border-color:#666 !important;
background: #292929 !important;
background: -moz-linear-gradient(top, black, #3c3c3c 1px, #292929 25px) !important;
background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #3c3c3c), to(#292929)) !important;
}
a, a:hover, a:visited{color:#fff}
/*================result style=====================*/
.col-sm-2 button{margin-bottom:10px !important;}
#live-4d{
margin-left:-0.7%;
}
#live-4d .col-sm-12 {
margin-top:10px;
padding-left:0px !important;
}
#live-4d .fb-like {
position:absolute;
right:-15px;
}
div#live {
background: url(/theme/4dofficial/imgs/live.gif) no-repeat;
width: 8px ;
height: 8px ;
}
#past-4d{
margin-left:-2%;
}
#past-4d div#live{
display:none;
}
#past-4d .fb-like {
position:absolute;
right:-15px;
}
#past-4d label{
color:#fff;
}
#past-4d #daterow{
margin: -15px auto 25px;
text-align:center;
border:#333 solid 1px;
display:block;
width:240px;
padding:10px;
background:rgba(0,0,0,0.7);
}
#past-4d #daterow input{
border-radius:3px !important;
border:none;
padding:4px 0px 4px 5px;
width:100px;
margin-left:5px;
}
#past-4d #Magnum .panel-body .logo #datetime .control-label,
#past-4d #Sabah .panel-body .logo #datetime .control-label{
color:#333;
}
#live {
position:absolute;
right:90px;
top:18px;
}
.lotto-drawresult .panel {
background-color: #2e2e2e;
margin-bottom:40px;
min-height:500px;
}
#LuckyHari-Hari-6D .panel-default>.panel-heading ,
#LuckyHari-Hari-6D3 .panel-default>.panel-heading {
font-size: 9px;
}
.panel-default>.panel-heading {
color: #fff;
font-size:10px;
font-weight:bold;
height:40px;
}
.panel-body{
color:#fff;
padding-top:0px !important;
}
.panel-body .logo{
padding-bottom:10px;
}
.panel-body .logo .col-sm-8{
padding:0px !important
}
.panel-body .logo #datetime{
text-align:right;
color:#fff;
}
.panel-body .logo #datetime .col-sm-12{
margin:0px !important
}
.panel-body #TopAll .row { padding:10px;}
.panel-body #TopAll .row > div { padding:6px; border-bottom:1px solid #1a1a1a;}
.panel-body #TopAll label {
background:#1c1c1c;
border:#333 solid 1px;
margin-bottom: 0px !important;
padding:6px;
font-size:16px;
}
.panel-body #TopAll {font-size:16px; }
.panel-body #TopThree,
.panel-body #Special,
.panel-body #Consolation,
.panel-body #TopAll{
padding:0px 15px 0px;
line-height:28px;
margin:16px 0px 0px;
font-size:14.5px;
}
.panel-body #TopThree label,.panel-body #Special label, .panel-body #Consolation label{
background:#1c1c1c;
width:100%;
border:#333 solid 1px;
margin-bottom: 0px !important;
padding:2px;
font-size:14px;
}
.panel-body #TopThree{
padding:0px !important;
}
.panel-body #TopThree .col-sm-4{
padding:0px !important;
margin:0px !important;
}
/*=================magnum=====================*/
#Magnum .panel {
border: 3px solid #f2bc00 !important;
}
#Magnum .panel-default>.panel-heading {
background-color: #f2bc00 !important;
border-color: #f2bc00 !important;
color:#333 !important;
}
#Magnum .panel-body .logo #datetime{
color:#333;
}
#Magnum .panel-body .logo{
background:#f2bc00 !important;
padding-bottom:10px;
}
#Magnum .panel-body .logo #Magnumimg{
top:-5px;
position:absolute;
background:url(/theme/4dofficial/imgs/4D_magnum.png)no-repeat #333;
width:80px ;
height:40px ;
}
/*=================PMP=====================*/
#PMP .panel {
border: 3px solid #148ea4 !important;
}
#PMP .panel-default>.panel-heading {
background-color: #148ea4 !important;
border-color: #148ea4 !important;
}
#PMP .panel-body .logo{
background:#148ea4 !important;
padding-bottom:10px;
}
#PMP .panel-body .logo #PMPimg{
top:-5px;
position:absolute;
background:url(/theme/4dofficial/imgs/4D_damacai.png)no-repeat;
width:80px ;
height:40px ;
}
/*=================Toto=====================*/
#Toto .panel,
#Toto-5D .panel,
#Toto-6D .panel {
border: 3px solid #dd0000 !important;
}
#Toto .panel-default>.panel-heading,
#Toto-5D .panel-default>.panel-heading,
#Toto-6D .panel-default>.panel-heading {
background-color: #dd0000 !important;
border-color: #dd0000 !important;
}
#Toto .panel-body .logo,
#Toto-5D .panel-body .logo,
#Toto-6D .panel-body .logo{
background:#dd0000 !important;
padding-bottom:10px;
}
#Toto .panel-body .logo #Totoimg,
#Toto-5D .panel-body .logo #Toto-5Dimg,
#Toto-6D .panel-body .logo #Toto-6Dimg{
top:-5px;
position:absolute;
background:url(/theme/4dyes/imgs/4D_toto.png)no-repeat;
width:80px ;
height:40px ;
}
/*=================Singapore=====================*/
#Singapore .panel {
border: 3px solid #12689a !important;
}
#Singapore .panel-default>.panel-heading {
background-color: #12689a !important;
border-color: #12689a !important;
}
#Singapore .panel-body .logo{
background:#12689a !important;
padding-bottom:10px;
}
#Singapore .panel-body .logo #Singaporeimg{
top:-5px;
position:absolute;
background:url(/theme/4dofficial/imgs/4D_sgpool.png)no-repeat;
width:80px ;
height:40px ;
}
/*=================Sabah=====================*/
#Sabah .panel {
border: 3px solid #eee !important;
}
#Sabah .panel-default>.panel-heading {
background-color: #eee !important;
border-color: #eee !important;
color:#333;
}
#Sabah .panel-body .logo{
background:#eee !important;
padding-bottom:10px;
}
#Sabah .panel-body .logo #datetime{
color:#333;
}
#Sabah .panel-body .logo #Sabahimg{
top:-5px;
position:absolute;
background:url(/theme/4dofficial/imgs/4D_sabah88.png)no-repeat;
width:80px ;
height:40px ;
}
/*=================Sandakan=====================*/
#Sandakan .panel {
border: 3px solid #2f9405 !important;
}
#Sandakan .panel-default>.panel-heading {
background-color: #2f9405 !important;
border-color: #2f9405 !important;
}
#Sandakan .panel-body .logo{
background:#2f9405 !important;
padding-bottom:10px;
}
#Sandakan .panel-body .logo #Sandakanimg{
top:-5px;
position:absolute;
background:url(/theme/4dofficial/imgs/4D_stc.png)no-repeat;
width:80px ;
height:40px ;
}
/*=================Sarawak=====================*/
#Sarawak .panel {
border: 3px solid #094405 !important;
}
#Sarawak .panel-default>.panel-heading {
background-color: #094405 !important;
border-color: #094405 !important;
}
#Sarawak .panel-body .logo{
background:#094405 !important;
padding-bottom:10px;
}
#Sarawak .panel-body .logo #Sarawakimg{
top:-5px;
position:absolute;
background:url(/theme/4dofficial/imgs/4D_cashsweep.png)no-repeat;
width:80px ;
height:40px ;
}
/*=================GDLotto=====================*/
#GDLotto .panel {
border: 3px solid #95650a !important;
}
#GDLotto .panel-default>.panel-heading {
background-color: #95650a !important;
border-color: #95650a !important;
}
#GDLotto .panel-body .logo{
background:#95650a !important;
padding-bottom:10px;
}
#GDLotto .panel-body .logo #GDLottoimg{
top:-5px;
position:absolute;
background:url(/theme/4dofficial/imgs/4D_gdlotto.png)no-repeat;
width:80px ;
height:40px ;
}
/*=================Perdana=====================*/
#Perdana .panel,
#Perdana-330 .panel,
#Perdana-6D .panel,
#Perdana-6D3 .panel,
#Perdana-3D .panel {
border: 3px solid #777 !important;
}
#Perdana .panel-default>.panel-heading,
#Perdana-330 .panel-default>.panel-heading,
#Perdana-6D .panel-default>.panel-heading,
#Perdana-6D3 .panel-default>.panel-heading,
#Perdana-3D .panel-default>.panel-heading {
background-color: #777 !important;
border-color: #777 !important;
}
#Perdana .panel-body .logo,
#Perdana-330 .panel-body .logo,
#Perdana-6D .panel-body .logo,
#Perdana-6D3 .panel-body .logo,
#Perdana-3D .panel-body .logo{
background:#777 !important;
padding-bottom:10px;
}
#Perdana .panel-body .logo #Perdanaimg,
#Perdana-330 .panel-body .logo #Perdanaimg,
#Perdana-6D .panel-body .logo #Perdana-6Dimg,
#Perdana-6D3 .panel-body .logo #Perdana-6Dimg,
#Perdana-3D .panel-body .logo #Perdana-3Dimg{
top:-5px;
position:absolute;
background:url(/theme/4dyes/imgs/4D_perdana.png)no-repeat;
width:80px ;
height:40px ;
}
/*=================HariHariLucky=====================*/
#LuckyHari-Hari .panel,
#LuckyHari-Hari-6D .panel,
#LuckyHari-Hari-330 .panel,
#LuckyHari-Hari-6D3 .panel
{
border: 3px solid #00aced !important;
}
#LuckyHari-Hari .panel-default>.panel-heading,
#LuckyHari-Hari-6D .panel-default>.panel-heading,
#LuckyHari-Hari-330 .panel-default>.panel-heading,
#LuckyHari-Hari-6D3 .panel-default>.panel-heading {
background-color: #00aced !important;
border-color: #00aced !important;
}
#LuckyHari-Hari .panel-body .logo,
#LuckyHari-Hari-6D .panel-body .logo,
#LuckyHari-Hari-330 .panel-body .logo,
#LuckyHari-Hari-6D3 .panel-body .logo{
background:#00aced !important;
padding-bottom:10px;
}
#LuckyHari-Hari .panel-body .logo #LuckyHari-Hariimg,
#LuckyHari-Hari-6D .panel-body .logo #LuckyHari-Hari-6Dimg,
#LuckyHari-Hari-330 .panel-body .logo #LuckyHari-Hari-330img,
#LuckyHari-Hari-6D3 .panel-body .logo #LuckyHari-Hari-6D3img {
top:-5px;
position:absolute;
background:url(/theme/4dofficial/imgs/4D_luckyharihari.png)no-repeat;
width:80px ;
height:40px ;
}
/*=================thv88=====================*/
#THV88 .panel {
border: 3px solid #6a0001 !important;
}
#THV88 .panel-default>.panel-heading {
background-color: #6a0001 !important;
border-color: #6a0001 !important;
}
#THV88 .panel-body .logo{
background:#6a0001 !important;
padding-bottom:10px;
}
#THV88 .panel-body .logo #THV88img{
top:-5px;
position:absolute;
background:url(/theme/4dofficial/imgs/4D_thv88.png)no-repeat;
width:80px ;
height:40px ;
}
/*=================GOOD4D=====================*/
#GOOD4D .panel,
#GOOD4D-6D .panel,
#GOOD4D-330 .panel,
#GOOD4D-6D3 .panel {
border: 3px solid #ffd45e !important;
}
#GOOD4D .panel-default>.panel-heading,
#GOOD4D-6D .panel-default>.panel-heading,
#GOOD4D-330 .panel-default>.panel-heading,
#GOOD4D-6D3 .panel-default>.panel-heading{
background-color: #ffd45e !important;
border-color: #ffd45e !important;
color:#333 !important;
}
#GOOD4D .panel-body .logo #datetime,
#GOOD4D-6D .panel-body .logo #datetime,
#GOOD4D-330 .panel-body .logo #datetime,
#GOOD4D-6D3 .panel-body .logo #datetime {
color:#333;
}
#GOOD4D .panel-body .logo,
#GOOD4D-6D .panel-body .logo,
#GOOD4D-330 .panel-body .logo,
#GOOD4D-6D3 .panel-body .logo {
background:#ffd45e !important;
padding-bottom:10px;
}
#GOOD4D .panel-body .logo #GOOD4Dimg,
#GOOD4D-6D .panel-body .logo #GOOD4D-6Dimg,
#GOOD4D-330 .panel-body .logo #GOOD4Dimg,
#GOOD4D-6D3 .panel-body .logo #GOOD4D-6Dimg{
top:-5px;
position:absolute;
background:url(/theme/4dyes/imgs/4D_good4d.png)no-repeat ;
width:105px ;
height:40px ;
}
/*=================4DYES=====================*/
#FOURDYES .panel,
#FOURDYES-6D .panel,
#FOURDYES-330 .panel,
#FOURDYES-6D3 .panel {
border: 3px solid #b70404 !important;
}
#FOURDYES .panel-default>.panel-heading,
#FOURDYES-6D .panel-default>.panel-heading,
#FOURDYES-330 .panel-default>.panel-heading,
#FOURDYES-6D3 .panel-default>.panel-heading{
background: linear-gradient(90deg, rgb(70, 2, 2) 0%, 23.9014%, rgb(169, 3, 3) 47.8028%, 72.1329%, rgb(136, 3, 3) 96.463%) !important;
border-color: #000000!important;
color: #ffffff !important;
}
#FOURDYES .panel-body .logo #datetime,
#FOURDYES-6D .panel-body .logo #datetime,
#FOURDYES-330 .panel-body .logo #datetime,
#FOURDYES-6D3 .panel-body .logo #datetime {
color: #ffffff;
}
#FOURDYES .panel-body .logo,
#FOURDYES-6D .panel-body .logo,
#FOURDYES-330 .panel-body .logo,
#FOURDYES-6D3 .panel-body .logo {
background: linear-gradient(90deg, rgb(70, 2, 2) 0%, 23.9014%, rgb(169, 3, 3) 47.8028%, 72.1329%, rgb(136, 3, 3) 96.463%);
padding-bottom:10px;
}
#FOURDYES .panel-body .logo #FOURDYESimg,
#FOURDYES-6D .panel-body .logo #FOURDYES-6Dimg,
#FOURDYES-330 .panel-body .logo #FOURDYESimg,
#FOURDYES-6D3 .panel-body .logo #FOURDYES-6Dimg{
top:-5px;
position:absolute;
background: url(/theme/4dyes/imgs/4dyes-logo.png)no-repeat;
width:105px;
height:40px;
background-size: contain;
}
/*=================NineLotto=====================*/
#NineLotto .panel,
#NineLotto-6D .panel {
border: 3px solid #da3d1b !important;
}
#NineLotto .panel-default>.panel-heading,
#NineLotto-6D .panel-default>.panel-heading {
background: linear-gradient(to right, #da3d1b, #f3980a, #da3d1b) !important;
border-color: #da3d1b !important;
}
#NineLotto .panel-body .logo,
#NineLotto-6D .panel-body .logo{
background: linear-gradient(to right, #da3d1b, #f3980a, #da3d1b) !important;
padding-bottom:10px;
}
#NineLotto .panel-body .logo #NineLottoimg,
#NineLotto-6D .panel-body .logo #NineLotto-6Dimg{
top:-5px;
position:absolute;
background:url(/theme/4dyes/imgs/ninelotto-logo.png)no-repeat;
width:80px ;
height:40px ;
}
/*=================result history pop up=====================*/
#title h1.title {text-align:center; color: black;}
#content table{color:#fff;font-size:15px}
#content thead {background-color:#dd0000;color:#fff}
#content .table-striped>tbody>tr:nth-of-type(odd){background-color:#333}
#content .table-striped>tbody>tr:nth-of-type(even){background-color:#444}
#aMagnumimg { background:url(/theme/4dofficial/imgs/logo_magnum.gif)no-repeat;width:50px ;height:38px ;text-align:center;margin:auto;}
#aPMPimg { background:url(/theme/4dofficial/imgs/logo_damacai.gif)no-repeat;width:50px ;height:38px ;text-align:center;margin:auto;}
#aTotoimg { background:url(/theme/4dofficial/imgs/logo_stoto.gif)no-repeat;width:50px ;height:38px ;text-align:center;margin:auto;}
#aSingaporeimg { background:url(/theme/4dofficial/imgs/logo_sg4d.gif)no-repeat;width:50px ;height:38px ;text-align:center;margin:auto;}
#aSabahimg { background:url(/theme/4dofficial/imgs/logo_88.gif)no-repeat;width:50px ;height:38px ;text-align:center;margin:auto;}
#aSandakanimg { background:url(/theme/4dofficial/imgs/logo_stc.gif)no-repeat;width:50px ;height:38px ;text-align:center;margin:auto;}
#aSarawakimg { background:url(/theme/4dofficial/imgs/logo_cashsweep.gif)no-repeat;width:50px ;height:38px ;text-align:center;margin:auto;}
#aGDLottoimg { background:url(/theme/4dofficial/imgs/logo_gd.gif)no-repeat;width:50px ;height:38px ;text-align:center;margin:auto;}
#aPerdanaimg #Perdana-3Dimg { background:url(/theme/4dofficial/imgs/logo_perdana.gif)no-repeat;width:50px ;height:38px ;text-align:center;margin:auto;}
#aLuckyHari-Hariimg { background:url(/theme/4dofficial/imgs/logo_hari.gif)no-repeat;width:50px ;height:38px ;text-align:center;margin:auto;}
#aGOOD4Dimg { background:url(/theme/4dofficial/imgs/lottery/logo_good4d.png?2)no-repeat;width:50px ;height:50px ;text-align:center;margin:auto;background-size: 50px 50px ;}
#aTHV88img { background:url(/theme/4dofficial/imgs/logo_thv88.gif)no-repeat;width:50px ;height:38px ;text-align:center;margin:auto;}
/*=================Contact=====================*/
.contact .col-md-5 img {width:100%;}
.contact .col-md-7 {padding:15px;margin-top:0px 10px 20px;}
.contact .col-md-7 .col-xs-4{ width:31% !important;min-height:160px;text-align:center;border:#42b2f9 solid 6px !important;background:rgba(0,0,0,0.8);
margin:5px;padding:30px 10px;background:url(/theme/4dofficial/imgs/box1.jpg)top center;color:#000;background-size:cover;}
.contact .col-md-7 .col-xs-4 i {font-size:40px;color:#000}
.contact .col-md-7 .col-xs-4 a {color:#000;}
.contact .col-md-7 .col-xs-4:hover i {font-size:43px;color:#555}
.contact .col-md-7 .col-xs-4 p {margin-top:20px;width:100%;font-size:11px;font-weight:400}
.contact h2 {font-size:28px;text-align:center;color:#000; font-weight:bold;font-family: 'Lora', serif;}
.contact h3 {font-size:16px;text-align:center;color:#000;}
.pstable {
text-align: left;
font-size: 12px;
color: #000;
width: 100%;
padding: 10px 35px;
margin-bottom:40px;
}
.pstdtitle {
text-align: left;
font-size: 16px;
font-weight: 700;
background-color: #333;
color: #fff;
vertical-align: middle;
padding: 10px 6px;
}
.pstddetails {
font-size: 16px;
color: #000;
text-align: left;
border-color: #c5c5c5;
border-style: solid;
border-width: 1px;
padding: 5px;
background:#fff;
}
p.infocontenttitle {
text-align: center;
font-size: 18px;
font-weight: 700;
background-color: #42b2f9;
color: #fff;
line-height: 1.5;
padding: 0 15px;
}
#footer-logo img{width:35px;}
#footer-logo button {margin:4px 2px;font-size:12px;min-height:35px;}
/* -----------------------------------------------------
SIDEBAR STYLE
----------------------------------------------------- */
.img-logo{
width: 150px;
}
.navbar-brand img {width:100px; top:0px;}
.navbar-right .btn-info{
margin-top:14px;
background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #3c3c3c), to(#292929)) !important;
border-color:#000 !important;
}
.navbar-right .btn-info:hover{
background:#42b2f9 !important;
border-color:#42b2f9 !important;
}
#sidebar {
width: 250px;
position: fixed;
top: 0;
left: -260px;
height: 100vh;
z-index: 9999;
background: rgba(0,0,0,0.7);
color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
overflow-y: scroll;
-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
#sidebar.active {
left: 0;
}
#dismiss {
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
background: rgba(0,0,0,0.7);
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#dismiss:hover {
background: #fff;
color: #333;
}
#sidebar ul li a{
font color: #ffffff;
}
.overlay {
position: fixed;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.7);
z-index: 999;
display: none;
}
#sidebar .sidebar-header {
padding: 20px;
background: rgba(0,0,0,0.7);
}
#sidebar ul.components {
padding: 20px 0;
}
#sidebar ul{
list-style: none;
margin: 0;
padding: 0;
}
#sidebar ul li a {
padding: 10px;
font-size: 1.6em;
display: block;
text-decoration:none;
color: #fff;
transition: all 0.3s;
}
#sidebar ul li a:hover {
color: #000;
background: #fff;
}
#sidebar ul li.active > a,
#sidebar a[aria-expanded="true"] {
color: #000;
background: #42b2f9;
}
#sidebar a[data-toggle="collapse"] {
position: relative;
}
#sidebar a[aria-expanded="false"]::before,
#sidebar a[aria-expanded="true"]::before {
content: '\e259';
display: block;
position: absolute;
right: 20px;
font-family: 'Glyphicons Halflings';
font-size: 0.6em;
}
#sidebar a[aria-expanded="true"]::before {
content: '\e260';
}
#sidebar ul ul a {
font-size: 1.4em !important;
padding-left: 30px !important;
}
@media (max-width: 767px){
#theme-title .title {
font-size:18px;
}
.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header { margin-right: 0; margin-left: 0;}
.container-fluid>.navbar-header{ margin-top: 15px; }
.navbar-header {
float: left;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-right{
float: right;
margin-right: 15px;
}
.navbar-collapse {
float: right;
width: auto;
border-top: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
}
@media all
and (max-width: 767px), 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) {
.swiper-pagination-bullet-active {
border: 2px solid #42b2f9;
border-radius: 100px;
}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
padding: 8px 4px;
border-radius: 5px;
background: #333;
bottom: unset !important;
top: 10px;
display: grid;
grid-template-columns: repeat(13, 1fr);
overflow-x: scroll;
scrollbar-width: none;
-ms-overflow-style: none;
z-index: 10001;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
.swiper-pagination-bullet {
width: 40px;
height: 40px;
}
.swiper-wrapper {
margin-top: 85px;
}
span.swiper-pagination-bullet.magnum {
background-image: url("/data/2187/uploads/icon_magnum.png");
}
span.swiper-pagination-bullet.PMP {
background-image: url("/data/2187/uploads/icon_damacai.png");
}
span.swiper-pagination-bullet.Toto {
background-image: url("/data/2187/uploads/icon_toto.png");
}
span.swiper-pagination-bullet.Singapore {
background-image: url("/data/2187/uploads/icon_singapore.png");
}
span.swiper-pagination-bullet.Sabah {
background-image: url("/data/2187/uploads/icon_sabah.png");
}
span.swiper-pagination-bullet.Sandakan {
background-image: url("/data/2187/uploads/icon_sandakan.png");
}
span.swiper-pagination-bullet.Sarawak {
background-image: url("/data/2187/uploads/icon_sarawak.png");
}
span.swiper-pagination-bullet.LuckyHari_Hari {
background-image: url("/data/2187/uploads/icon_lucky.png");
}
span.swiper-pagination-bullet.GOOD4D {
background-image: url("/data/2187/uploads/icon_good4d.png");
}
span.swiper-pagination-bullet.FOURDYES {
background-image: url("/data/2187/uploads/4dyes-logo.png");
}
span.swiper-pagination-bullet.Perdana {
background-image: url("/data/2187/uploads/icon_perdana.png");
}
span.swiper-pagination-bullet.GDLotto {
background-image: url("/data/2187/uploads/icon_gd.png");
}
span.swiper-pagination-bullet.NineLotto {
background-image: url("/data/2187/uploads/icon_9lotto.jpg");
}
#theme-frame{
width:99%;
}
#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;}
#live-4d {margin-left:1%;}
#live-4d .fb-like ,#past-4d .fb-like{right:12px;top:-14px;}
#page-live .fb-like {top:-16px;right:0px;}
#page-live {margin-left:-2%;}
.contact .col-md-7 .col-xs-4{ width:30.5% !important;min-height:160px;}
.contact .col-md-7 .col-xs-4 p{font-size:10px;}
.panel-default>.panel-heading .col-sm-8{text-align:left;}
#footer-logo img{width:35px;}
#footer-logo button {margin:4px 2px;font-size:11px;min-height:35px;width:85%;}
.panel-body #TopThree label, .panel-body #Special label, .panel-body #Consolation label{font-size:16px;}
.panel-body #TopThree, .panel-body #Special, .panel-body #Consolation{font-size:15.5px;}
.panel-body #TopThree .col-sm-4 {width:33.33%;float:left;}
.panel-body #TopThree,.panel-body #Special,.panel-body #Consolation, .panel-body #TopAll {
line-height:32px;
font-size:15.5px;
}
.panel-body .logo #datetime .col-sm-12{
margin:0px 12px 0px 0px !important;
}
.col-sm-12 {padding:0px 0px 0px 2.5%;}
.col-sm-3 {width:25% !important;float:left;}
.col-sm-4 {padding:0px !important;}
#Magnum .panel-body .logo #Magnumimg,
#PMP .panel-body .logo #PMPimg,
#Toto .panel-body .logo #Totoimg,
#Singapore .panel-body .logo #Singaporeimg,
#Sabah .panel-body .logo #Sabahimg,
#Sandakan .panel-body .logo #Sandakanimg,
#Sarawak .panel-body .logo #Sarawakimg,
#GDLotto .panel-body .logo #GDLottoimg,
#Perdana .panel-body .logo #Perdanaimg,
#Perdana-3D .panel-body .logo #Perdana-3Dimg,
#LuckyHari-Hari .panel-body .logo #LuckyHari-Hariimg,
#NineLotto .panel-body .logo #NineLottoimg,
#THV88 .panel-body .logo #THV88img{
left:15px;
}
}
.datepicker-days {
color: #333;
}
div#daterow {
color: #333;
}
