html, body 
{ margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; color:#000; overflow-x:hidden }

div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, /*ul, li,*/
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body { line-height:1; }

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display:block; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

/* change colours to suit your needs */
ins { background-color:#ff9; color:#000; text-decoration:none; }

/* change colours to suit your needs */
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

table { border-collapse:collapse; border-spacing:0; }
td { vertical-align:middle; }

/* change border colour to suit your needs */
hr { display:block; height:1px; border:0; border-top:1px solid #e1e1e1; margin:7px 0; padding:0; }
input, select { vertical-align:middle; font:12px arial; }

@font-face {font-family: 'rosario'; src: url('fonts5/rosario-regular-webfont.woff2') format('woff2'), url('fonts5/rosario-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'courgette'; src: url('fonts/courgette-regular-webfont.woff2') format('woff2'), url('fonts/courgette-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'italianno'; src: url('fonts4/italianno-regular-webfont.woff2') format('woff2'), url('fonts4/italianno-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'lobster_two_bolditalic'; src: url('lobster_two/lobstertwo-bolditalic-webfont.woff2') format('woff2'), url('lobster_two/lobstertwo-bolditalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'avenir'; src: url('avenir/avenir_lt_std_65_medium-webfont.woff2') format('woff2'), url('avenir/avenir_lt_std_65_medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}

/*****************************************************************************************************************************************************************/
html, body { font-family:arial; font-size:14px; line-height:180%; color:#666; width:100% }
table { font-family:arial; font-size:14px; line-height:160% }

:root {
  --font-size: 14px;
}

/*****************************************************************************************************************************************************************/	
.table { display:table }
.tr { display:table-row }
.td { display:table-cell; vertical-align:middle }
/*****************************************************************************************************************************************************************/	
#kekotakKeseluruhan { position:relative; width:100%; height:100%; background:#fff; overflow:hidden }
#logoAtas { position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:top; top:0; left:0; width:100% }
#atasPunyaKontena { position:absolute; top:0; left:0; width:100%; opacity:0.95; z-index:5 }
#bgAtasPunyaKontena { position:absolute; display:none; top:0; left:0; width:100%; z-index:0 }
#kekotakKandunganLogo { position:absolute; top:5px; left:0; width:205px; height:43px; margin:0 2%; z-index:1 }
#kekotakKandunganHariRaya { position:absolute; top:19px; left:83px; width:50px; height:43px; margin:0 2%; z-index:-1 }
#kekotakKandunganHariRayaTeks { position:absolute; top:9px; left:220px; width:180px; height:43px; color:#fff; text-shadow:1px 1px 2px #555; margin:0 2% }
#logoAtas { position:relative; top:0; left:0; width:205px; z-index:0 }
.paddingAtasBawah { position:relative; height:35px }
/***************************************** MENU ************************************************************************/
#kekotakKandunganMenu { position:absolute; top:0; right:0; height:100%; padding:5px 2% 5px 0; text-align:right; z-index:10 }
#bahasaDanLoginDiMenu { display:none }
#autoCredit {display:none}
#jomMenyumbang {display:block}
.menuSenarai { position:relative; color:#fff; padding:0 30px 3px 30px }
.menuSenaraiBawah { position:relative; color:#fff; padding:0 10px 3px 20px }
.menuSenaraiML { position:relative; color:#fff; padding:10px 30px 3px 30px }
.menuSenaraiMLWidth { width:220px }
.menuLine { position:relative; color:#fff; padding:30px 0 0 0; margin:30px 0 0 0; border-top:1px solid #ff8c00 }
.navText, .navText:visited { color:#fff; line-height:70%; text-decoration:none }
.navText:hover { color:#ffdb58 }
.navTextHitam { color:#000; line-height:70%; text-decoration:none }
.navTextHitam:hover { color:#ffdb58 }
.navText2 { color:#ed1c24; line-height:70%; text-decoration:none }
.cursor_menu { cursor:default }
.li_margin { margin:0 15px 0 15px }
.menuBulat, .menuBulat2 { position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:top; width:35px; height:35px; border-radius:35px; background:#fff; cursor:pointer; z-index:1 }
.menuBulat { border:1px solid #e1e1e1; box-shadow:inset 0 0 15px #aaa }
.menuBulat2 { box-shadow:1px 1px 0px #bbb }
#kontenaHr:hover .menuBulat, 
#kontenaMenu:hover .menuBulat, 
#kontenaBahasa:hover .menuBulat, 
#kontenaAhli:hover .menuBulat, 
.menuBulat:hover 
{ box-shadow:inset 0 0 5px #bbb }
.menuBulat2:hover { box-shadow:0px 0px 0px #bbb }
.menuBulatMargin { margin:0 0 0 3px }
.menuBulatDalam { position:absolute; width:35px; height:35px; border-radius:35px; z-index:1; overflow:hidden }
.menuPenyambungLine { position:absolute; top:-21px; right:41px; width:1px; height:21px; border-right:1px solid #6082b6; z-index:1 }
#menuLoginBadan, #menuLoginBadan2 { position:relative; top:23px; width:35px; height:35px; border-radius:35px }
#menuLoginKepala, #menuLoginKepala2 { position:relative; top:-10px; width:10px; height:10px; border-radius:10px; margin:0 auto }
#menuLoginBadan, #menuLoginKepala { background:#888 }
#menuLoginBadan2, #menuLoginKepala2 { background:#81992b }
#kontenaHr {margin:0 4px 0 4px}
#kontenaTroli {margin:0 0 0 4px}
#kontenaBahasa {margin:0 0 0 4px}
#kontenaKiosk {margin:0 0 0 4px}
#kontenaAhli {margin:0 0 0 4px}
#kontenaTabungPalestin {margin:0 4px 0 0}
#kontenaTroli, #kontenaTabungPalestin, #kontenaHr, #kontenaMenu, #kontenaBahasa, #kontenaKiosk, #kontenaRss, #kontenaTwitter, #kontenaFacebook, #kontenaYoutube, #kontenaKedai, #kontenaAhli 
{ position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:top; width:35px; height:0 }
#kontenaSemakPesanan { position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:top; width:160px; height:40px }
#kontenaKategoriKedai { position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:top; width:260px }
#menuPopupHr, #menuPopupMenu, #menuPopupBahasa, #menuPopupKiosk, #menuPopupRss, #menuPopupAhli 
{ position:absolute; top:-50000px; left:-50000px; width:420px; padding:30px 0; background:#6082b6; box-shadow:0 25px 65px #555; cursor:default; text-align:left; z-index:0 }
#kontenaHr:hover .menuBulat, #menuPopupHr:hover .menuBulat, 
#kontenaMenu:hover .menuBulat, #menuPopupMenu:hover .menuBulat, 
#kontenaBahasa:hover .menuBulat, #menuPopupBahasa:hover .menuBulat, 
#kontenaKiosk:hover .menuBulat, #menuPopupKiosk:hover .menuBulat, 
#kontenaRss:hover .menuBulat2, #menuPopupRss:hover .menuBulat2, 
#kontenaAhli:hover .menuBulat, #menuPopupAhli:hover .menuBulat
{ border:1px solid transparent }
a.pop_dana_top, a.pop_dana_top:visited{color:#fff;text-decoration:none}
a.pop_dana_top:hover, a.pop_dana_top:visited:hover{color:#000;text-decoration:none}
#sn_troli_top, #bendera_top, #sn_tabung_palestin_top, #sn_menu_icon_top, #sn_dana_top, #sn_logo1_top, #sn_logo2_top, #sn_logo3_top, #sn_logo4_top, #sn_logo5_top, #sn_logo_kedai_top{width:35px;height:35px}
#bendera_top{position:relative; width:35px; height:35px; border-radius:35px}
#bendera_nama_bahasa_top{position:relative; width:35px; height:35px; color:#888; font-size:100%; display:table-cell; vertical-align:middle}
#sn_tabung_palestin_top{background:url(../img/profil/tabung_palestin_bulat.jpg); opacity:0.4; background-color:none; background-repeat:no-repeat; background-size:36px 36px; background-position:center}
#sn_tabung_palestin_top:hover{opacity:1}
#sn_menu_icon_top{background:url(../img/menu_icon.png); background-color:none; background-repeat:no-repeat; background-size:11px 14px; background-position:center}
#sn_dana_top{background:url(../img/social_network_logo_dana2a.png);background-size:26px 26px;background-repeat:no-repeat;background-position:center}
#sn_dana_top:hover, #kontenaKiosk:hover #sn_dana_top {background:url(../img/social_network_logo_dana2a.png);background-size:26px 26px;background-repeat:no-repeat;background-position:center}
#sn_troli_top{position:relative; top:1px; background:url(../img/troli.png); background-color:none; background-repeat:no-repeat; background-size:20px 20px; background-position:center}
#bil_order { position:absolute; top:-2px; right:14px; color:#fff; text-shadow:2px 2px 4px #555 }

/**********************************************************************************************************************/

a.pop_dana, a.pop_dana:visited{color:#fff;text-decoration:none}
a.pop_dana:hover, a.pop_dana:visited:hover{color:#000;text-decoration:none}
#bendera, #sn_menu_icon, #sn_dana, #sn_login, #sn_logo1, #sn_logo2, #sn_logo3, #sn_logo4, #sn_logo5, #sn_logo_kedai, #terkini_gaza, #misi_gaza{position:relative;width:53px;height:53px;cursor:pointer}
#bendera:hover, #sn_menu_icon:hover, #sn_dana:hover, #sn_logo1:hover, #sn_logo2:hover, #sn_logo3:hover, #sn_logo4:hover, #sn_logo5:hover, #sn_logo_kedai:hover, #terkini_gaza:hover, #misi_gaza:hover{box-shadow:0 0 10px #888;behavior:url(css/PIE/PIE.php)}
#bendera{width:53px;height:53px;border-radius:53px;background-color:#ababa9; color:#fff}
#bendera_nama_bahasa{position:relative;width:53px;height:53px;font-size:120%;display:table-cell;vertical-align:middle;}
#bendera:hover{background-color:#966FD6}
#sn_menu_icon{width:53px;height:53px;border-radius:53px;background:url(../img/menu_icon.png); background-color:#ababa9; background-repeat:no-repeat; background-size:14px 20px; background-position:center}
#sn_menu_icon:hover{background-color:#daa520}
#sn_dana{width:53px;height:53px;border-radius:53px;background:url(../img/social_network_logo_dana1a.gif); background-color:#ababa9; background-repeat:no-repeat; background-size:24px 24px; background-position:center}
#sn_dana:hover, #kontenaKiosk:hover #sn_dana {background:url(../img/social_network_logo_dana1b.jpg); background-color:#000; background-repeat:no-repeat; background-size:24px 24px; background-position:center}
#sn_login{width:53px;height:53px;border-radius:53px;background:url(../img/social_network_logo_login1.png); background-color:#ccc; background-repeat:no-repeat; background-size:53px 53px; background-position:center}
#sn_logo1{width:53px;height:53px;border-radius:53px;background:url(../img/social_network_logo1a.jpg); background-color:#ababa9; background-repeat:no-repeat; background-size:24px 24px; background-position:center}
#sn_logo1:hover{background:url(../img/social_network_logo1b.jpg); background-color:#fe8340; background-repeat:no-repeat; background-size:24px 24px; background-position:center}
#sn_logo2{width:53px;height:53px;border-radius:53px;background:url(../img/social_network_logo2a.jpg); background-color:#ababa9; background-repeat:no-repeat; background-size:24px 24px; background-position:center}
#sn_logo2:hover{background:url(../img/social_network_logo2b.jpg); background-color:#44c0e2; background-repeat:no-repeat; background-size:24px 24px; background-position:center}
#sn_logo3{width:53px;height:53px;border-radius:53px;background:url(../img/social_network_logo3a.jpg); background-color:#ababa9; background-repeat:no-repeat; background-size:24px 24px; background-position:center}
#sn_logo3:hover{background:url(../img/social_network_logo3b.jpg); background-color:#3f64b4; background-repeat:no-repeat; background-size:24px 24px; background-position:center}
#sn_logo4{width:53px;height:53px;border-radius:53px;background:url(../img/social_network_logo4a.jpg); background-color:#ababa9; background-repeat:no-repeat; background-size:24px 24px; background-position:center}
#sn_logo4:hover{background:url(../img/social_network_logo4b.jpg); background-color:#cc1e20; background-repeat:no-repeat; background-size:24px 24px; background-position:center}
#sn_logo5{width:53px;height:53px;border-radius:53px;background:url(../img/social_network_logo5a.jpg)}
#sn_logo5:hover{background:url(../img/social_network_logo5b.jpg)}
#sn_logo_kedai{width:53px;height:53px;border-radius:53px;background:url(../img/social_network_logo_kedai_a.jpg); background-color:#ababa9; background-repeat:no-repeat; background-size:24px 24px; background-position:center}
#sn_logo_kedai:hover{background:url(../img/social_network_logo_kedai_b.jpg); background-color:#fe4819; background-repeat:no-repeat; background-size:24px 24px; background-position:center}
#terkini_gaza{width:53px;height:53px;border-radius:53px;background:url(../img/sn_terkini_gaza.gif)}
#terkini_gaza:hover{background:url(../img/sn_terkini_gazab.jpg)}
#misi_gaza{width:53px;height:53px;border-radius:53px;background:url(../img/sn_misi_gaza.gif)}
#misi_gaza:hover{width:53px;height:53px;border-radius:53px;background:url(../img/sn_misi_gazab.jpg)}
#popterkini{position:absolute;top:-1000px;right:60px;padding:20px;color:#800;font-weight:bold;letter-spacing:.3em;background:yellow;border:1px solid #555;box-shadow:0 0 40px #333;behavior:url(css/PIE/PIE.php)}
#terkini_gaza:hover #popterkini, #misi_gaza:hover #popterkini{top:0}
#pop_sumbangan,#pop_bahasa,#pop_rss,#pop_menu,#pop_ahli{position:absolute;background:#87a96b;color:#fff;opacity:0.95;box-shadow:0 0 30px #333;z-index:2}
#pop_sumbangan{top:0;left:0;width:45vw}
#pop_bahasa{top:0;left:0;width:15vw}
#pop_rss{top:0;left:0;width:25vw}
#pop_menu{top:-60px;left:0;width:75vw}
#pop_ahli{top:-500px;left:0;width:25vw}
.kontena_pop{position:absolute;top:0;left:-100000px}
.kontena_pop2{position:absolute;bottom:0;left:-100000px}
.senarai_pop_bawah{column-count:2;column-gap:0}
.senarai_pop_bawah_menu_laman{column-count:3;column-gap:0}
.perenggan_dana{position:relative;left:-52%;width:203%;border-bottom:1px solid #f1f1f1;padding:0 0 15px 0;margin:0 0 25px 0;height:10px;z-index:0}
.perenggan_statik_kiri{position:relative;width:100%;height:15px}
.perenggan_statik_kiri2{position:relative;width:100%;height:60px}
.a_statik_kiri{position:absolute;left:0;top:0;width:3vw;height:3vw;text-decoration:none}
.perenggan_borang{position:relative;width:19vw;height:10px;border-top:1px solid #e9e9e9;margin:10px 0 0 0}
#kontena_statik_kiri {position:relative}
#statik_kiri {position:relative; left:0; padding:0 3.3vw 150px 0; margin:0 0 0 16vw; text-align:left; z-index:1}
#kekotakTutupMenuBawah {position:absolute; top:-80px; left:0; width:0; height:0; z-index:1}
/************************************* Bahagian Badan Dalam ***************************************************************/
#bulatanTabungPalestin, #bulatanTabungPalestinDepan { position:absolute; right:18%; top:calc((100vw * 0.27) - 60px); width:100px; height:100px; border-radius:100px; background:#fff; border:2px solid #ddd; box-shadow:0 0 5px #888; overflow:hidden; z-index:3 }
#imgBulatanTabungPalestin { display:block; width:100px; opacity:0.7 }
#linkTabungPalestinDepan { color:#ffdb58; text-decoration:none }
#linkTabungPalestinDepan:hover { color:#fff }
#tabungPalestinMobile { display:inline-block }
#tabungPalestinPopup { position:absolute; top:-50000px; left:calc(50% - ((100vw * 0.26) / 2)); width:calc(100vw * 0.26); background:#fff; box-shadow:0 20px 20px #555; z-index:100 }
#tabungPalestinPopupImg { width:calc(100vw * 0.26); height:calc(100vw * 0.17) }
#tabungPalestinTeks { position:relative; text-align:left; padding:20px 20px 30px 20px }
#imgBulatanTabungPalestin:hover { opacity:1 }
#bulatanTabungPalestin:hover  { box-shadow:0 0 5px #888 }
#kekotakTajuk { position:relative; width:100%; height:calc(100vw * 0.33); font-family:rosario; display:table; text-align:center; z-index:2 }

#kekotakTajukBgDalam { position:absolute; top:0; left:0; width:100%; height:inherit; opacity:1; z-index:0 }
#tajukMuka { position:relative; width:100%; color:#fff; font-size:140%; line-height:90%; text-shadow:2px 2px 3px #777; display:table-cell; vertical-align:middle; pointer-events:auto; text-align:center; z-index:2  }
.mukaPunyaTajuk { font:210% /*courgette*/italianno }
.mukaPunyaTajuk2 { font-size:80%; letter-spacing:.05em; text-shadow:2px 2px 3px #999 }
.accessAhli { letter-spacing:.05em; text-shadow:2px 2px 3px #999 }
#kekotakKandunganUtamaLuar { position:relative; width:100%; z-index:1 }
#kekotakKandunganUtama { position:relative; width:100%; margin:0 auto; padding:70px 0 0 0; text-align:left; z-index:1; overflow-y:hidden }
#kandunganKiri { position:relative; left:0; top:0; width:25%; height:120px; z-index:3 }
#kandunganTengah { position:relative; left:50%; transform:translateX(-50%); width:70%; text-align:left; z-index:2 }
#kandunganDataUtama { position:relative; min-height:700px; height:700px; height:auto !important; max-height:5000000px; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; padding:0 15%; margin:0 0 5vw 0; z-index:10 }
#kandunganTengahBayangGradientAtas { position:absolute; bottom:-110px; left:0; width:100%; height:110px; background:linear-gradient(to bottom, #aaa,transparent); z-index:-3 }
#kandunganTengahBayangGradientBawah { position:absolute; top:-100px; left:0; width:100%; height:100px; background:linear-gradient(to top, #ccc,transparent); z-index:0 }
#kekotakKandunganKanan { position:relative; left:0.05%; width:100%; z-index:-1 }
#kandunganKanan { position:relative; top:0; left:0; border:0px solid #000; z-index:0 }
#kekotakKandunganUtamaDepan { position:relative; width:100%; height:calc(100vw * 0.33); color:#555; background:#6082b6; text-align:left; z-index:0; overflow-y:hidden }
#kekotakKandunganMenuBottom { position:relative; color:#fff; padding:4vw 2%; background:#444; text-align:left; z-index:3; overflow:hidden}
#kekotakMenuBottom1 { position:relative; width:32%; padding:3vw 4% 3vw 2%; margin:0 3% 0 0; box-shadow:10px 0 10px #393939 }
#kekotakMenuBottom2 { position:relative; width:22%; padding:3vw 4% 3vw 2%; margin:0 3% 0 0; box-shadow:10px 0 10px #393939 }
#kekotakMenuBottom3 { position:relative; width:20%; padding:3vw 4% 3vw 2%; box-shadow:10px 0 10px #393939 }
#menuBottom1 { position:relative; color:#fff; text-align:justify }
#menuBottom2 { position:relative; color:#fff }
#menuBottom3 { position:relative; color:#fff }
#kekotakMenuBottom1, #kekotakMenuBottom2, #kekotakMenuBottom3 {display:inline-block; *display:block; zoom:1; vertical-align:top}
.menuBottomLH1 { line-height:22px }
.lineMenu { position:relative; width:100%; padding:0 0 8px 0; border-bottom:1px solid #fff }
.lineMenu2 { position:relative; width:calc(100% - 30px); padding:0 0 20px 0; margin:0 30px 20px 30px; border-bottom:1px solid #fff }
.lineMenu3 { position:relative; width:100%; padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:1px dotted #fff }
.lineMenu4 { position:relative; width:calc(100% - 90px); padding:0 0 5px 0; margin:0 45px 8px 45px; border-bottom:1px dotted #fff }
.lineMenuBawah { position:relative; width:100%; padding:0 0 8px 0; margin:0 0 8px 0; border-bottom:1px solid #777 }
.lineMenuBawah2 { position:relative; width:calc(100% - 50px); padding:0 0 5px 0; margin:0 30px 5px 0; border-bottom:1px solid #555 }
.tajukMenuBawah { font-weight:bold; letter-spacing:.2em }
.bulatanLine { position:absolute; top:4px; width:8px; height:8px; border-radius:8px; background:#ff8c00 }
.tajukMenuBreak {height:10px}
.menuBawahSenarai { position:relative; left:0 }
#copyright1 {position:relative; display:block}
#copyright2 {position:relative; display:none}
/*************************************** Pemberitahuna Dalam ****************************************************************/
#kekotakKandunganPemberitahuan { position:relative; width:90%; background:#eee; padding:80px 5%; z-index:2 }
#kekotakKandunganPemberitahuan:before { content:""; background:inherit; height:100%; transform:skewY(2deg); position:absolute; top:0; left:0; right:0; z-index:-1 }
#kekotakKandunganPemberitahuan:after { content:""; background:inherit; height:100%; transform:skewY(-5deg); position:absolute; top:0; left:0; right:0; z-index:-1 }
.kontenaKekotakPemberitahuan { position:relative; width:33.333%; height:380px; text-align:left }
.kekotakPemberitahuan { position:relative; width:50%; height:auto; padding:0 25% 0 25%; top:50%; -ms-transform:translateY(-50%); transform:translateY(-50%); z-index:2 }
.tajukPemberitahuan { position:relative; font-family:rosario; font-size:150%; color:#000 }
#bancian_radiobutton_kotak { position:relative; padding:8px 0 15px 15px; line-height:240% }
.bancian_radiobutton { position:relative; top:-2px }
.lubang { position:absolute; left:30px; top:30px; width:30px; height:30px; background:#fff; border-radius:30px; box-shadow:inset 0 0 15px #bbb }
#iklanAutoCredit { box-shadow:20px 0 20px #d9d9d9; z-index:2 }
#iklanLinkTabung { line-height:230%; box-shadow:20px 0 20px #d9d9d9; z-index:1 }
#iklanBancian { box-shadow:20px 0 20px #d9d9d9; z-index:0 }
/*************************************** Daftar Masuk ***********************************************************************/
#borangDaftarMasuk ( position:relative; width:200px; top:30px; background:#fff; border:1px solid #e1e1e1; padding:40px 30px )
#borangDaftarMasukLogo { position:relative; width:150px; z-index:0 }
/*************************************** Sumbangan	*************************************************************************/
.table_kiri_bayar { display:inline-block; *display:inline; zoom:1; vertical-align:top; width:40%; text-align:right }
.table_kanan_bayar { display:inline-block; *display:inline; zoom:1; vertical-align:top; width:54%; padding:0 5% 0 0; text-align:left }
.table_bayar_line { position:relative; border-top:1px solid #e9e9e9; padding:15px 0 0 0; margin:15px 0 0 0 }
/*********************************** Bayaran Online ************************************************************************/
#bayaran_online { position:relative; width:750px; letter-spacing:.1em; padding:90px 0 0 0 }
/*********************************** Resit **********************************************************************************/
#kotak_besar_resit {position:relative; width:595px; height:calc(595px*0.58); font:12px arial; padding:0 0 70px 0}
.el_button {color:#333; font:14px arial; letter-spacing:.1em; margin:0 1px 0 0}
#resit {position:relative; width:inherit; height:inherit; margin:10px 0 20px 0; box-shadow:0 0 10px #bbb; behavior:url(css/PIE/PIE.php)}
#bayang_sudut {position:absolute; bottom:0; right:0; width:100px; height:100px; border-radius:50px; box-shadow:0 0 70px #555; behavior:url(css/PIE/PIE.php)}
#bayang_sudut2 {position:absolute; top:0; left:0; width:100px; height:100px; border-radius:50px; box-shadow:0 0 70px #555; behavior:url(css/PIE/PIE.php)}
#resit_imej {position:absolute; top:0; left:0; width:inherit; height:inherit; background:#fff; z-index:1}
#resit_kandungan_data {position:absolute; top:0; left:0; width:inherit; height:inherit; z-index:2}
#resit_no_rujukan {position:absolute; right:4%; top:15.5%; color:#ed1c24; font-size:80%; text-align:right}
#resit_tarikh {position:absolute; left:77.5%; top:27.5%; text-align:left}
#resit_nama {position:absolute; width:74%; left:21.7%; top:39%; text-align:left; line-height:17px}
#resit_kp {position:absolute; left:25.7%; top:50.8%; text-align:left}
#resit_hp {position:absolute; left:73.2%; top:50.8%; text-align:left}
#resit_alamat {position:absolute; width:59%; left:12%; top:62.2%; line-height:17px; text-align:left}
#resit_jumlah {position:absolute; left:79.2%; top:69.8%; font-size:105%; text-align:left}
#resit_bayaran_bagi {position:absolute; left:20%; top:81.5%; width:75%; text-align:left}
/************************************************************************************************************************************/
#kotak_besar_sijil {position:relative; width:800px; height:calc(800px * 0.7); font:11px arial; padding:70px 0 0 0; text-align:left}
#sijil {position:absolute; top:-1px; left:0; width:inherit; height:inherit; margin:0 0 0 0; behavior:url(css/PIE/PIE.php)}
#sijil_imej_lama {position:absolute; top:0; left:0; width:inherit; height:auto; border:1px solid #e9e9e9; background:#fff; z-index:1}
#sijil_imej {position:absolute; top:0; left:0; width:inherit; height:auto; /*border:1px solid #e9e9e9; */background:#fff; z-index:1}
#sijil_kandungan_data {position:absolute; top:0; left:0; width:inherit; height:inherit; z-index:2}
#sijil_nama_wakaf {position:absolute; width:327px; top:189px; left:82px; color:#344492; font-size:110%; font-weight:bolder; text-align:center}
#sijil_kp_wakaf {position:absolute; width:135px; top:189px; left:551px; color:#344492; font-size:110%; font-weight:bold; text-align:center}
#sijil_jumlah_wakaf {position:absolute; width:77px; top:308px; left:110px; color:#344492; font-size:110%; font-weight:bolder; text-align:center}
#sijil_jenis_wakaf {position:absolute; width:267px; top:308px; left:275px; color:#344492; font-size:110%; font-weight:bolder; text-align:center}
#sijil_no_rujukan {position:absolute; width:180px; right:35px; top:22px; font-size:110%; text-align:right}
#sijil_tarikh {position:absolute; left:642px; top:47px; text-align:left}
#sijil_nama {position:absolute; width:100%; top:132px; color:#344492; font-size:160%; /*transform:scaleX(0.6);*/ font-weight:bolder; /*letter-spacing:-0.025em;*/ text-align:center}
#sijil_kp {position:absolute; width:100%; top:156px; color:#344492; font-size:160%; /*transform:scaleX(0.7);*/ font-weight:bold; text-align:center}
#sijil_jumlah {position:absolute; width:119px; left:439px; top:197px; color:#344492; font-size:160%; font-weight:bold; text-align:center}
#sijil_bil_lot {position:absolute; width:62px; left:343px; top:219px; color:#344492; font-size:160%; font-weight:bold; text-align:center}
#sijil_tujuan_wakaf {position:relative; display:table-cell; width:600px; height:53px; top:244px; color:#344492; font-size:160%; font-weight:bolder; vertical-align:middle; text-align:center}
#sijil_tahun_korban {position:relative; display:table-cell; width:835px; height:28px; top:464px; color:#ef1b27; font-family:lobster_two_bolditalic; font-size:421%; vertical-align:middle; text-align:center}
#sijil_tahun_korban2 {position:absolute; display:table-cell; width:660px; height:28px; top:640px; color:#ef1b27; opacity:0.1; font-family:lobster_two_bolditalic; font-size:600%; vertical-align:middle; text-align:right}
#sijil_nama_korban_lama {position:relative; display:table-cell; width:600px; height:138px; top:473px; color:#000; font-size:200%; vertical-align:middle; text-align:center}
#sijil_tujuan_korban_lama {position:relative; display:table-cell; width:100%; height:105px; top:460px; color:#000; font-size:200%; vertical-align:middle; text-align:center}
#sijil_nama_korban {position:relative; display:table-cell; width:600px; height:138px; top:643px; color:#000; font:250% Times; vertical-align:middle; text-align:center}
#sijil_tujuan_korban {position:relative; display:table-cell; width:100%; height:105px; top:590px; color:#000; font:250% Times; vertical-align:middle; text-align:center}
#body_nota_sijil {position:relative; display:table-cell; width:680px; height:138px; top:570px; color:#000; font:16px avenir; padding:0 60px; vertical-align:middle; text-align:center}
#body_nota_sijil2 {position:relative; display:table-cell; width:680px; height:138px; top:450px; color:#000; font:16px avenir; padding:0 60px; vertical-align:middle; text-align:center}
#sijil_nama_korban2 {position:relative; display:table-cell; width:600px; height:138px; top:530px; color:#0070c0; font:180% avenir; font-weight:bold; vertical-align:middle; text-align:center}
#sijil_tujuan_korban2 {position:relative; display:table-cell; width:100%; height:105px; top:490px; color:#c00000; font:180% avenir; font-weight:bold; vertical-align:middle; text-align:center}
/****************************************** Laman Ahli **********************************************************************/
/*** MESTI EDIT MENGIKUT WINDOW SIZE ***/
.indentMenuAhli {width:/*8%*/15%}
.menuAhliKanan {width:/*92%*/70%}
.indentMenuAhli2 {width:/*15%*/0}
.menuAhliKanan2 {width:/*85%*/100%}
.indentDataKafalah {padding:0 0 0 10%}
.indentDataKafalah2 {left:10%}
.penyataTahunanTajuk1 {width:55px; height:40px; vertical-align:center; font:12px arial; padding:0 0 0 5px}
.penyataTahunanTajuk2 {width:28px; height:40px; vertical-align:center; font:12px arial}
.penyataTahunanTajuk3 {width:89px; height:40px; vertical-align:center; font:12px arial}
.penyataTahunanData1 {width:55px; height:40px; vertical-align:center; font:12px arial; padding:0 0 0 5px}
.penyataTahunanData2 {width:28px; height:40px; vertical-align:center; font:12px arial}
.penyataTahunanData3 {width:69px; height:40px; vertical-align:center; font:12px arial}
.penyataWidth1 {width:600px}
.penyataWidth2 {width:480px}
.penyataWidth3 {width:480px}
.kafalahMain {width:91%; margin:0 0 0 9%; text-align:left}
/******************************************** EFEK DETAIL AHLI *********************************************************************************/
#pelampung { position:relative }
#nombor { position:absolute; width:30px; height:20px; top:20px; left:-19px; color:#000; font:13px Trebuchet MS; text-align:center; background:transparent; padding:8px 5px 5px 5px; border-radius:5px; transform:rotate(-90deg); -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -khtml-transform:rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -khtml-transition:all 0.5s ease; z-index:10 }
#nombor2 { position:absolute; width:30px; height:20px; top:0; left:1px; color:#000; font:13px arial; text-align:center; background:#fff; opacity:0.4; filter:opacity(40); padding:8px 5px 5px 5px;border-radius:5px; box-shadow:-2px 2px 2px 2px #bbb; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -khtml-transition:all 0.5s ease; z-index:9 }
#kotakBesar { position:relative; background:url(../img/transparentputih.png); border:1px solid #e1e1e1; color:#888; margin:0 0 20px 0; box-shadow:0 0 5px #bbb; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -khtml-transition:all 0.5s ease }
#catatan { position:relative; color:#888; padding:20px 30px }
#kotakKecil { position:relative; border-top:1px solid #e1e1e1; padding:5px 0 5px 0; background-color:#f5f5f5 }	
#pelampung:hover #nombor { position:absolute; width:30px; height:20px; top:20px; left:-36px; color:#fff; font:13px Trebuchet MS; text-align:center; background:#000; padding:8px 5px 5px 5px; border-radius:5px; transform:scaleX(-1) rotate(-90deg); -moz-transform:scaleX(-1) rotate(-90deg); -webkit-transform:scaleX(-1) rotate(-90deg); -khtml-transform:scaleX(-1) rotate(-90deg); z-index:10 }
#pelampung:hover #nombor2 { position:absolute; width:30px; height:20px; top:0; left:0; color:#fff; font:13px arial; text-align:center; background:transparent; opacity:0; filter:opacity(0); padding:8px 5px 5px 5px; border-radius:5px; box-shadow: 0 0 0 0 #bbb; z-index:9 }
#pelampung:hover #kotakBesar { position:relative; color:#000; background-color:none; border:1px solid #000; margin:0 0 20px 0; box-shadow:0 0 20px #555 }
#pelampung:hover #catatan { position:relative; color:#000; padding:20px 30px }
#pelampung:hover #kotakKecil { position:relative; border-top:1px solid #000; padding:5px 0 5px 0; background-color:#e9e9e9 }
/******************************************** EFEK ALBUM **************************************************************************************/
#albumThumb { position:relative; display:inline-block; width:100px; height:65px; padding:0 5px 5px 0 }
#kotakThumb { position:absolute; display:inline-block; top:0; left:0; width:100px; height:65px; box-shadow:2px 2px 5px 1px #444; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -khtml-transition:all 0.5s ease }
#albumThumb:hover #kotakThumb { position:absolute; display:inline-block; top:-10px; left:-13px; width:120px; height:80px; box-shadow:5px 5px 50px 17px #444; z-index:10 }
#albumThumb:active #kotakThumb { position:absolute; display:inline-block; top:0; left:0; width:100px; height:65px; box-shadow:0 0 0 0 #444; z-index:0 }
#img { opacity:0.4; filter:alpha(opacity=40); width:100px; height:65px; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -khtml-transition:all 0.5s ease }
#albumThumb:hover #img { opacity:1; filter:alpha(opacity=100); width:120px; height:80px; border:5px solid #d6083b }
#albumThumb:active #img { opacity:1; filter:alpha(opacity=100); width:97px; height:62px; border:3px solid #d6083b }
/*****************************************************************************************************************************************************************/
.iblock {display:inline-block; *display:inline; zoom:1; vertical-align:top}
.noiblock {display:block}
/****************************************************************************************************************************/
.tajukUtamaTeks { color:#000; letter-spacing:.3em }
.tajukDalamanTeks { color:#ed1c24; letter-spacing:.3em }
/****************************************** Line ****************************************************************************/
.line { position:relative; width:100%; height:1px; border-top:1px solid #e9e9e9; padding:10px 0 0 0; margin:10px 0 0 0 }
.line_ahli { position:relative; width:100%; height:1px; border-top:1px solid #e9e9e9; padding:20px 0 0 0; margin:20px 0 0 0 }
.line_penaja { position:relative; width:60%; height:1px; border-top:1px solid #e9e9e9; padding:5px 0 0 0; margin:5px 0 0 0 }
.line_menu_ahli { position:relative; width:100%; height:1px; border-top:1px solid #e9e9e9; padding:20px 0 0 0; margin:20px 0 0 0 }
/****************************************************************************************************************************/
#punatKotakPopup { position:relative; width:100%; z-index:1 }
#kotakPopup { position:absolute; visibility:hidden; width:250%; left:50%; top:-70px; padding:30px 30% 30px 30%; box-shadow:0 0 0px #555; transition:all 0.5s ease; border:1px solid #800; background:#fff; z-index:100 }
#punatKotakPopup:hover #kotakPopup { visibility:visible; box-shadow:0 0 30px #555 }
/****************************************** Form ****************************************************************************/
#papar_semakan_username {position:relative; display:none; width:95%; padding:10px; margin:5px 0 10px 0; border:1px solid #e1e1e1}
.formWidth1 {width:60%}
.formWidth2 {width:70%}
td{font-family:inherit;font-size:inherit;color:inherit}
.tajukInput {position:relative}
input[type=submit], input[type=reset], input[type=button] {padding:5px 10px; font-family:inherit;font-size:inherit;color:inherit}
input[type=text], input[type=password] {background:transparent;width:100%;height:25px;padding:5px;border:1px solid #add8e6;font-family:inherit;font-size:inherit;color:inherit}
input[type=text]:focus, input[type=password]:focus {background:linear-gradient(to bottom, #d1d1d1, #fff, #fff)}
select{background:transparent;height:35px;border:1px solid #add8e6;font-family:inherit;font-size:inherit;color:inherit}
textarea{background:transparent;width:100%;height:90px;padding:5px;border:1px solid #add8e6;resize:none;font-family:inherit;font-size:inherit;color:inherit}
textarea:focus{background:linear-gradient(to bottom, #d1d1d1, #fff, #fff, #fff)}
.inputo{background:transparent;width:calc(100% - 10px);padding:5px;border:1px solid #add8e6;font-family:inherit;font-size:inherit;color:inherit}
.select{background:transparent;border:1px solid #add8e6;font-family:inherit;font-size:inherit;color:inherit}
.textarea{background:transparent;width:100%;height:90px;padding:5px;border:1px solid #add8e6;resize:none;font-family:inherit;font-size:inherit;color:inherit}
.inputo:focus{background:linear-gradient(to bottom, #d1d1d1, #fff, #fff)}
.textarea:focus{background:linear-gradient(to bottom, #d1d1d1, #fff, #fff, #fff)}
/********************************** EFEK IMEJ *******************************************************************************************/
.imej { border:0px solid #000; box-shadow:/*2px 2px 8px 2px #555*/0 0 15px #ccc; behavior:url(css/PIE/PIE.php) }
.imej_kecil { border:0px solid #000; box-shadow:0 0 15px #999; behavior:url(css/PIE/PIE.php) }
.imej_opaque { opacity:0.5 }
.imej_opaque:hover { opacity:1 }
/********************************** EFEK TOOLTIP *******************************************************************************************/
#gambarTooltip { border:1px solid #800; box-shadow:0 0 55px #000; behavior:url(css/PIE/PIE.php) }
#gambarTooltipSijil { border:1px solid #000; box-shadow:0 0 25px #000; behavior:url(css/PIE/PIE.php) }
#teksTooltip { background:url(../img/transparentputih.png); border:3px solid #81992b; padding:20px; font-size:200%; text-align:left; box-shadow:0 0 45px #000; behavior:url(css/PIE/PIE.php) }
/******************************************* IMEJ BBELACAK NAIK **********************************************************************************/
.avatar { width:80px; height:80px }
.imejBelacakNaik { width:80px; height:80px; border:0px solid #000; margin:0 3px 0 0; box-shadow:0 0 0px 0px #555; transition:all 0.5s ease }
.imejBelacakNaik:hover { box-shadow:0 0 18px 2px #777 }
.imejBelacakNaik:active { box-shadow:0 0 0 0 #777 }
.belacakTakNaik { width:auto; height:4.9vw; border:0px solid #000; box-shadow:0 0 0px 0px #555 }
.imejBelacakNaik2 { border:1px solid #000; box-shadow:0 0 0px 0px #555; transition:all 0.5s ease; behavior:url(css/PIE/PIE.php) }
.imejBelacakNaik2:hover { box-shadow:0 0 18px 2px #777; behavior:url(css/PIE/PIE.php) }
.imejBelacakNaik2:active { box-shadow:0 0 0 0 #777; behavior:url(css/PIE/PIE.php) }
.belacakTakNaik2 { border:1px solid #000; box-shadow:0 0 0px 0px #555; behavior:url(css/PIE/PIE.php) }
.popupImej {display:block}
.noPopupImej {display:none}
/************************************* STYLE ************************************************************************/
a:link, a:visited { color: #CC5500; text-decoration: none }
a:hover { color:#555 }
a.z:link, a.z:visited { color: #ed1c24; text-decoration:none }
a.z:hover { color: #555 }
a.z2:link, a.z2:visited { color: #CC5500; text-decoration: none }
a.z2:hover { color:#555 }
a.a:link, a.a:visited { color:#ed1c24; text-decoration:underline }
a.a:hover { color:#81992B; text-decoration:none }
a.b:link, a.b:visited { color:#f39912; text-decoration:none }
a.b:hover { color:#999; text-decoration:none }
a.c:link, a.c:visited { color:#81992b; text-decoration:none }
a.c:hover { color:#616066 }
a.d:link, a.d:visited { color:#669900; text-decoration:none }
a.d:hover { color:#861215 }
a.e:link, a.e:visited { letter-spacing:.2em; color:#555; text-decoration:none }
a.e:hover { color:#ed1c24 }
a.f:link, a.f:visited { color:#81992B; text-decoration:none }
a.f:hover { text-decoration:underline }
a.g:link, a.g:visited { font-family:Trebuchet MS; color:#fff; letter-spacing:.2em; text-decoration:none }
a.g:hover { color:#000 }
a.h:link, a.h:visited { font-family:arial; letter-spacing:.2em; color:#CC5500; text-decoration:none }
a.h:hover { color:#555 }
a.i:link, a.i:visited { letter-spacing:.2em; color:#000; text-decoration:none }
a.i:hover { color:#555 }
a.j:link, a.j:visited { letter-spacing:.3em; color:#000; text-decoration:none }
a.j:hover { color:#555 }
a.menuAdmin:link, a.menuAdmin:visited { color:#888; letter-spacing:.1em; font-size:90%; text-decoration:none }
a.menuAdmin:hover { color:#aaa }
a.y:active { color:#000; text-decoration:underline }
a.ahli:link, a.ahli:visited { color:#888; text-decoration:none}
a.ahli:hover, a.ahli:hover:visited { color:black; text-decoration:underline }
a.pop:link, a.pop:visited { color:#ffcc00; text-decoration:none }
a.pop:hover { color:#fff; text-decoration:underline }
a.pop:active { color:#ffcc00; text-decoration:underline }
a.tulisanPutih:link, a.tulisanPutih:visited { color:#fff; text-decoration:none }
a.tulisanPutih:hover { color:#ffdb58 }
a.tulisanKuning:link, a.tulisanKuning:visited { color:#ffdb58; text-decoration:none }
a.tulisanKuning:hover { color:#fff }
/******************************************** PAGINATION ***************************************************************************************/
div.pagination { padding:3px; margin:3px; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; behavior:url(css/PIE/PIE.php) }
div.pagination a { padding:2px 5px 2px 5px; margin: 2px; border:1px solid #800000; text-decoration:none; color:#000; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; behavior:url(css/PIE/PIE.php) }
div.pagination a:hover { font-weight:bold; background-color:#800000; color:#fff; box-shadow:0 0 15px 1px #777 }
div.pagination a:active { font-weight:normal; background-color:transparent; color:#000; box-shadow:0 0 0 0 #777 }
div.pagination span.current { padding:2px 5px 2px 5px; margin:2px; border:1px solid #800000; font-weight:bold; background-color:#800000; color:#FFF }
div.pagination span.disabled { padding:2px 5px 2px 5px; margin:2px; border:1px solid #EEE; color:#DDD }
/************************************ Profil ***************************************************************************************************/
#pengarah1, #pengarah2, #pengarah3, #pengarah4 {display:inline-block; *display:block; zoom:1; vertical-align:top; width:90px}
#pengarah0, #pengarah5 {width:90px}
#nama_pengarah1a, #nama_pengarah2a, #nama_pengarah3a, #nama_pengarah4a {display:block; margin:0 0 20px 0}
#nama_pengarah1b, #nama_pengarah2b, #nama_pengarah3b, #nama_pengarah4b {display:none; margin:0 0 20px 0}
#carta_organisasi {width:450px}
/****************************************** TERKINI PALESTIN *********************************************************************************/
.terkiniPalestinKekotakNyok { position:absolute; width:200px; top:0; left:0 }
.terkiniPalestinThumbKotak { position:absolute; width:130px; height:90px; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; behavior:url(css/PIE/PIE.php) }
.terkiniPalestinThumb { border:0px solid #000; opacity:0.8; filter:alpha(opacity=80); box-shadow:/*2px 2px 8px 1px #222*/ 0 0 10px #888; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; behavior:url(css/PIE/PIE.php) }
.terkiniPalestinKekotakNyok:hover .terkiniPalestinThumb { border:0px solid #000; opacity:1; filter:alpha(opacity=100); box-shadow:0 0 0 #222; behavior:url(css/PIE/PIE.php) }
.terkiniPalestinGambarKecilBayang { position:absolute; top:15px; right:-25px; width:100px; height:100px; z-index:-2; background:none; z-index:-2 }
.terkiniPalestinKekotakNyok:hover #terkiniPalestinGambarKecilBayang { position:absolute; top:12px; left:-32px; width:100px; height:100px; z-index:-2; background:url(../img/bayangbulat.png); z-index:-2; transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); behavior:url(css/PIE/PIE.php) }
.terkiniPalestinTajuk { position:relative; top:0; right:-10000px; width:370px; color:#000; font-family:arial,tahoma; font-size:12px; line-height:12px; z-index:10; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; behavior:url(css/PIE/PIE.php) }
.terkiniPalestinKekotakNyok:hover .terkiniPalestinTajuk { position:absolute; top:2px; right:0px; width:350px; color:#800000; border:0px solid #000; font-family:arial,tahoma; font-size:26px; font-weight:bolder; line-height:26px; z-index:10; padding:10px; text-shadow:0 0 35px #888 }
/****************************************** ARTIKEL ********************************************************************************************/
.artikelThumbKotak { position:absolute; top:0; left:0; color:#000; width:130px; height:90px; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; behavior:url(css/PIE/PIE.php) }
.artikelThumb { border:0px solid #000; opacity:0.8; filter:alpha(opacity=80); box-shadow:/*2px 2px 8px 1px #222*/ 0 0 10px #888; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; behavior:url(css/PIE/PIE.php) }	
.artikelThumb:hover { border:0px solid #000; opacity:1; filter:alpha(opacity=100); box-shadow:0 0 0 #222; behavior:url(css/PIE/PIE.php) }
.artikelTajuk { position:relative; width:100%; color:#555; text-decoration:none; z-index:10; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; behavior:url(css/PIE/PIE.php) }
.artikelTajuk:hover { color:#800 }
/****************************************** BERITA ***********************************************************************************************/
.beritaKotakTrigger { position:relative; width:100%; margin:0 0 50px 0 }
.beritaTajuk { color:#000; text-decoration:none; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; behavior:url(css/PIE/PIE.php) }
.beritaKotakTrigger:hover .beritaTajuk { color:#800000; text-decoration:none }
.beritaBayangNombor { text-shadow:3px 3px 10px #111; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; behavior:url(css/PIE/PIE.php) }
.beritaKotakTrigger:hover .beritaBayangNombor { text-shadow:3px 3px 10px #060 }
/****************************************** PENDAPAT ********************************************************************************************/
#pendapatKotakMain { position:relative }
#pendapatKekotakNyok { position:relative; width:100%; border:1px solid transparent; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; behavior:url(css/PIE/PIE.php) }
#pendapatKotakMain:hover #pendapatKekotakNyok { position:relative; width:100%; border:1px solid #000; box-shadow:0 0 35px #555; behavior:url(css/PIE/PIE.php) }
#pendapatKotakTrigger { position:relative; width:calc(100%-60px); padding:20px 0 10px 0; margin:0 30px 0 30px }
#pendapatPendapat { font:18px arial; color:#bbb; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; behavior:url(css/PIE/PIE.php) }
#pendapatKotakMain:hover #pendapatPendapat { font:18px arial; color:#F00 }
#pendapatTajuk { color:#555; text-decoration:none }
#pendapatKotakMain:hover #pendapatTajuk { text-shadow:1px 1px 5px #eee }
#pendapatBayangNombor { text-shadow:3px 3px 7px #111; transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -ms-transition:all 1s ease; behavior:url(css/PIE/PIE.php) }
#pendapatKotakMain:hover #pendapatBayangNombor { text-shadow:1px 1px 3px #888; color:#000 }
/****************************************** PROJEK MUBARAK **************************************************************************************/
#mubarakKekotakNyok { position:relative }
#mubarakEfek { position:relative; font:23px arial; font-weight:bolder; text-shadow:2px 2px 10px #999 }
#mubarakKekotakNyok:hover #mubarakEfek { position:relative; font:23px arial; font-weight:bolder; text-shadow:1px 1px 1px #aaa }
/********************************* ALBUM GAMBAR ******************************************************************************************/
#albumGambarKekotakNyok { position:relative; width:115px; height:76px; display:inline-block; *display:inline; zoom:1; vertical-align:top; margin:0 5px 7px 0 }
#albumGambarThumb { width:115px; height:76px; opacity:0.6; filter:alpha(opacity=60); border:1px solid #000; box-shadow:2px 2px 4px 1px #777; behavior:url(css/PIE/PIE.php) }
#albumGambarKekotakNyok:hover #albumGambarThumb { opacity:1; filter:alpha(opacity=100); border:1px solid #000; box-shadow:0 0 0 0 #777; transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); behavior:url(css/PIE/PIE.php) }
#albumGambarKekotakNyok:active #albumGambarThumb { opacity:1; filter:alpha(opacity=100); border:1px solid #000; box-shadow:0 0 48px 15px #222; transform:rotate(-4deg); -moz-transform:rotate(-4deg); -webkit-transform:rotate(-4deg); -ms-transform:rotate(-4deg); behavior:url(css/PIE/PIE.php) }
/****************************************** EFEK TEKS ***************************************************************************************/
.bayangTeks { text-shadow:1px 1px 1px #aaa }
.bayangTeks:hover { text-shadow:0 0 0 #aaa }
#bayangLink { text-shadow:0 0 7px #888 }
#bayangTajukBesar { text-shadow:2px 2px 5px #ccc }
#bayangTeks { text-shadow:1px 1px 1px #aaa }
#bayangTeksHover { text-shadow:1px 1px 1px #aaa	}
#bayangTeksHover:hover { text-shadow:0 0 0 #aaa }
#bayangNombor { text-shadow:3px 3px 10px #111 }
#tajukPopup { color:#444; text-decoration:none }
#tajukPopup:hover { color:#fff; text-decoration:none; text-shadow:3px 3px 10px #111 }
#tajukPopup:active { color:#fff; text-decoration:none; text-shadow:1px 1px 2px #111 }
/**************************** KEDAI & KOMIK ********************************************************************************/
#menuKedaiPopup { position:absolute; top:20px; left:-500000px; margin-left:0px; width:220px; font-family:arial; font-size:var(--font-size); font-size:14px; padding:30px 40px 40px 40px; background:#6082b6; opacity:0.95; box-shadow:0 25px 65px #555; text-align:left; z-index:10 }
#popProduk { display:block }
.popProd { position:absolute; left:-99999px; background:#fff; border:1px solid #000; box-shadow:0 0 55px #000; -ms-box-shadow:0 0 55px #000; z-index:200 }
#popProduk:hover .popProd { left:0 }
#senarai_kategori { position:relative; width:47%; height:170px; display:inline-block; *display:inline; zoom:1; vertical-align:top; border-bottom:1px solid #e9e9e9; padding:0 10px 30px 0; margin:0 0 40px 0 }
.lagi_produk { position:relative; display:none; width:100px; border-top:1px solid #f1f1f1; letter-spacing:.15em; padding:3px 0 0 0; margin:5px 0 0 0 }
#senarai_kategori:hover .lagi_produk { display:block }
.imej_butang { width:200px; text-align:center; padding:15px 30px; margin:10px 0 0 0; color:#555; font-size:100%; letter-spacing:.05em; cursor:pointer; border:1px solid #555; box-shadow:0 0 10px #999; behavior:url(css/PIE/PIE.php) }
.imej_butang:hover { box-shadow:0 0 0px #666; behavior:url(css/PIE/PIE.php) }
.imejFx {border:1px solid #000; box-shadow:0 -5px 10px #aaa; behavior:url(css/PIE/PIE.php)}
.imejFx:hover, .senarai_produk:hover .imejFx {box-shadow:0 0px 0px #aaa; behavior:url(css/PIE/PIE.php)}
.senarai_produk {position:relative; width:120px; display:inline-block; *display:inline; zoom:1; vertical-align:top; border:1px solid #e1e1e1; padding:20px; margin:0 0 3px 0; background-color:none}
.senarai_produk:hover {background-color:#e5e5e5}
.pop_deskripsi {position:absolute; left:-100000px; bottom:0; width:120px; background:#000; opacity:0.7; filter:alpha(opacity=70); color:#fff; text-align:center; padding:20px}
.garis_pop_deskripsi {position:relative; border-bottom:1px solid #555; padding:0 0 5px 0; margin:0 0 5px 0}
.senarai_produk:hover .pop_deskripsi {left:0px}
.prod_harga {position:relative; color:#888; letter-spacing:.1em; padding:3px 0 0 0}
.senarai_produk:hover .prod_harga {color:transparent}

#kekotakButang {position:relative; padding:50px 0 0 0}
#kekotakMasukTroli {position:relative; width:100%; padding:55px 0 10px 0}
#kekotakImejProduk {position:relative; width:304px; margin:0 40px 0 0}
#kekotakDataProduk {position:relative; width:calc(100% - 350px); border:0px solid #e9e9e9}
#butang_beli {color:#fff; background:#ff8c00}
/**************************** Bayaran Obnline ********************************************************************************/
#kekotakBayaranOnline { position:relative; width:100%; height:100%; background:#fff }
/**************************** Map ********************************************************************************************/
#map_canvas { position:relative; width:500px; height:300px; border:1px solid #d1d1d1; margin:20px 0 }
/**************************** Maktabah ***************************************************************************************/
.iframe-container { position: relative; width: 100%; padding-bottom: 80%; height: 0; } 
.iframe-container iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; }
.popupVideo { display:inline-block }
.noPopupVideo { display:none }

#cookiePolicyPopup { position:fixed; bottom:0; left:0; width:100%; height:60px; color:#fff; background:#6082b6; opacity:0.9; z-index:500 }
#cookiePolicyContent { margin:0; position:relative; top:50%; -ms-transform:translateY(-50%); transform:translateY(-50%) }