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 #e9e9e9; 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;}
@font-face {font-family: 'questrial'; src: url('questrial/questrial-regular-webfont.woff2') format('woff2'), url('questrial/questrial-regular-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%; overflow:hidden }
#logoAtas { position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:top; top:0; left:0; width:90px }
#logoBawah { position:relative; width:90px; padding:7px 0 0 0 }
#atasPunyaKontena { position:absolute; top:0; left:0; width:100%; z-index:6 }
#atasPunyaKontena2 { position:absolute; top:0; left:0; width:100%; height:65px; background:/*#6495ED*//*#556B2F*/#fff; opacity:0.3; z-index:5 }
#bgAtasPunyaKontena { position:absolute; display:none; top:0; left:0; width:100%; z-index:0 }
#kekotakKandunganLogo { position:absolute; top:12px; left:0; width:138px; height:60px; margin:0 2%; z-index:1 }
/*#kekotakKandunganMesej { position:absolute; top:12px; left:0; width:138px; height:60px; 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% }
.paddingAtasBawah { position:relative; height:35px }
/***************************************** MENU ************************************************************************/
#kekotakKandunganMenu { position:absolute; top:0; right:0; height:100%; padding:0px 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; top:12px; display:inline-block; *display:inline; zoom:1; vertical-align:top; width:35px; height:35px; border-radius:35px; background:#fff; cursor:pointer }
.menuBulat { display:block; border:1px solid #e1e1e1; box-shadow:inset 0 0 15px #ddd, 0 0 5px #555; z-index:2 }
.menuBulat2 { display:none; border:1px solid #e1e1e1; box-shadow:inset 0 0 15px #777, 0 0 0px #000; z-index:1 }
#kontenaHr:hover .menuBulat, 
#kontenaMenu:hover .menuBulat, 
#kontenaBahasa:hover .menuBulat, 
#kontenaAhli:hover .menuBulat, 
.menuBulat:hover { box-shadow:inset 0 0 5px #ddd, 0 0 10px #333 }
.menuBulatMargin { margin:0 0 0 3px }
.menuBulatDalam, .menuBulatDalam2 { position:absolute; width:35px; height:35px; border-radius:35px; overflow:hidden }
.menuBulatDalam { z-index:2 }
.menuBulatDalam2 { z-index:1 }
.menuPenyambungLine { position:absolute; top:-21px; right:41px; width:1px; height:21px; border-right:1px solid #6082b6; z-index:1 }
#menuLoginBadan, #menuLoginBadan2, #menuLoginBadanb, #menuLoginBadan2b { position:relative; top:23px; width:35px; height:35px; border-radius:35px }
#menuLoginKepala, #menuLoginKepala2, #menuLoginKepalab, #menuLoginKepala2b { position:relative; top:-10px; width:10px; height:10px; border-radius:10px; margin:0 auto }
#menuLoginBadan, #menuLoginKepala, #menuLoginBadanb, #menuLoginKepalab { background:#888 }
#menuLoginBadan2, #menuLoginKepala2, #menuLoginBadan2b, #menuLoginKepala2b { background:#81992b }
#kontenaHr {margin:0 6px 0 6px}
#kontenaTroli {margin:0 0 0 6px}
#kontenaBahasa {margin:0 0 0 6px}
#kontenaKiosk {margin:0 0 0 6px}
#kontenaAhli {margin:0 0 0 6px}
#kontenaHr, #kontenaMenu, #kontenaBahasa, #kontenaKiosk, #kontenaRss, #kontenaTwitter, #kontenaFacebook, #kontenaYoutube, #kontenaAhli 
{ position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:top; width:35px; height:0 }
#menuPopupHr, #menuPopupMenu, #menuPopupBahasa, #menuPopupKiosk, #menuPopupRss, #menuPopupAhli 
{ position:absolute; top:-50000px; left:-50000px; width:420px; padding:60px 0 30px 0; background:/*#6082b6*/#556B2F; box-shadow:0 25px 65px #555; cursor:default; opacity:0.85; 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_menu_icon_top, #sn_menu_icon_top2, #sn_dana_top, #sn_dana_top2, #sn_logo1_top, #sn_logo2_top, #sn_logo3_top, #sn_logo4_top, #sn_logo5_top{width:35px;height:35px}
#bendera_nama_bahasa_top,#bendera_nama_bahasa_top2{position:relative; width:35px; height:35px; color:#888; font-size:100%; display:table-cell; vertical-align:middle}
#sn_menu_icon_top,#sn_menu_icon_top2{background:url(../img/menu_icon.png); background-color:none; background-repeat:no-repeat; background-size:11px 14px; background-position:center}
#sn_dana_top,#sn_dana_top2{background:url(../img/social_network_logo_dana2a.png);background-size:22px 22px;background-repeat:no-repeat;background-position:center}
/**********************************************************************************************************************/
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}
#sn_menu_icon, #sn_dana, #sn_login, #sn_logo1, #sn_logo2, #sn_logo3, #sn_logo4, #sn_logo5{position:relative;width:53px;height:53px;cursor:pointer}
#sn_menu_icon:hover, #sn_dana:hover, #sn_logo1:hover, #sn_logo2:hover, #sn_logo3:hover, #sn_logo4:hover, #sn_logo5:hover{box-shadow:0 0 10px #888;behavior:url(css/PIE/PIE.php)}
#bendera_nama_bahasa{position:relative;width:53px;height:53px;font-size:120%;display:table-cell;vertical-align:middle;}
#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)}
#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_borang{position:relative;width:19vw;height:10px;border-top:1px solid #e9e9e9;margin:10px 0 0 0}
#kekotakTutupMenuBawah {position:absolute; top:-80px; left:0; width:0; height:0; z-index:1}
/************************************* Bahagian Badan Dalam ***************************************************************/
#kekotakTajuk { position:relative; width:100%; height:calc(100vw * 0.35); font-family:rosario; display:table; text-align:center; z-index:1 }
#kekotakTajukBgDalam { position:absolute; display:block; top:0; left:0; width:100%; height:inherit; opacity:0.8; z-index:0 }
#kekotakTajukBgDalam:hover { opacity:1 }
.bayangKeAtas { position:absolute; bottom:0; left:0; width:100%; height:60px; background:linear-gradient(to top, #333, transparent); z-index:1 }
#mesejDepan { position:absolute; transform:translateY(40%); left:25vw; width:100%; height:calc(100vw * 0.35); color:#fff; font:1.3vw questrial; letter-spacing:.2em; line-height:140%; text-shadow:1px 1px 2px #333; display:table-cell; vertical-align:middle; pointer-events:auto; text-align:left; z-index:3  }
#tajukMuka { position:relative; width:100%; color:#fff; font-size:150%; line-height:140%; text-shadow:2px 2px 3px #777; display:table-cell; vertical-align:middle; pointer-events:auto; text-align:center; z-index:2  }
.mukaPunyaTajuk { font:/*210% italianno*/150% courgette }
.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%; background:#F7FDF8; margin:0 auto; 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%; background:#fff; padding:4vw 0 2vw 0; transform:translateX(-50%); width:70%; text-align:left; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; /*box-shadow:0 0 20px #ddd;*/ z-index:1; overflow:hidden }
#kandunganDataUtama { position:relative; min-height:700px; height:700px; height:auto !important; max-height:5000000px; padding:0 15%; margin:0 0 4vw 0; z-index:10 }
#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.35); color:#555; background:#6082b6; text-align:left; z-index:0; overflow-y:hidden }
#kekotakKandunganMenuBottom { position:relative; color:#fff; padding:0 2%; background:/*#556B2F*/#6495ED; text-align:left; z-index:3; overflow:hidden}
#shadowCircleUpLeft { position:absolute; bottom:0; left:0; width:550px; height:100px; background:url(../img/shadowcirclebottom.png) }
#shadowCircleUpRight { position:absolute; bottom:0; right:0; width:550px; height:100px; background:url(../img/shadowcirclebottom.png) }
#kekotakMenuBottom1 { position:relative; width:26%; padding:5vw 5% 4vw 2%; margin:0 0 0 0; z-index:1 }
#kekotakMenuBottom2 { position:relative; width:25%; padding:5vw 5% 8vw 5%; margin:0 0 0 0; border-left:0px solid #84B2D7; border-right:0px solid #84B2D7; box-shadow:0 0 20px #444; z-index:1 }
#kekotakMenuBottom3 { position:relative; width:23%; padding:5vw 2% 4vw 5%; z-index:1 }
#menuBottom1 { position:relative; color:#000; text-align:justify }
#menuBottom2 { position:relative; color:#000 }
#menuBottom3 { position:relative; color:#000 }
#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 15px 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 3px 0; margin:0 0 3px 0; border-bottom:1px solid #84B2D7 }
.lineMenuBawah2 { position:relative; width:calc(100% - 50px); padding:0 0 5px 0; margin:0 30px 5px 0; border-bottom:1px solid #777 }
.line_500_800 { position:relative; display:inline-block; *display:block; zoom:1; vertical-align:top; left:0; width:0; padding:0 0 0px 0; margin:0 0 0px 0; border-bottom:0px solid #84B2D7 }
.tajukMenuBawah { font-family:sans-serif;font-weight:bold; letter-spacing:.3em; color:#000; text-shadow:1px 1px 3px #333 }
.bulatanLine { position:absolute; top:4px; width:8px; height:8px; border-radius:8px; background:#ff8c00 }
.tajukMenuBreak { height:10px }
.menuBawahSenarai { position:relative; left:0 }
.creditCard { width:20%; box-shadow:0 5px 5px #333 }
#barBiru { position:absolute; bottom:0; left:0; width:100%; height:50px; background:/*#6495ED*//*#556B2F*/#fff; opacity:0.3; z-index:0 }
#barBiru2 { position:absolute; top:0; left:0; width:100%; height:20px; background:/*#6495ED*/#556B2F; opacity:0.3; z-index:0 }
#barPutih { position:absolute; top:0; left:0; width:100%; height:20px; background:/*#6495ED*/#fff; opacity:0.2; z-index:0 }
#copyrightBarBiru { position:absolute; bottom:0; left:0; width:100%; height:50px; z-index:3 }
#copyrightBarBiruData { color:#000; letter-spacing:.5em; text-shadow:1px 1px 3px #444; transform:translateY(55%) }
#copyright1 {position:relative; display:block}
#copyright2 {position:relative; display:none}
#mengenai_kami_depan, #hubungi_kami_depan {padding:10px 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; 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%; font-weight:bolder; text-align:center}
#sijil_kp {position:absolute; width:100%; top:156px; color:#344492; font-size:160%; 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:15%}
.menuAhliKanan {width:70%}
.indentMenuAhli2 {width:0}
.menuAhliKanan2 {width: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*/#000; letter-spacing:.2em; font:120% sans-serif; font-weight:bold }
/****************************************** 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 }
.avatar2 { width:80px; height:80px; border:1px solid #000 }
.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 }
a.tulisanBiru:link, a.tulisanBiru:visited { color:#0033ff; text-decoration:none }
a.tulisanBiru:hover { color:#ffdb58  }
a.tulisanHitam:link, a.tulisanHitam:visited { color:#000; text-decoration:none }
a.tulisanHitam:hover { color:#fff }
a.tulisanHijau:link, a.tulisanHijau:visited { color:#556B2F; text-decoration:none }
a.tulisanHijau: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: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%) }