@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Open+Sans:wght@400;600;700&family=Oswald:wght@600&display=swap');

/*
font-family:'Montserrat', sans-serif;
font-family:'Open Sans', sans-serif;
font-family:'Oswald', sans-serif;
*/

BODY { font-family:'Montserrat', sans-serif; font-size:16px; line-height:1.5625rem; color:#000000; background:#ffffff; min-height:100vh; }

BODY::-webkit-scrollbar-track { background:transparent; }
BODY::-webkit-scrollbar-thumb { background:#CCCCCC; }
BODY::-webkit-scrollbar { width:6px; }

#netcontent {  background:#FFFFFF; } 
   #lo_whole {  }
   #lo_panel {  }
    #lo_main {  width:100%; margin:auto;   }
      .main_area {  width:100%; position:relative; padding-top:140px; }	
			.ive_designmode .main_area { padding-top:0px; }
			
/* Font - Done */
.main_area h1 { color:#FF2B4E; font-size:2.375rem; font-family:'Oswald', sans-serif; font-weight:bold; line-height:1.3 !important; margin-bottom:15px; text-align:center; }
.main_area h2 { color:#000000; font-size:2rem; font-family:'Oswald', sans-serif; font-weight:bold; line-height:1.3 !important; margin-bottom:10px; }
.main_area h3 { color:#f47920; font-size:1.75rem; font-family:'Oswald', sans-serif; font-weight:bold; line-height:1.3 !important; margin-bottom:10px; }
.main_area h4 { color:#f47920; font-size:1.75rem; font-family:'Oswald', sans-serif; font-weight:bold; line-height:1.3 !important; margin-bottom:10px; }

.content_area, .sidebar_area, .ive_content, .ive_content P, .ive_content DIV {  line-height:1.5625rem !important; color:#000000; font-family:'Montserrat', sans-serif;  font-size:1rem; }
.content_area P, .sidebar_area P { margin:0px 0px 10px 0px; }

/* Masthead - Done */
.masthead_area { overflow:visible; background:#ffffff; width:100%; margin:0px auto; position:fixed; top:0px; left:0px; z-index:1400; }
.ive_designmode .masthead_area  { position:relative; top:auto; left:auto; z-index:1000;  }
header { width:100%;  max-width:1200px; height:100px; margin:0px auto; padding:4px 20px; display:block; position:relative; box-sizing:border-box; }
header A#site-logo { display:block; width:96px; height:92px; background:url('/qql/slot/u262/style/top/logo.png') left center no-repeat; color:transparent; text-indent:-9999px; background-size:auto 80%; }

header UL#top-links { display:table; width:auto; margin:0px; padding:0px; position:absolute; top:50%; transform:translateY(-50%); right:310px; }
header UL#top-links > LI { display:inline-block; margin:0px 10px; padding:0px; }
header UL#top-links > LI A { font-size:0.9375rem; font-weight:medium; color:#000000; text-decoration:none; }
header UL#top-links > LI A:hover { color:#ff2b4e; text-decoration:none; }

header UL#fontsize-toggle { display:table; width:auto; margin:0px; padding:0px; position:absolute; top:50%; transform:translateY(-50%); right:210px; }
header UL#fontsize-toggle > LI { display:inline-block; margin:0px 10px; padding:0px; }
header UL#fontsize-toggle > LI SPAN { display:inline-flex; width:auto; height:25px; font-weight:normal; color:#000000; cursor:pointer; align-items:flex-end; justify-content:center; font-family:'Open Sans', sans-serif; }
header UL#fontsize-toggle > LI SPAN:hover { color:#ff2b4e; }
header UL#fontsize-toggle > LI SPAN#font-small { font-size:13px; }
header UL#fontsize-toggle > LI SPAN#font-default { font-size:18px; }
header UL#fontsize-toggle > LI SPAN#font-big { font-size:22px; }

#search-cnt { width:200px; height:25px; padding:0px 18px 0px 10px; background:url('/qql/slot/u262/style/top/search.png') 172px center no-repeat #f2f2f2; border-radius:12.5px; box-sizing:border-box; position:absolute; top:50%; transform:translateY(-50%); right:0px; }
#search-cnt INPUT { width:100%; height:25px; font-size:0.8125rem; line-height:25px; color:#000000; border:none; background:transparent; margin:0px; padding:0px; font-family:'Open Sans', sans-serif; font-weight:normal; }

header #rwdbar-cnt { display:none; }

/* Navigation - Done */
.sitemenu_area 		{ width:100%; max-width:100%; padding:0px 20px; display:block; margin:0px auto; background:#ff2b4e; box-sizing:border-box; position:fixed; top:100px; left:0px; z-index:1401;  }
.ive_designmode .sitemenu_area  { position:relative; top:auto; left:auto; z-index:1000; }

.sitemenu_area UL.sitemenu  			{ display:flex; margin:0px auto; padding:0px; text-align:center; width:100%; max-width:1200px; min-height:40px; justify-content:center; flex-wrap:nowrap; }
.sitemenu_area .sitemenu li 				{ display:inline-block; overflow:visible; padding:0px; margin:0px; float:none; text-align:center; cursor:pointer; }
.ive_designmode .sitemenu_area UL.sitemenu { flex-wrap:wrap; }
.ive_designmode .sitemenu_area .sitemenu li { position:relative; }

.sitemenu_area .sitemenu li:first-of-type { display:none; } 
.sitemenu_area .sitemenu li:hover, .sitemenu_area .sitemenu li.focus  { background:transparent; }
.sitemenu_area A.sitemenu, .sitemenu_area A.sitemenu:visited, .sitemenu_area A.sitemenu:hover, A.sitemenulit { background:transparent; color:#FFFFFF; padding:5px 10px 5px 10px; margin:0px; font-size:1rem; height:100%; display:flex; align-items:center; box-sizing:border-box; font-family:'Montserrat', sans-serif; text-align:center; font-weight:600; }
.sitemenu_area LI:hover > A.sitemenu, .sitemenu_area A.sitemenu:hover, a.sitemenulit { font-weight:600; text-decoration:none; color:#ffffff; background:#000000; }

#PTID_7526,  #PTID_7527,  #PTID_7528,  #PTID_7671,  #PTID_7673,  #PTID_7677 { display:none; }
.ive_designmode #PTID_7526,  .ive_designmode #PTID_7527,  .ive_designmode #PTID_7528,  .ive_designmode #PTID_7671,  .ive_designmode #PTID_7673,  .ive_designmode #PTID_7677 { display:inline-block; }

/* Dropdown Box - Done */
table.dropmenu { border:none; display:none; visibility:visible !important; background:#FFFFFF; z-index:9999; top:100% !important; border-collapse:collapse; min-width:250px; box-shadow:1px 1px 3px rgba(76, 76, 76,0.34); width:100%; max-width:1050px; left:50% !important; transform:translateX(-50%); padding:20px 0px; }
table.dropmenu table.dropmenu { box-shadow:none; display:block; top:auto !important; left:auto !important; transform:none; position:relative !important; padding:0px 0px; }

.sitemenu_area .sitemenu li > table.dropmenu > TBODY { display:block; width:100%; max-width:100%; margin:0px auto; } 
.sitemenu_area .sitemenu li > table.dropmenu > TBODY:after { display:block; clear:both; content:''; }
.sitemenu_area .sitemenu li > table.dropmenu > TBODY > TR { display:block !important; width:calc(100% / 3); float:left; }
.sitemenu_area .sitemenu li:hover > table.dropmenu { display:block !important; }
.sitemenu_area .sitemenu li:hover > table.dropmenu td { display:block !important; position:relative; }
.sitemenu_area .sitemenu li:hover > table.dropmenu A, .sitemenu_area .sitemenu li:hover table.dropmenu A:visited { padding:10px 20px; font-weight:normal; text-align:left; font-family:'Montserrat', sans-serif; color:#000000; font-weight:normal; font-size:1rem; position:relative; box-sizing:border-box; }
.sitemenu_area .sitemenu li:hover > table.dropmenu table.dropmenu A, .sitemenu_area .sitemenu li:hover table.dropmenu table.dropmenu A:visited { padding:5px 20px 5px 50px; }
.sitemenu_area .sitemenu li:hover > table.dropmenu A:hover { background:#ffffff; font-size:1rem; color:#ff2b4e; font-weight:norma; }
.sitemenu_area .sitemenu li > table.dropmenu > TBODY > TR > TD > A { font-weight:bold !important; color:#ff2b4e !important; padding:15px 20px 15px 50px !important; }
.sitemenu_area .sitemenu li > table.dropmenu > TBODY > TR > TD.hasdm > A { padding:15px 20px 5px 50px !important; }
.sitemenu_area .sitemenu li > table.dropmenu > TBODY > TR > TD > A:before { content:'♦'; display:inline-block; color:#ff2b4e; width:20px; text-align:left; position:absolute; left:20px; top:15px; }

.ive_designmode .sitemenu_area .sitemenu li > table.dropmenu > TBODY > TR { display:block !important; width:100%; float:none; }
.ive_designmode table.dropmenu table.dropmenu { display:none; position:absolute !important; left:100% !important; top:0px !important; }
.ive_designmode table.dropmenu TD:hover > table.dropmenu { display:block; }

.sitemenu_area .sitemenu li > #dropmenu_7681 > TBODY > TR:last-of-type { position:absolute; top:70px; }
.ive_designmode  .sitemenu_area .sitemenu li > #dropmenu_7681 > TBODY > TR:last-of-type { position:relative; top:auto; }

/* Masthead2 - Done */
.masthead2_area           { display:block; background:url('/qql/slot/u262/style/banners-2026/1. About Us.jpg') center no-repeat rgb(136, 196, 224);  background-size:100% 100%; height:29.14vw; position:relative; overflow:visible; }
.pagelevel-1 .masthead2_area { display:none; }

.PTP7443.PTP7681 .masthead2_area { background-image:url('/qql/slot/u262/style/banners-2026/3. Academics.jpg'); }
.PTP7443.PTP7679 .masthead2_area { background-image:url('/qql/slot/u262/style/banners-2026/1. About Us.jpg'); }
.PTP7443.PTP7527 .masthead2_area { background-image:url('/qql/slot/u262/style/banners-2026/News and Publications.jpg'); }
.PTP7443.PTP7678 .masthead2_area { background-image:url('/qql/slot/u262/style/banners-2026/2. Why Us.jpg'); }
.PTP7443.PTP7682 .masthead2_area { background-image:url('/qql/slot/u262/style/banners-2024/PHOTO 4_Community_Contact Us_1400x408.jpg'); }
.PTP7443.PTP7673 .masthead2_area { background-image:url('/qql/slot/u262/style/banners-2026/News and Publications.jpg'); }

.PTP7443.PTP7528 .masthead2_area { background-image:url('/qql/slot/u262/style/subpage banners/our-champion.jpg'); }
.PTP7443.PTP7680 .masthead2_area { background-image:url('/qql/slot/u262/style/banners-2026/4. Sports.jpg'); }
.PTP7443.PTP19175 .masthead2_area { background-image:url('/qql/slot/u262/style/banners-2026/5. Boarding and Business.jpg'); }

.PTP7443.PTP7526 .masthead2_area { background-image:url('/qql/slot/u262/style/subpage banners/student life video sample.jpg'); }

.masthead2_area .parent-cnt { display:flex; position:absolute; width:auto; width:auto; left:50%; transform:translateX(-50%); bottom:20px; margin:0px auto; text-align:center; align-items:center; justify-content:center; width:100%; }
.masthead2_area .parent-cnt .parent { font-family:'Oswald', sans-serif; font-weight:bold; font-size:4.625rem; color:#ffffff; display:inline-block; text-transform:uppercase; line-height:100%; text-shadow:3px 3px 5px rgba(45,45,45,0.5); }

/* Breadcrumbs - Done */
.path_box         { display:block; padding:10px 20px; margin:0px auto 20px auto; width:100% !important; text-align:left; font-size:0.9375rem; color:#000000; font-weight:normal; font-family:'Montserrat', sans-serif; position:relative; box-sizing:border-box; max-width:1200px; }
.path_box > SPAN, .path_box A, .path_box A:visited, .path_box A:hover { color:#000000; font-size:0.9375rem; text-decoration:none;  }
.path_box A:hover { color:#000000; text-decoration:none; }

.path_box SPAN:last-of-type, .path_box SPAN:last-of-type A, .path_box SPAN:last-of-type A:hover, .path_box SPAN:last-of-type A:visited { text-decoration:none; color:#ff2b4e; font-weight:normal; }

/* Content Area - Top Navi - Done */
.content_area > .top { padding:20px; border-bottom:1px solid #a1a1a1; box-sizing:border-box; width:100%; background:#FFFFFF; }
.fixed .content_area > .top { position:fixed; top:140px; z-index:1400; }
.ive_designmode .fixed .content_area > .top { position:relative; top:auto; z-index:1000; }

.content_area > .top UL { display:flex; width:100%; max-width:1200px; margin:0px auto; padding:0px; flex-wrap:wrap; justify-content:center; }
.content_area > .top UL LI { display:inline-block; margin:0px; padding:0px 20px; text-align:center; min-width:25%; box-sizing:border-box; }
.content_area > .top UL LI A, .content_area > .top UL LI A:hover { font-family:'Montserrat', sans-serif; font-size:1rem; font-size:medium; color:#000000; text-decoration:none; }
.content_area > .top UL LI B, .content_area > .top UL LI A:hover  {  font-family:'Montserrat', sans-serif; font-size:1rem; font-size:medium; color:#f47920; text-decoration:none; }

/* Content Area - Done */
.content_area { float:none !important; margin:0px auto; width:100% !important; padding:0px; position:relative; }

.content_area > .mid { width:100%; max-width:900px; margin:0px; padding:0px calc(50% - 600px) 0px 0px; }
.layout-default  .content_area > .mid           { float:right !important;  }
.layout-default_left  .content_area > .mid  { float:right !important; }

.content_area .appcontent_box, .content_area .pagecontent_box, .content_area .pageblock_box { padding:0px; margin:0px;  }	  
.content_area .pageblock_box { padding:15px 0px; }

.content_area .sidebar_area 			{ width:100%; max-width:250px; padding:0px 0px 0px calc(50% - 600px); margin:0px; display:block; }
.content_area .sidebar_area .mid { width:100%; padding:0px 20px; margin:0px; float:none; box-sizing:border-box; }

.layout-default  .content_area .sidebar_area  { float:left !important; }
.layout-default_left .content_area .sidebar_area { float:left !important; }

.sidebar_area .sidebar0_box, .sidebar_area .sidebar1_box { padding:0px; margin:0px; }
.sidebar_area .sidebar0_box { display:none; }

.layout-single_col .sidebar_area, .layout-single_col .content_area > .mid { width:100% !important; max-width:100%; padding:0px 0px; margin:0px auto; float:none !important; box-sizing:border-box; }

.content_area .pageblock_box > H2,  .content_area .pageblock_box > DIV, .content_area .pagecontent_box { display:block; max-width:1200px; padding:0px 20px; box-sizing:border-box; margin:0px auto; }
.content_area .pageblock_box > H2 { padding:0px 20px 20px 20px; }

.layout-single_col .sidebar_area { max-width:100%; padding:0px; }
.layout-single_col .sidebar_area .mid { display:none; }
.ive_designmode .layout-single_col .sidebar_area .mid { display:block; }

.content_area .bottom { clear:both; }

/* Footer - Done */
.footer_area { display:block; margin:0px;  padding:0px; width:100%; height:auto; background:#000000; }
footer { width:100%; max-width:1200px; margin:0px auto; padding:0px; display:flex; flex-direction:column;  }

footer > DIV.footer-top { display:flex; justify-content:space-between; padding:30px 0px; }
footer > DIV.footer-top > A#footer-logo { text-indent:-9999px; display:block; width:232px; height:66px; background:url('/qql/slot/u262/style/footer/footer logo.png') center no-repeat;  }
footer > DIV.footer-top > UL#socialmedia-cnt { display:flex; width:230px; justify-content:space-between; margin:0px; padding:0px; }
footer > DIV.footer-top > UL > LI { display:inline-block; width:46px; margin:0px; padding:0px; }
footer > DIV.footer-top > UL > LI A { text-indent:-9999px; display:block; width:46px; height:45px; }
footer > DIV.footer-top > UL > LI A#fb-btn { background:url('/qql/slot/u262/style/footer/fb.png') no-repeat; }
footer > DIV.footer-top > UL > LI A#instg-btn { background:url('/qql/slot/u262/style/footer/insta.png') no-repeat; }
footer > DIV.footer-top > UL > LI A#ll-btn { background:url('/qql/slot/u262/style/footer/linkin.png') no-repeat; }
footer > DIV.footer-top > UL > LI A#yt-btn { background:url('/qql/slot/u262/style/footer/youtube.png') no-repeat; }

footer > DIV.footer-bottom { padding:0px 0px 20px 0px; }
footer > DIV.footer-bottom > UL { display:flex; flex-direction:row; justify-content:space-between; margin:0px; padding:0px; }
footer > DIV.footer-bottom > UL LI { display:block; margin:0px; padding:0px; }
footer > DIV.footer-bottom > UL LI H4 { font-family:'Montserrat', sans-serif; font-weight:bold; font-size:1rem; color:#FFFFFF; }
footer > DIV.footer-bottom > UL LI P, footer > DIV.footer-bottom > UL LI A, footer > DIV.footer-bottom > UL LI SPAN { font-family:'Montserrat', sans-serif; font-weight:normal; font-size:0.875rem; color:#FFFFFF; } 
footer > DIV.footer-bottom > UL LI P { margin-bottom:20px; }
footer > DIV.footer-bottom > UL LI A:hover {  color:#fbc32b; text-decoration:none; }

footer > DIV.footer-bottom > UL LI #footer-contactus { display:block; padding:0px; margin:0px; }
footer > DIV.footer-bottom > UL LI #footer-contactus LI { display:block; padding:0px; margin:0px 0px 15px 0px; }
footer > DIV.footer-bottom > UL LI #footer-contactus LI SPAN { display:inline-block; padding-left:30px; }
footer > DIV.footer-bottom > UL LI #footer-contactus LI SPAN.address { background:url('/qql/slot/u262/style/footer/locate.png') left center no-repeat; }
footer > DIV.footer-bottom > UL LI #footer-contactus LI SPAN.phone { background:url('/qql/slot/u262/style/footer/phone.png') left center no-repeat; }
footer > DIV.footer-bottom > UL LI #footer-contactus LI SPAN.fax { background:url('/qql/slot/u262/style/footer/fax.png') left center no-repeat; }

footer > DIV.footer-bottom > UL LI #footer-quicklinks { display:flex; padding:0px; margin:0px; flex-wrap:wrap; flex-direction:column; width:400px; height:120px; }
footer > DIV.footer-bottom > UL LI #footer-quicklinks LI { display:block; margin:0px; padding:0px; width:50%; }

footer > DIV.copyright { text-align:center; }
footer > DIV.copyright SPAN { font-family:'Montserrat', sans-serif; font-weight:normal; font-size:0.6875rem; color:#FFFFFF; }

#top { position:fixed; right:20px; bottom:20px; z-index:9999; display:none; width:50px; height:50px; background:url('/qql/slot/u262/style/footer/back to top_desktop.png') center no-repeat; cursor:pointer; color:transparent; text-indent:-9999px; right:20px; bottom:20px; background-size:100% auto; }
.showtop #top { display:block; }
	
/* Hyperlink - Done */
a  		    	{ color:#ff2b4e; text-decoration:none; }
a:visited 	{ color:#ff2b4e; text-decoration:none; }
a:hover 		{ color:#ff2b4e; text-decoration:underline;      }

/* Subpages Box - Done */
.subpages_box { padding:10px 0px !important; margin:0px; width:100%; display:block; }

.subpages_box ul  { margin-left:0px;}

.subpages_box ul ul { margin-left:10px;  }
.subpages_box ul li  { padding:0px 0px 0px 0px; margin:0px 0px 3px 0px; display:none;  }
.subpages_box ul ul li { margin-left:10px; }

.subpages_box ul.mysubpages_  { margin-left:0px; }
.subpages_box ul.mysubpages_ li  { display:block; margin-left:0px; }

.subpages_box A, .subpages_box A:visited { display:block; font-family:'Montserrat', sans-serif; color:#000000; padding:3px 0px; margin:0px 0px 10px 0px; text-decoration:none; font-weight:medium; position:relative; text-align:left; font-size:0.9375rem; border-bottom:1px solid #363636; }
.subpages_box B, .subpages_box A:hover     { display:block; font-family:'Montserrat', sans-serif; color:#ff2b4e; padding:3px 0px; margin:0px 0px 10px 0px; text-decoration:none; font-weight:600; position:relative; text-align:left; font-size:0.9375rem; border-bottom:1px solid #363636; }

/* Multi-level Subpages - Done */
#pipe_custom_sidebar { padding:10px 0px !important; margin:0px; width:100%; display:block; }

#pipe_custom_sidebar ul  { margin-left:0px; display:block; }

#pipe_custom_sidebar ul ul { margin-left:10px; display:none; }
#pipe_custom_sidebar ul li.current > ul { display:block !important; }
#pipe_custom_sidebar ul li  { padding:0px 0px 0px 0px; margin:0px 0px 3px 0px; display:block; }
#pipe_custom_sidebar ul ul li { margin-left:10px; }

#pipe_custom_sidebar A, #pipe_custom_sidebar A:visited { display:block; font-family:'Montserrat', sans-serif; color:#000000; padding:3px 0px; margin:0px 0px 10px 0px; text-decoration:none; font-weight:medium; position:relative; text-align:left; font-size:0.9375rem; border-bottom:1px solid #363636; }
#pipe_custom_sidebar LI.current > A, #pipe_custom_sidebar A:hover     { display:block; font-family:'Montserrat', sans-serif; color:#ff2b4e; padding:3px 0px; margin:0px 0px 10px 0px; text-decoration:none; font-weight:600; position:relative; text-align:left; font-size:0.9375rem; border-bottom:1px solid #363636; }


/* Others - Done */
IMG { border:none; max-width:100%; }
.gv_infobar { visibility:hidden; }
#shade_img_ff, #shade_img_ie { display:none; }

#_ptoo_block_start { display:none; }
.ive_designmode #_ptoo_block_start { display:block; }

.iveo_pipe_mydocs_slidebox { display:block; }
.iveo_pipe_mydocs_slidebox, .iveo_pipe_mydocs_slidebox DIV { max-width:100%; }

.ctjq_litebox_dialog { left:50% !important; transform:translateX(-50%) !important; }
.ctjq_litebox_dialog IFRAME { width:90vw !important; max-width:800px !important; max-height:650px !important; }

.colored .block2 { background:#ffa200; }
.colored .block4 { background:#f3f3f3; }

.colored2 .block2, .colored2 .block4, .colored2 .block6, .colored2 .block8, .colored2 .block10 { background:#f3f3f3; }

/* Follow Us - Done */
.followus-cnt { width:100%; position:relative; margin-bottom:30px; }
.followus-cnt BR { display:none; }
.followus-cnt:after { padding-top:40%; content:'';  display:block; }
.followus-cnt IFRAME.snapwidget-widget { display:block; width:100% !important; height:100% !important; position:absolute; top:0px; left:0px; }
.ive_designmode .followus-cnt BR { display:block; }
.ive_designmode .followus-cnt IFRAME.snapwidget-widget { position:relative; height:40vw !important; }

/* FORM FIELDS - Done */
.content_area  INPUT[type='text'], .content_area  TEXTAREA { width:80%; }
.content_area  INPUT[type='text'], .content_area  TEXTAREA, .content_area  SELECT   { padding:3px; border:1px solid #CCCCCC; }
.content_area  TEXTAREA  { height:150px; }
.content_area  INPUT[type='submit'] {  padding:5px 15px; margin:5px 3px; border-radius:3px; cursor:pointer; text-align:center; }
.content_area  INPUT[type='button'] {  padding:5px 15px; margin:5px 3px; border-radius:3px; cursor:pointer; text-align:center; }
.content_area  .search_box .input_ { border:none; }
.content_area  .search_box INPUT.button_  { margin:2px !important;}

/* TABLE - Done */
.content_area TABLE { border-collapse:collapse; max-width:100%; }
.content_area TABLE.ives_tab_1 TH, .content_area TABLE.ives_tab_1 TD{ padding:5px; text-align:left;  }
.content_area TABLE.search_box { border:none; }
.content_area TABLE.event { border-collapse:initial; border:none !important; }

.content_area TABLE UL { margin-left:30px; }

/* Plain - Done */
.plain .main_area .masthead_area, .plain .main_area .sitemenu_area, .plain .main_area .masthead2_area, .plain .main_area .path_box, .plain .main_area .footer_area { display:none; }
.plain .main_area .content_area { max-width:100%; width:100% !important; }
.plain .main_area .content_area > .mid { padding:0px; }
.plain .main_area h1 { text-align:center; background:#d80d3d; padding:0px 20px; display:flex !important; width:100%; height:auto; box-sizing:border-box; display:block; align-items:center; justify-content:center; color:#FFFFFF; max-width:100%; font-size:2.625rem; padding:10px 0px; }
.plain .main_area .pageblock_box, .plain .main_area .description { padding:0px 20px !important; box-sizing:border-box; }
.plain .main_area .sidebar_area { display:none !important; }

/* Home - Banners - Done */
.pagelevel-1 .content_area { width:100% !important; max-width:100%; padding:0px !important; }

.iveo_pipe_happenings_slider { display:block !important; float:none !important; margin:0px !important; }
div.wrap { width:100%; height:auto; display:block; margin:auto; position:relative; padding:0px 0px 0px 0px; }
div#slide-holder { width:100%; height:auto; overflow:hidden; position:relative; margin:0px auto; }

div#slide-holder div#slide-runner { width:100%; max-width:100%; height:calc(100vh - 140px); position:relative; display:block; margin:0px;  }

div#slide-holder div#slide-controls { display:block !important;  position:absolute; bottom:5px; width:50%; text-align:center; left:50%; transform:translateX(-50%); margin:0px auto; z-index:1300; padding:0px; }
div#slide-holder div#slide-controls div#slide-client { display:none; }
div#slide-holder div#slide-controls #slide-nav-container { margin:0px auto; }
div#slide-holder div#slide-controls #slide-nav-container #slide-nav { text-align:center; }
div#slide-holder div#slide-controls #slide-nav-container #slide-nav A { display:inline-block; background:#ffffff; width:10px; height:10px; border-radius:50%; text-indent:9999px; padding:0px; margin:0px 10px; }
div#slide-holder div#slide-controls #slide-nav-container #slide-nav A.on { background:#ff2b4e; }

div#slide-content-holder { display:block !important; position:absolute; left:50%; top:20%; transform:translateX(-50%); width:100%; max-width:1200px; padding:0px 20px; z-index:1301; box-sizing:border-box; }
div#slide-content-holder .slide-content { display:none !important; } 
div#slide-content-holder .slide-content.active { display:block !important; } 

div#slide-content-holder .slide-content .slide-content-title { font-family:'Oswald', sans-serif; font-weight:600; font-size:3.5rem; color:#FFFFFF; text-shadow:1px 1px 3px rgba(0,0,0,0.7); line-height:120% !important; margin-bottom:20px; }
div#slide-content-holder .slide-content .slide-content-title SPAN { color:#ffbd30; }

div#slide-content-holder .slide-content .slide-content-desc { font-family:'Montserrat', sans-serif; font-weight:600; font-size:1.125rem; color:#FFFFFF; text-shadow:1px 1px 3px rgba(0,0,0,0.7); line-height:120% !important; margin-bottom:20px;  }

div#slide-content-holder .slide-content .slide-content-readmore A { font-family:'Montserrat', sans-serif; font-weight:600; font-size:0.9375rem; color:#FFFFFF; display:block; width:148px; height:34px; background:url('/qql/slot/u262/style/homepage/taglines/button_normal.png') center no-repeat; text-align:center; text-indent:-9999px; position:relative; }
div#slide-content-holder .slide-content .slide-content-readmore A:before { content:'Learn more'; display:flex; position:absolute; top:0px; left:20px; width:100px; height:34px; align-items:center; color:#FFFFFF; text-indent:0px; } 
div#slide-content-holder .slide-content .slide-content-readmore A:after { content:''; display:block; position:absolute; top:0px; right:20px; width:6px; height:34px; background:url('/qql/slot/u262/style/homepage/taglines/arrow_white.png') center no-repeat; }
div#slide-content-holder .slide-content .slide-content-readmore A:hover { background:url('/qql/slot/u262/style/homepage/taglines/button.png') center no-repeat; }

#slide-runner IMG { 
display: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 8;
    opacity: 0;
    object-fit: cover;
    height: 100%;
    object-position: top;
}
#slide-runner IMG.active { display: block; z-index: 10; opacity:1; }
#slide-runner IMG.last-active {   z-index: 9; opacity:1; }



/* Home - Body Init - Done */
.pagelevel-1 .content_area > .top { display:none; }
.pagelevel-1 .content_area > .mid { padding:0px !important; width:100% !important; max-width:100%; }
.pagelevel-1 .pagecontent_box { line-height:0px !important; max-width:100% !important; padding:0px; }
.pagelevel-1 .pageblock_box { width:100%; }
.pagelevel-1 .pageblock_box > H2, .pagelevel-1 .pageblock_box > DIV  { padding:0px 20px; margin:0px auto; max-width:1200px; }
.pagelevel-1 .sidebar_area, .pagelevel-1.ive_designmode .sidebar_area { display:none; }

/* Home - Sports Programmes - Done */
.pagelevel-1 .pageblock_box.block1 { background:#f0f0f0; padding:50px 0px; }
.pagelevel-1 .pageblock_box.block1 > H2 { font-weight:600; font-size:2.75rem; display:block; text-align:center; padding-bottom:20px; }
.pagelevel-1 .pageblock_box.block1 > DIV { max-width:1200px; width:100%; margin:0px auto; display:block; }

#home-sports-programmes TBODY { display:block; width:100%; }
#home-sports-programmes TR  { display:flex; justify-content:space-between; }
#home-sports-programmes TR > TD { padding:5px; width:25%; display:block; box-sizing:border-box; }
#home-sports-programmes TR > TD.wide { width:75%; }
#home-sports-programmes TR > TD.full { width:100%; }

#home-sports-programmes TR > TD > A { display:block; width:100%; height:100%; position:relative; padding:20px; box-sizing:border-box; }
#home-sports-programmes TR > TD > A:before { content:''; display:block; width:100%; height:100%; opacity:0; position:absolute; bottom:0px; left:0px; transition:all 0.5s ease-in; background:rgba(0,0,0,0.3); }
#home-sports-programmes TR > TD > A:after { padding-top:76.04%; content:''; display:block; }
#home-sports-programmes TR > TD > A.individualprog:after { padding-top:24.85%; content:''; display:block; }
#home-sports-programmes TR > TD > A.msa:after { padding-top:19.45%; content:''; display:block; }

#home-sports-programmes TR > TD > A P { font-family:'Montserrat', sans-serif; font-weight:bold; font-size:1.125rem; color:#FFFFFF; position:absolute; bottom:10%; left:20px; width:calc(100% - 40px); }
#home-sports-programmes TR > TD > A P SPAN { max-height:0px; display:block; font-family:'Montserrat', sans-serif; font-weight:normal; font-size:0.9375rem; color:#ffffff; transition:all 0.5s ease-in; overflow:hidden; }
#home-sports-programmes TR > TD > A:hover:before { opacity:1; }
#home-sports-programmes TR > TD > A:hover SPAN { max-height:100px; }
#home-sports-programmes TR > TD > A:hover SPAN:hover { color:#ff2b4e; text-decoration:none; }

#home-sports-programmes TR > TD > A.badminton { background:url('/qql/slot/u262/style/homepage/sports programmes/inactive/badminton.jpg') center no-repeat; background-size:cover; }
#home-sports-programmes TR > TD > A.bowling { background:url('/qql/slot/u262/style/homepage/sports programmes/inactive/bowling.jpg') center no-repeat; background-size:cover; }
#home-sports-programmes TR > TD > A.fencing { background:url('/qql/slot/u262/style/homepage/sports programmes/inactive/fencing.jpg') center no-repeat; background-size:cover; }
#home-sports-programmes TR > TD > A.football { background:url('/qql/slot/u262/style/homepage/sports programmes/inactive/football.jpg') center no-repeat; background-size:cover; }
#home-sports-programmes TR > TD > A.netball { background:url('/qql/slot/u262/style/homepage/sports programmes/inactive/netball.jpg') center no-repeat; background-size:cover; }
#home-sports-programmes TR > TD > A.shooting { background:url('/qql/slot/u262/style/homepage/sports programmes/inactive/shooting.jpg') center no-repeat; background-size:cover; }
#home-sports-programmes TR > TD > A.swimming { background:url('/qql/slot/u262/style/homepage/sports programmes/inactive/swimming.jpg') center no-repeat; background-size:cover; }
#home-sports-programmes TR > TD > A.table-tennis { background:url('/qql/slot/u262/style/homepage/sports programmes/inactive/TT.jpg') center no-repeat; background-size:cover; }
#home-sports-programmes TR > TD > A.track-n-field { background:url('/qql/slot/u262/style/homepage/sports programmes/inactive/TNF.jpg') center no-repeat; background-size:cover; }
#home-sports-programmes TR > TD > A.individualprog { background:url('/qql/slot/u262/style/homepage/sports programmes/inactive/IP.jpg') center no-repeat; background-size:cover; }
#home-sports-programmes TR > TD > A.msa { background:url('/qql/slot/u262/style/homepage/sports programmes/inactive/MSA1.jpg') center no-repeat; background-size:cover; }

#home-sports-programmes TR > TD > A.badminton:hover { background:url('/qql/slot/u262/style/homepage/sports programmes/active/badminton_active.jpg') center no-repeat; background-size:cover; }
#home-sports-programmes TR > TD > A.bowling:hover { background:url('/qql/slot/u262/style/homepage/sports programmes/active/bowling_active.jpg') center no-repeat; background-size:cover; }
#home-sports-programmes TR > TD > A.fencing:hover { background:url('/qql/slot/u262/style/homepage/sports programmes/active/fencing_active.jpg') center no-repeat; background-size:cover; }
#home-sports-programmes TR > TD > A.football:hover { background:url('/qql/slot/u262/style/homepage/sports programmes/active/football_active.jpg') center no-repeat; background-size:cover; }
#home-sports-programmes TR > TD > A.netball:hover { background:url('/qql/slot/u262/style/homepage/sports programmes/active/netball_active.jpg') center no-repeat; background-size:cover; }
#home-sports-programmes TR > TD > A.shooting:hover { background:url('/qql/slot/u262/style/homepage/sports programmes/active/shooting_active.jpg') center no-repeat; background-size:cover; }
#home-sports-programmes TR > TD > A.swimming:hover { background:url('/qql/slot/u262/style/homepage/sports programmes/active/swimming_active.jpg') center no-repeat; background-size:cover; }
#home-sports-programmes TR > TD > A.table-tennis:hover { background:url('/qql/slot/u262/style/homepage/sports programmes/active/table tennis_active.jpg') center no-repeat; background-size:cover; }
#home-sports-programmes TR > TD > A.track-n-field:hover { background:url('/qql/slot/u262/style/homepage/sports programmes/active/tracknfield_active.jpg') center no-repeat; background-size:cover; }
#home-sports-programmes TR > TD > A.individualprog:hover { background:url('/qql/slot/u262/style/homepage/sports programmes/active/individual programmes_active.jpg') center no-repeat; background-size:100% 100%; }
#home-sports-programmes TR > TD > A.msa:hover { background:url('/qql/slot/u262/style/homepage/sports programmes/active/MSA2.jpg') center no-repeat; background-size:cover; }

/* Home - Academic Programmes -  Done */
.pagelevel-1 .pageblock_box.block2 {  background:#d80d3d; padding:50px 0px; }
.pagelevel-1 .pageblock_box.block2 > H2 { font-weight:600; font-size:2.75rem; display:block; text-align:center; color:#FFFFFF; padding-bottom:20px; }
.pagelevel-1 .pageblock_box.block2 > DIV { width:100%; display:block; max-width:100%; padding:0px; }

#home-academic-programmes { display:block; width:100% !important; height:auto !important; }
#home-academic-programmes tbody { display:block; width:100%; }
#home-academic-programmes TR { display:flex; width:100%; }
#home-academic-programmes TR { display:flex; width:100%; }
#home-academic-programmes TR > TD { display:block; width:50%; height:auto; padding:0px; margin:0px; }
.ive_designmode #home-academic-programmes { display:table; }
.ive_designmode #home-academic-programmes tbody { display:table-row-group; }
.ive_designmode #home-academic-programmes TR { display:table-row; }
.ive_designmode #home-academic-programmes TR > TD { display:table-cell; position:relative; }

#home-academic-programmes TR > TD > A { display:block; width:100%; height:auto; position:relative; box-sizing:border-box; }
#home-academic-programmes TR > TD > A:after { content:''; display:block; padding-top:45.09%;}

#home-academic-programmes TR > TD > A SPAN, #home-academic-programmes TR > TD > A:hover SPAN { font-family:'Montserrat', sans-serif; font-weight:bold; font-size:1.5rem; color:#ffffff; text-shadow:3px 3px 5px rgba(18,18,18,0.8); display:block; width:100%; height:auto; position:absolute; bottom:10%; text-align:center; text-decoration:none; }

#home-academic-programmes TR > TD > A.secprog { background:url('/qql/slot/u262/style/banners-2026/01 INACTIVE_Secondary.jpg') center no-repeat; background-size:cover; }
#home-academic-programmes TR > TD > A.intldipprog { background:url('/qql/slot/u262/style/banners-2026/02 INACTIVE_IBDP.jpg') center no-repeat; background-size:cover; }
#home-academic-programmes TR > TD > A.dipbbizstud { background:url('/qql/slot/u262/style/banners-2026/03 INACTIVE_NP.jpg') center no-repeat; background-size:cover; }
#home-academic-programmes TR > TD > A.dipbbiz { background:url('/qql/slot/u262/style/banners-2026/04 INACTIVE_RP.jpg') center no-repeat; background-size:cover; }

#home-academic-programmes TR > TD > A.secprog:hover { background:url('/qql/slot/u262/style/banners-2026/01 ACTIVE_Secondary.jpg') center no-repeat; background-size:cover; }
#home-academic-programmes TR > TD > A.intldipprog:hover { background:url('/qql/slot/u262/style/banners-2026/02 ACTIVE_IBDP.jpg') center no-repeat; background-size:cover; }
#home-academic-programmes TR > TD > A.dipbbizstud:hover { background:url('/qql/slot/u262/style/banners-2026/03 ACTIVE_NP.jpg') center no-repeat; background-size:cover; }
#home-academic-programmes TR > TD > A.dipbbiz:hover { background:url('/qql/slot/u262/style/banners-2026/04 ACTIVE_RP.jpg') center no-repeat; background-size:cover; }

/* Home - Why Us - Done */
.pagelevel-1 .pageblock_box.block3 { background:#ffa200; padding:20px 0px; }
.pagelevel-1 .pageblock_box.block3 > H2 { font-weight:600; font-size:2.75rem; display:block; text-align:center; color:#FFFFFF; padding:20px 20px 50px 20px; }

#home-why-us { display:block; width:100% !important; height:auto !important; }
#home-why-us tbody { display:block; width:100%; }
#home-why-us TR { display:flex; justify-content:space-between; width:100%; }
#home-why-us TR > TD { display:block; width:30%; height:auto; padding:0px; margin:0px; }
.ive_designmode #home-why-us { display:table; }
.ive_designmode #home-why-us tbody { display:table-row-group; }
.ive_designmode #home-why-us TR { display:table-row; }
.ive_designmode #home-why-us TR > TD { display:table-cell; }

#home-why-us TR > TD > IMG { max-width:129px; display:block; float:left; margin-right:20px; }
#home-why-us TR > TD > DIV { max-width:calc(100% - 150px); display:block; float:left; padding-top:20px; }

#home-why-us TR > TD H3 { font-family:'Montserrat', sans-serif; font-weight:600; font-size:1.1875rem; color:#000000; }
#home-why-us TR > TD UL { display:block; margin:0px; padding:0px; }
#home-why-us TR > TD UL > LI { display:block; margin:0px; padding:0px 0px 0px 20px; position:relative; }
#home-why-us TR > TD UL > LI:before { content:''; display:block; position:absolute; top:0px; left:0px; width:20px; height:100%; text-align:left; background:url('/qql/slot/u262/style/homepage/why us icon/arrow.png') left 7px no-repeat; }

.pagelevel-1 .pageblock_box.block3 P { clear:both; margin-top:50px; }
.pagelevel-1 .pageblock_box.block3 P A { display:inline-block; text-indent:-9999px; background:url('/qql/slot/u262/style/homepage/why us icon/arrow.png') center no-repeat; border:1px solid #000000; color:#000000; width:30px; text-align:center; }
.pagelevel-1 .pageblock_box.block3 P A:hover { background:url('/qql/slot/u262/style/homepage/why us icon/arrow_active.png') center no-repeat #ff2b4e; border:1px solid #ff2b4e; color:#FFFFFF; text-decoration:none; }

/* Home - Follow Us - Done */
.pagelevel-1 .pageblock_box.block4 { background:#ececec; }
.pagelevel-1 .pageblock_box.block4 > H2 { font-weight:600; font-size:2.75rem; display:block; text-align:center; padding:20px 20px 50px 20px; }
.pagelevel-1 .pageblock_box.block4 > DIV  { width:100%; display:block; max-width:100%; padding:0px; }
.pagelevel-1 .pageblock_box.block4 > DIV IFRAME { width:100% !important; }

/* Year Book - Done */
.yearbook { display:block; width:100% !important; height:auto !important; }
.yearbook tbody { display:block; width:100%; }
.yearbook TR { display:flex; justify-content:center; width:100%; }
.yearbook TR > TD { display:block; width:30%; height:auto; padding:0px; margin:0px; }
.ive_designmode .yearbook { display:table; }
.ive_designmode .yearbook tbody { display:table-row-group; }
.ive_designmode .yearbook TR { display:table-row; }
.ive_designmode .yearbook TR > TD { display:table-cell; }

.yearbook .iveo_pipe_pagetree_pinup { float:none !important;  margin:0px auto 20px auto; width:100% !important; max-width:318px; position:relative; }
.yearbook .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box { background:transparent !important; overflow:visible; }
.yearbook .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .bg_ { opacity:1 !important; display:none !important; }
.yearbook .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .picture_  { display:block; width:100%; position:relative;; }
.yearbook .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box:hover .picture_  { }
.yearbook .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .picture_:before { content:''; display:block; padding-top:121.69%; }
.yearbook .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .picture_ IMG { width:100%; height:100%; position:absolute; top:0px; left:0px; }

.yearbook .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .text_ { margin:20px 0px 0px 0px; }

.yearbook .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .link_ { margin:0px; }
.yearbook .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .link_ a, .yearbook .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .link_ a:visited, .yearbook .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .link_ a:visited { background:#efefef; display:block; width:100%; height:auto; text-align:center; font-family:'Montserrat', sans-serif;  font-size:1rem; font-weight:500; color:#000000; margin:0px; padding:5px; box-sizing:border-box; }
.yearbook .iveo_pipe_pagetree_pinup:hover .ct-box.ct-simple-box .link_ a { margin:0px; padding:5px; }
.yearbook .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .link_ a:hover { background:#ff2b4e; color:#ffffff; }
 
/* News - Done */
.news { display:block; width:100% !important; height:auto !important; }
.news tbody { display:block; width:100%; }
.news TR { display:flex; justify-content:space-between; width:100%; }
.news TR > TD { display:block; width:30%; height:auto; padding:0px; margin:0px; }
.ive_designmode .news { display:table; }
.ive_designmode .news tbody { display:table-row-group; }
.ive_designmode .news TR { display:table-row; }
.ive_designmode .news TR > TD { display:table-cell; }

.news .iveo_pipe_pagetree_pinup { float:none !important;  margin:0px auto; width:100% !important; max-width:338px; position:relative; margin-bottom:20px; }
.news .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box { background:transparent !important; overflow:visible; }
.news .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .bg_ { opacity:1 !important; display:none !important; }
.news .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .picture_  { display:block; width:100%; position:relative;; }
.news .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .picture_:before { content:''; display:block; padding-top:108.28%; }
.news .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .picture_ IMG { width:100%; height:100%; position:absolute; top:0px; left:0px; }

.news .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .text_ { width:100%; max-height:50px; position:absolute; left:0px; bottom:0px; padding:0px; margin:0px; display:flex; justify-content:center; align-items:center; transition:all 0.3s linear; flex-direction:column; overflow:hidden; }
.news .sports .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .text_ { background:#db0831; opacity:0.95; }
.news .academic .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .text_ { background:#36c3ff; opacity:0.95; }
.news .studdev .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .text_ { background:#ffc923; opacity:0.95; }
.news .studevt .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .text_ { background:#0bc396; opacity:0.95; }
.news .awards .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .text_ { background:#ff8a00; opacity:0.95; }
.news .alumni .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .text_ { background:#968bfd; opacity:0.95; }
.news .featured .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .text_ { background:#530050; opacity:0.95; }
.news .character .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .text_ { background:#f8d953; opacity:0.95; }

.news .iveo_pipe_pagetree_pinup:hover .ct-box.ct-simple-box .text_ { background:rgba(0,0,0,0.7) !important; max-height:100%; height:100%; }

.news .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .text_  .title_  {  font-family:'Montserrat', sans-serif;  font-size:1.25rem; font-weight:600; color:#FFFFFF; height:50px; display:flex; justify-content:center; align-items:center;  }
.news .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .text_  .caption_  {  font-family:'Montserrat', sans-serif;  font-size:1.125rem; font-weight:400; color:#FFFFFF; max-height:0px; overflow:hidden; }
.news .iveo_pipe_pagetree_pinup:hover .ct-box.ct-simple-box .text_  .caption_  { max-height:100px;  }
.news .iveo_pipe_pagetree_pinup:hover .ct-box.ct-simple-box .text_  .caption_:hover { color:#ff2b4e; }

.news .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .link_ { margin:0px; position:static; }
.news .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .link_ a, .news .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .link_ a:visited, .news .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .link_ a:visited { display:block; text-indent:-9999px; position:absolute; top:0px; left:0px; width:100%; height:100%; }
.news  .iveo_pipe_pagetree_pinup:hover .link_ a { background:trannsparent; margin:0px; padding:0px; }

/* News Filter - Done */
.subpageslist-panel { width:100%; }

.subpages-yrfilter { width:100%; margin-bottom:20px; text-align:center; }
.subpages-yrfilter SELECT { width:280px; background:#f5f5f5; border:1px solid #e1e1e1; font-family:'Montserrat', sans-serif; font-weight:400; font-size:1.0625rem; color:#000000; } 
.subpages-yrfilter SELECT OPTION { background:#fafafa; font-size:0.9375rem; }
.subpages-yrfilter SELECT OPTION:hover { background:#ff2b4e; color:#FFFFFF; }

.subpages-item-list { display:flex; flex-wrap:wrap; justify-content:flex-start; }
.subpages-item-list > DIV.subpages-item { width:50%; padding:20px; box-sizing:border-box; }
.subpages-item-list > DIV.subpages-item > A { display:block; padding:20px; margin:0px; position:relative; min-height:150px; }
.subpages-item-list > DIV.subpages-item:nth-child(odd) > A { background:#f3f3f3;  }
.subpages-item-list > DIV.subpages-item:nth-child(even) > A { background:#ffd570;  } 

.subpages-item-list > DIV.subpages-item > A SPAN.date { display:block; padding:0px 0px 0px 30px; margin-bottom:10px; background:url('/qql/slot/u262/style/archive inner page/date.png') left center no-repeat; font-family:'Montserrat', sans-serif; font-weight:400; font-size:0.9375rem; color:#000000; }
.subpages-item-list > DIV.subpages-item > A H4 { font-family:'Montserrat', sans-serif; font-weight:600; font-size:1.375rem; color:#000000; } 
.subpages-item-list > DIV.subpages-item > A SPAN.readmore  { display:inline-block; position:absolute; bottom:20px; right:20px; font-family:'Montserrat', sans-serif; font-weight:400; font-size:0.875rem; color:#000000; }
.subpages-item-list > DIV.subpages-item > A:hover { text-decoration:none; }
.subpages-item-list > DIV.subpages-item > A:hover SPAN.readmore  { color:#ff2b4e; text-decoration:underline; }

/* Related Item - Done */
.related-item-list { display:flex; justify-content:space-between; padding:20px 0px; }
.related-item-list > DIV.related-item { width:30%; padding:20px; background:#f3f3f3; box-sizing:border-box; }
.related-item-list > DIV.related-item > A { display:block; padding:20px 20px 45px 20px; margin:0px; position:relative; min-height:150px; background:#f3f3f3; height:100%; box-sizing:border-box; }

.related-item-list > DIV.related-item > A SPAN.date { display:block; padding:0px 0px 0px 30px; margin-bottom:10px; background:url('/qql/slot/u262/style/archive inner page/date.png') left center no-repeat; font-family:'Montserrat', sans-serif; font-weight:400; font-size:0.9375rem; color:#000000; }
.related-item-list > DIV.related-item > A H4 { font-family:'Montserrat', sans-serif; font-weight:600; font-size:1.375rem; color:#000000; } 
.related-item-list > DIV.related-item > A SPAN.readmore  { display:inline-block; position:absolute; bottom:20px; right:20px; font-family:'Montserrat', sans-serif; font-weight:400; font-size:0.875rem; color:#000000; }
.related-item-list > DIV.related-item > A:hover { text-decoration:none; }
.related-item-list > DIV.related-item > A:hover SPAN.readmore  { color:#ff2b4e; text-decoration:underline; }

/* Admissions - Done */
.admissions { display:block; width:100% !important; height:auto !important; }
.admissions tbody { display:block; width:100%; }
.admissions TR { display:flex; justify-content:space-between; width:100%; }
.admissions TR > TD { display:block; width:30%; height:auto; padding:0px; margin:0px; }
.ive_designmode .admissions { display:table; }
.ive_designmode .admissions tbody { display:table-row-group; }
.ive_designmode .admissions TR { display:table-row; }
.ive_designmode .admissions TR > TD { display:table-cell; }

.admissions .iveo_pipe_pagetree_pinup { float:none !important;  margin:0px auto 20px auto; width:100% !important; max-width:383px; position:relative; }
.admissions .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box { background:transparent !important; overflow:visible; }
.admissions .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .bg_ { opacity:1 !important; display:none !important; }
.admissions .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .picture_  { display:block; width:100%; position:relative;; }
.admissions .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .picture_:before { content:''; display:block; padding-top:66.05%; }
.admissions .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .picture_ IMG { width:100%; height:100%; position:absolute; top:0px; left:0px; }

.admissions .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .text_ { width:100%; position:absolute; bottom:0px; padding:0px; margin:0px; display:flex; justify-content:space-between; align-items:center; flex-direction:column; background:transparent; padding:20px 20px 20px 20px; box-sizing:border-box; background:rgba(0,0,0,0.3); }
.admissions .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .text_  .title_  {  font-family:'Montserrat', sans-serif;  font-size:1.1875rem; font-weight:bold; color:#FFFFFF; margin:0px; padding:0px; display:block; width:100%; height:auto; text-align:left; }
.admissions .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .text_  .caption_  { font-family:'Montserrat', sans-serif;  font-size:0.875rem; font-weight:normal; color:#FFFFFF; margin:0px; padding:0px; background:transparent; max-height:0px; transition:all 0.3s; text-align:left !important; overflow:hidden; display:block; width:100%; }
.admissions .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box:hover .caption_ { max-height:100px; padding:15px 0px 0px 0px; }

.admissions .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .link_ { margin:0px; position:static; }
.admissions .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .link_ a, .admissions .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .link_ a:visited, .admissions .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .link_ a:visited { display:block; border:none; color:transparent; font-family:'Montserrat', sans-serif;  font-size:0.875rem; font-weight:normal; background:transparent; padding:0px; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1200; }
.admissions .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .link_ a:hover { color:transparent; background:transparent; border:none; }

/* Student Life - Done */
.studentlife .pageblock_box table { width:100%; }
.studentlife .pageblock_box table > tbody { width:100%; display:block; }
.studentlife .pageblock_box table > tbody > tr { width:100%; display:flex; justify-content:space-between;  }
.studentlife .pageblock_box table > tbody > tr > td { width:48% !important; display:flex; flex-direction:column; justify-content:center; padding:0px !important; padding-bottom:0px !important;   }

.ive_designmode .studentlife .pageblock_box table > tbody > tr { width:100%; display:table-row;  }
.ive_designmode .studentlife .pageblock_box table > tbody > tr > td { width:50%; display:table-cell;  }
.ive_designmode .studentlife .pageblock_box table > tbody > tr > td IMG { width:100%; }

.studentlife .block1 { background:#ffaa15; padding:0px; }
.studentlife .block1 > H2 { display:none !important; }
.studentlife .block1 H2 { font-family:'Montserrat', sans-serif;  font-size:1.75rem; font-weight:bold; color:#ff2b4e; }
.studentlife .block1 A, .studentlife .block1 A:visited  { font-family:'Montserrat', sans-serif;  font-size:1rem; font-weight:600; color:#000000; border:1px solid #000000; display:block; padding:5px 20px 5px 10px; text-transform:uppercase; position:relative; margin:10px 0px;  }
.studentlife .block1 A:after { content:''; width:10px; height:20px; position:absolute; right:10px; top:50%; transform:translateY(-50%); color:#000000; background:url('/qql/slot/u262/style/student life/arrow_inactive.png') center no-repeat; } 

.studentlife .block1 A:hover  { background:#ff2b4e; border:1px solid #ff2b4e; color:#ffffff; text-decoration:none; }
.studentlife .block1 A:hover:after { background:url('/qql/slot/u262/style/student life/arrow_active.png') center no-repeat; }

.studentlife .block2 { background:#f3f3f3; padding:0px; margin:40px 0px; }
.studentlife .block2 > H2 { display:none !important; }
.studentlife .block2 H2 { font-family:'Montserrat', sans-serif;  font-size:1.75rem; font-weight:bold; color:#ff2b4e; }
.studentlife .block2 A, .studentlife .block2 A:visited  { font-family:'Montserrat', sans-serif;  font-size:1rem; font-weight:600; color:#000000; border:1px solid #000000; display:block; padding:5px 10px; text-transform:uppercase; position:relative; margin:10px 0px; }
.studentlife .block2 A:after { content:''; width:10px; height:20px; position:absolute; right:10px; top:50%; transform:translateY(-50%); color:#000000; background:url('/qql/slot/u262/style/student life/arrow_inactive.png') center no-repeat; } 

.studentlife .block2 A:hover  { background:#ff2b4e; border:1px solid #ff2b4e; color:#ffffff; text-decoration:none; }
.studentlife .block2 A:hover:after { background:url('/qql/slot/u262/style/student life/arrow_active.png') center no-repeat;  }

.studentlife .block3 { background:#d80d3d; }
.studentlife .block3 > H2 { font-weight:600; font-size:2rem; display:block; text-align:center; color:#FFFFFF; padding:20px; text-transform:uppercase; }

/* Contact Us - Done */
.contactus .block1 { }
.contactus .block1 UL { display:block; margin:0px; padding:0px; }
.contactus .block1 UL > LI { display:block; margin:0px; padding:0px 0px 0px 50px; }
.contactus .block1 UL > LI:nth-of-type(1) { background:url('/qql/slot/u262/style/contact us/locate.png') left top no-repeat; }
.contactus .block1 UL > LI:nth-of-type(2) { background:url('/qql/slot/u262/style/contact us/enquiries.png') left top no-repeat; }
.contactus .block1 UL > LI:nth-of-type(3) { background:url('/qql/slot/u262/style/contact us/admission.png') left top no-repeat; }
.contactus .block1 UL > LI H2 { font-family:'Montserrat', sans-serif; font-size:bold; font-size:1.25rem; color:#f47920; }

.contactus .block2 { background:#f3f3f3; padding:50px 20px; }
.contactus .block2 table { display:block; width:100% !important; height:auto !important; }
.contactus .block2 table tbody { display:block; width:100% !important;  }
.contactus .block2 table TR { display:flex; justify-content:space-between; width:100%; }
.contactus .block2 table TR > TD { display:block; width:48% !important; height:auto; padding:0px 0px 0px 70px; margin:0px; box-sizing:border-box; }
.contactus .block2 table TR > TD:nth-of-type(1) { background:url('/qql/slot/u262/style/contact us/visit.png') left top no-repeat; }
.contactus .block2 table TR > TD:nth-of-type(2) { background:url('/qql/slot/u262/style/contact us/track.png') left top no-repeat; }
.contactus .block2 table TR > TD  H2 { font-family:'Montserrat', sans-serif; font-size:bold; font-size:1.25rem; color:#f47920; }
.contactus .block2 table TR > TD  B { font-family:'Montserrat', sans-serif; font-size:bold; font-size:1.125rem; color:#000000; }
.contactus .block2 table TR > TD  A, .contactus .block2 table TR > TD  A:visited, .contactus .block2 table TR > TD  A:hover { color:#ff2b4e; font-weight:bold; }

.ive_designmode.contactus .block2 table { display:table; }
.ive_designmode.contactus .block2 table tbody { display:table-row-group; }
.ive_designmode.contactus .block2 table TR { display:table-row; }
.ive_designmode.contactus .block2 table TR > TD { display:table-cell; }

/* Programmes - Done */
.programmes H1, .programmes .pageblock_box H2 { display:block; text-align:center; }
.programmes .pageblock_box > H2 { text-transform:uppercase; padding:0px 20px; margin:20px auto; }

.programmes .block1 A, .programmes .block1 A:visited, .programmes .block1 A:hover { color:#ff2b4e !important; }

.programmes .block2 { background:#ffa200; }
.programmes .block2 > H2 { display:none; }
.programmes .block2 table { width:100%; }
.programmes .block2 table > tbody { width:100%; display:block; }
.programmes .block2 table > tbody > tr { width:100%; display:flex; justify-content:space-between;  }
.programmes .block2 table > tbody > tr > td { width:50% !important; display:flex; flex-direction:column; justify-content:center; padding:0px !important;  }

.ive_designmode .programmes .block2 table > tbody > tr { width:100%; display:table-row;  }
.ive_designmode .programmes .block2 table > tbody > tr > td { width:50%; display:table-cell;  }

.programmes .block2 table > tbody > tr > td IMG { width:98%; margin-right:2%; }

.programmes .block2 A, .programmes .block1 A:visited  { font-family:'Montserrat', sans-serif;  font-size:1.25rem; font-weight:600; color:#000000; padding:0px 20px; background:#FFFFFF; display:flex; margin:20px 0px 20px -50px; box-sizing:border-box; position:relative; width:calc(100% - 20px); height:70px; align-items:center;  }
.programmes .block2 A:before {  width:10px; height:70px; position:absolute; top:0px; right:10px; content:''; line-height:70px; display:block; background:url('/qql/slot/u262/style/sports academy/arrow_inactive.png' ) center no-repeat; }
.programmes .block2 A:after { width:0px; height:0px; border-top:70px solid transparent; border-bottom:0px solid transparent; border-left:20px solid #FFFFFF; content:''; position:absolute; top:0px; right:-20px; }

.programmes .block2 A:hover  { background:#ff2b4e; color:#ffffff; text-decoration:none; }
.programmes .block2 A:hover:before  { background:url('/qql/slot/u262/style/sports academy/arrow_active.png' ) center no-repeat;  }
.programmes .block2 A:hover:after  { border-left:20px solid #ff2b4e; }

/* Programmes - Read more - Done */
.programmes A.readmore, .programmes A.readmore:visited {  border:1px solid #000000; font-family:'Montserrat', sans-serif;  font-size:0.9375rem; font-weight:400; color:#000000; padding:5px 10px; }
.programmes A.readmore:hover { background:#ff2b4e; color:#ffffff; border:1px solid #FFFFFF; }

/* Programmes - Staff - Done */
.programmes .block4 { background:#f3f3f3; }
.staff { display:block; width:100% !important; height:auto !important; }
.staff tbody { display:block; width:100%; }
.staff TR { display:flex; justify-content:space-between; width:100%; }
.staff TR > TD { display:block; width:24%; height:auto; padding:0px; margin:0px; }
.ive_designmode .staff { display:table; }
.ive_designmode .staff tbody { display:table-row-group; }
.ive_designmode .staff TR { display:table-row; }
.ive_designmode .staff TR > TD { display:table-cell; }

.staff .iveo_pipe_pagetree_pinup { float:none !important;  margin:0px auto; width:100% !important; max-width:240px; position:relative; }
.staff .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box { background:transparent !important; overflow:visible; }
.staff .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .bg_ { opacity:1 !important; display:none !important; }
.staff .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .picture_  { display:block; width:100%; position:relative; border:2px solid #ff2b4e; }
.staff .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .picture_:before { content:''; display:block; padding-top:125%; }
.staff .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .picture_:after { content:''; position:absolute; width:100%; height:35%; background:linear-gradient(to bottom, transparent, black); bottom:0px; left:0px }

.staff .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .picture_ IMG { width:100%; height:100%; position:absolute; top:0px; left:0px; }

.staff .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .text_ { width:100%; height:auto; position:absolute; left:0px; bottom:0px; padding:0px; margin:0px; padding:20px; box-sizing:border-box; }
.staff .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .text_  .title_  {  font-family:'Montserrat', sans-serif;  font-size:1.125rem; font-weight:bold; color:#ffffff; }
.staff .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .text_  .caption_  { font-family:'Montserrat', sans-serif;  font-size:0.9375rem; font-weight:normal; color:#ff9323; }

.staff .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .link_ { margin:0px; display:none; height:50px; align-items:center;  }
.staff .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .link_ a, .staff .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .link_ a:visited, .staff .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .link_ a:hover { display:inline-block; color:#ff2b4e; font-family:'Montserrat', sans-serif;  font-size:0.8125rem; font-weight:normal; background:transparent; }
.staff  .iveo_pipe_pagetree_pinup:hover .link_ a { background:transparent; margin:0px; padding:0px; }
.staff  A { word-break:break-all !important; }

/* Academic - General -  */
.academic H1, .academic .pageblock_box > H2 { display:block; text-align:center; }
.academic .pageblock_box > H2 { text-transform:uppercase; padding:20px;  }

/* Academic - Tile1 -  */
.academic .block2 { background:#ffa200; }
.academic .block2 table { display:block; width:100% !important; height:auto !important; }
.academic .block2 table tbody { display:block; width:100%; }
.academic .block2 table TR { display:flex; width:100%; justify-content:center; }
.academic .block2 table TR > TD { display:block; width:50%; max-width:441px; height:auto; padding:5px; margin:0px; box-sizing:border-box; }
.ive_designmode .academic .block2 table { display:table; }
.ive_designmode .academic .block2 table tbody { display:table-row-group; }
.ive_designmode .academic .block2 table TR { display:table-row; }
.ive_designmode .academic .block2 table TR > TD { display:table-cell; }

.academic .block2 > H2 { display:none; }
.academic .block2 table .iveo_pipe_pagetree_pinup { float:none !important;  margin:0px auto; width:100% !important; max-width:431px; position:relative; margin:10px 0px; }
.academic .block2 table .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box { background:transparent !important; overflow:visible; }
.academic .block2 table .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .bg_ { opacity:1 !important; display:none !important; }
.academic .block2 table .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .picture_  { display:block; width:100%; position:relative; overflow:hidden; }
.academic .block2 table .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .picture_:before { content:''; display:block; padding-top:54.52%; }
.academic .block2 table .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .picture_ IMG { width:100%; height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:transform 0.2s linear; }
.academic .block2 table .iveo_pipe_pagetree_pinup:hover .ct-box.ct-simple-box .picture_ IMG { transform:translate(-50%, -50%) scale(1.2); }

.academic .block2 table .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .text_ { width:100%; position:static; padding:0px; margin:0px; display:block; text-align:left; }

.academic .block2 table .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .text_  .title_  {  font-family:'Montserrat', sans-serif;  font-size:1.375rem; font-weight:700; color:#FFFFFF; position:absolute; left:0px; bottom:45px; z-index:1100; }
.academic .block2 table .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .text_  .caption_  {  font-family:'Montserrat', sans-serif;  font-size:0.875rem; font-weight:400; color:#FFFFFF; position:absolute; left:0px; bottom:0px; z-index:1100; }

.academic .block2 table .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .link_ { margin:0px; position:static; }
.academic .block2 table .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .link_ a, .academic .block2 table .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .link_ a:visited, .academic .block2 table .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .link_ a:visited { display:block; width:100%; height:100%; text-indent:-9999px; position:absolute; top:0px; left:0px; z-index:1200; }
.academic .block2 table  .iveo_pipe_pagetree_pinup:hover .link_ a { margin:0px; background:transparent; }

.academic .block2 table .tint .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .text_ { position:absolute; bottom:0px; left:0px; width:100%; height:80%; background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.3)); }

/* Academic - Tile2 - Done */
.academic .block3 { }
.academic .block3 table { display:block; width:100% !important; height:auto !important; }
.academic .block3 table tbody { display:block; width:100%; }
.academic .block3 table TR { display:flex; width:100%; justify-content:space-between; }
.academic .block3 table TR > TD { display:block; width:48% !important; height:auto; padding:0px; margin:0px; }
.academic .block3 table TR > TD H3 { background:#ff2b4e; display:flex; text-align:center; font-family:'Montserrat', sans-serif;  font-size:1.375rem; font-weight:700; color:#FFFFFF; align-items:center; justify-content:center; padding:0px 10px; box-sizing:border-box; }

.academic .block3 table TR > TD H3 SPAN.spt1 { display:inline-block; margin-right:15px; width:56px; height:60px; background:url('/qql/slot/u262/style/academic/01.png') left center no-repeat; background-size:auto 80%; }
.academic .block3 table TR > TD H3 SPAN.spt2 { display:inline-block; margin-right:15px; width:62px; height:60px; background:url('/qql/slot/u262/style/academic/02.png') left center no-repeat; background-size:auto 80%; }
.academic .block3 table TR > TD H3 SPAN.spt3 { display:inline-block; margin-right:15px; width:54px; height:60px; background:url('/qql/slot/u262/style/academic/03.png') left center no-repeat; background-size:auto 80%; }
.academic .block3 table TR > TD H3 SPAN.spt4 { display:inline-block; margin-right:15px; width:74px; height:60px; background:url('/qql/slot/u262/style/academic/04.png') left center no-repeat; background-size:auto 80%; }
.ive_designmode .academic .block3 table { display:table; }
.ive_designmode .academic .block3 table tbody { display:table-row-group; }
.ive_designmode .academic .block3 table TR { display:table-row; }
.ive_designmode .academic .block3 table TR > TD { display:table-cell; }

/* Academic - ... - Done  */
.academic .block4 { background:#f3f3f3; }

/* Why Us - Value Proposition - Done  */
.whyus .block1 { background:#ffa200; padding:30px 0px 60px 20px; }
.whyus .block1 > H2 { font-weight:600; font-size:2rem; display:block; text-align:center; color:#FFFFFF; padding:20px 20px 50px 20px; text-transform:uppercase; }
.whyus .block1 #why-us-tbl { }

#why-us-tbl { display:block; width:100% !important; height:auto !important; }
#why-us-tbl tbody { display:block; width:100%; }
#why-us-tbl TR { display:flex; justify-content:space-between; width:100%; }
#why-us-tbl TR > TD { display:block; width:30%; height:auto; padding:0px; margin:0px; }
.ive_designmode #why-us-tbl { display:table; }
.ive_designmode #why-us-tbl tbody { display:table-row-group; }
.ive_designmode #why-us-tbl TR { display:table-row; }
.ive_designmode #why-us-tbl TR > TD { display:table-cell; }

#why-us-tbl TR > TD > IMG { max-width:129px; display:block; float:left; margin-right:20px; }
#why-us-tbl TR > TD > DIV { max-width:calc(100% - 150px); display:block; float:right; padding-top:20px; }

#why-us-tbl TR > TD H3 { font-family:'Montserrat', sans-serif; font-weight:600; font-size:1.3125rem; color:#000000; }
#why-us-tbl TR > TD UL { display:block; margin:0px; padding:0px; }
#why-us-tbl TR > TD UL > LI { display:block; margin:0px; padding:0px 0px 0px 20px; position:relative; }
#why-us-tbl TR > TD UL > LI:before { content:''; display:block; position:absolute; top:0px; left:0px; width:20px; height:100%; text-align:left; background:url('/qql/slot/u262/style/homepage/why us icon/arrow.png') left 7px no-repeat;  }

.whyus .block1 P { clear:both; margin-top:20px; }
.whyus .block1 P A { display:inline-block; text-indent:-9999px; background:url('/qql/slot/u262/style/homepage/why us icon/arrow.png') center no-repeat; border:1px solid #000000; color:#000000; width:30px; text-align:center; }
.whyus .block1 P A:hover { background:url('/qql/slot/u262/style/homepage/why us icon/arrow_active.png') center no-repeat #ff2b4e; border:1px solid #ff2b4e; color:#FFFFFF; text-decoration:none; }


/* Why Us - Worldwide Partnership - Done  */
.whyus .block2 > H2 { font-weight:600; font-size:2rem; display:block; text-align:center; padding:20px; text-transform:uppercase; }

/* Our Champions - Done */
.item-filter-list { width:100%; display:flex; justify-content:center; }
.item-filter-list SELECT { width:280px; background:#f5f5f5; border:1px solid #e1e1e1; font-family:'Montserrat', sans-serif; font-weight:400; font-size:1.0625rem; color:#000000; margin:0px 10px;  } 
.item-filter-list SELECT OPTION { background:#fafafa; font-size:0.9375rem; }
.item-filter-list SELECT OPTION:hover { background:#ff2b4e; color:#FFFFFF; }

.item-list { display:flex; flex-wrap:wrap; justify-content:center; }
.item-list > DIV.item { width:31%; margin:10px; position:relative; }

.item-list > DIV.item .item-img { position:relative; display:block; width:100%; height:auto; }
.item-list > DIV.item .item-img:after { content:''; display:block; padding-top:108.51%; }
.item-list > DIV.item .item-img IMG { display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; }

.item-list > DIV.item .item-prop { position:absolute; left:20px; right:20px; bottom:20px; height:auto; max-height:50px; background:rgba(217, 29, 82, 0.85); overflow:hidden; transition:all 0.3s ease-in; }
.item-list > DIV.item:hover .item-prop { max-height:calc(100% - 40px); overflow:auto; height:calc(100% - 40px); }

.item-list > DIV.item:hover .item-prop::-webkit-scrollbar-track { background:transparent; }
.item-list > DIV.item:hover .item-prop::-webkit-scrollbar-thumb { background:transparent; }
.item-list > DIV.item:hover .item-prop::-webkit-scrollbar { width:0px; }

.item-list > DIV.item .item-prop .item-title { display:flex; width:100%; height:50px; font-family:'Montserrat', sans-serif; font-weight:600; font-size:1.1875rem; color:#ffffff; align-items:center; box-sizing:border-box; padding:0px 10px;  }
.item-list > DIV.item .item-prop .item-writeup { display:none; width:100%; font-family:'Montserrat', sans-serif; font-weight:400; font-size:1rem; color:#ffffff;  box-sizing:border-box; padding:10px; }
.item-list > DIV.item:hover .item-prop .item-writeup { display:block; }
.item-list > DIV.item .item-admin { position:absolute; top:5px; right:5px; z-index:9999; }

.item-list-cnt .item-more-cnt { text-align:center; }
.item-list-cnt .item-more-cnt #btn-more { display:inline-block; font-family:'Montserrat', sans-serif; font-weight:600; font-size:1.375rem; color:#ff2b4e; }

@media  screen  and (max-width:1200px) {
	.content_area > .mid { width:calc(100% - 320px); }
	.content_area .sidebar_area 	{ width:100%; max-width:250px; }
}

@media  screen  and (max-width:1024px) {
	.main_area {  padding-top:0px; }	
	
	.masthead_area { position:relative; top:auto; left:auto; }
	.showmenu .masthead_area { position:fixed; z-index:1020; }
	header { margin-bottom:40px; }
	header UL#top-links { display:none; }
	header UL#fontsize-toggle { display:none; }
	
	header #rwdbar-cnt { position:absolute; top:100px; left:0px; width:100%; height:40px; padding:0px 20px; box-sizing:border-box; background:#ff2b4e; display:flex; justify-content:space-between; }
	header #rwdbar-cnt .menu-toggle { width:90px; height:30px; padding:5px 0px; display:flex; justify-content:space-between; cursor:pointer; }
	header #rwdbar-cnt .menu-toggle  .rwdmenu-text { font-family:'Montserrat', sans-serif; font-size:0.875rem; font-weight:500; color:#FFFFFF; line-height:30px; }
	
	header #rwdbar-cnt .menu-toggle .hamburger { background: transparent; border: none; display: block; height:30px; position: relative; width:30px; z-index:999; margin-top:0px; cursor:pointer; z-index:9999; }
	header #rwdbar-cnt .menu-toggle .hamburger:before { -webkit-transform: translate3d(0, 0, 0); -webkit-transition: all 0.35s ease-in-out; color: #ffffff; content: ''; display: block; font-size: 14px; line-height: 32px; opacity: 0; text-align: center; width: 100px; }
	header #rwdbar-cnt .menu-toggle .hamburger .hamb-top, header #rwdbar-cnt .menu-toggle .hamburger .hamb-middle, header #rwdbar-cnt .menu-toggle .hamburger .hamb-bottom { height: 3px; left: 0; position: absolute; width: 100%; border-radius:5px; }
	header #rwdbar-cnt .menu-toggle .hamburger .hamb-top { -webkit-transition: all 0.35s ease-in-out; background-color: #ffffff; top:5px; }
	header #rwdbar-cnt .menu-toggle .hamburger .hamb-middle { background-color: #ffffff; top: 50%; transform:translateY(-50%); }
	header #rwdbar-cnt .menu-toggle .hamburger .hamb-bottom { -webkit-transition: all 0.35s ease-in-out; background-color: #ffffff; bottom:5px; }

	.showmenu header #rwdbar-cnt .menu-toggle .hamburger .hamb-top { -webkit-transform: rotate(45deg); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); background-color: #ffffff; margin-top: -2px; top: 50%; }
	.showmenu header #rwdbar-cnt .menu-toggle .hamburger .hamb-middle { display:none; }
	.showmenu header #rwdbar-cnt .menu-toggle .hamburger .hamb-bottom { -webkit-transform: rotate(-45deg); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); background-color: #ffffff; margin-top: -2px; top: 50%; }
	
	header #rwdbar-cnt .search-toggle { width:30px; height:30px; margin:5px 0px; background:url('/qql/slot/u262/style/rwd/searchpng.png') center no-repeat; cursor:pointer; }
	
	#search-cnt { position:absolute; top:140px; left:0px; right:0px; width:100%; height:44px; padding:7px 20px; box-sizing:border-box; background:#FFFFFF; border-radius:0px; transform:none; display:none; z-index:1020; }
	.showsearch #search-cnt  { display:block; }
	#search-cnt INPUT { width:100%; height:30px; font-size:0.875rem; line-height:30px; font-family:'Montserrat', sans-serif; font-weight:normal; }
		
	/* Navigation - Done */
	.sitemenu_area 		{ display:block; background:#FFFFFF; position:fixed; top:140px; left:0px; z-index:1050; max-height:0px; transition:all 0.5s linear; padding:0px; overflow:auto; z-index:1040; height:calc(100vh - 140px); }
	.showmenu .sitemenu_area { max-height:9999px; }
	.sitemenu_area .sitemenu  			{ display:block; flex-direction:column; }
	.sitemenu_area .sitemenu li 			{ display:block; overflow:visible; padding:0px; margin:0px; float:none; text-align:left; }
	.sitemenu_area .sitemenu li:first-of-type { display:none; } 
	.sitemenu_area .sitemenu li:hover, .sitemenu_area .sitemenu li.focus  { background:transparent; }
	
	.sitemenu_area A.sitemenu, .sitemenu_area A.sitemenu:visited, .sitemenu_area A.sitemenu:hover, A.sitemenulit { background:transparent; color:#000000; padding:5px 20px 5px 20px; margin:0px; font-size:1.25rem; line-height:30px; font-family:'Montserrat', sans-serif; text-align:left; font-weight:600; }
	.sitemenu_area LI.active > A.sitemenu, , .sitemenu_area LI:hover > A.sitemenu, .sitemenu_area A.sitemenu:hover, A.sitemenulit { font-weight:600; text-decoration:none; color:#ffffff; background:#000000; }

	.sitemenu_area .sitemenu li > table.dropmenu > TBODY > TR > TD > A { padding:10px 20px 10px 50px !important; }
	.sitemenu_area .sitemenu li > table.dropmenu > TBODY > TR > TD > A:before { content:'♦'; display:inline-block; color:#ff2b4e; width:20px; text-align:left; position:absolute; left:20px; top:10px; }
	
	#PTID_7526,  #PTID_7527,  #PTID_7528,  #PTID_7671,  #PTID_7673,  #PTID_7677 { display:block; }
	#PTID_7526 A.sitemenu,  #PTID_7527 A.sitemenu,  #PTID_7528 A.sitemenu,  #PTID_7671 A.sitemenu,  #PTID_7673 A.sitemenu,  #PTID_7677 A.sitemenu { font-size:0.875rem !important; font-weight:500 !important; color:#ff2b4e !important; padding:3px 20px !important; }
	
  table.dropmenu { border:none; display:none; background:#FFFFFF; visibility:visible !important; top:auto !important; left:auto !important; border-collapse:collapse; position:relative; padding:0px; box-shadow:none; transform:none; max-width:100%; }
  table.dropmenu > tbody, table.dropmenu > tbody > tr, table.dropmenu > tbody > tr > td { display:block; background:#FFFFFF; padding:0px; margin:0px; text-align:left !important; float:none !important; width:100% !important; }
  table.dropmenu > tbody > tr > td A { font-family:'Montserrat', sans-serif; text-align:left; font-weight:400; font-size:1rem; color:#000000; }
	table.dropmenu > tbody > tr > td A:hover { color:#ff2b4e; }
	.sitemenu_area .sitemenu li > #dropmenu_7681 > TBODY > TR:last-of-type { position:relative; top:auto; left:auto; }
	
	.masthead2_area .parent-cnt .parent { font-size:1.875rem; }
	
	.fixed .content_area > .top { position:relative; top:auto; }
	.content_area > .top UL LI { display:inline-block; margin:0px; padding:0px 20px; text-align:center; min-width:100%; box-sizing:border-box; } 
	
	#lo_whole .content_area > .mid { width:100%; float:none !important; }
	#lo_whole .content_area .sidebar_area 	{ width:100%; float:none !important; max-width:100% !important; }

	.footer_area { display:block; margin:0px;  padding:0px; width:100%; height:auto; background:#000000; }

	footer > DIV.footer-top { display:flex; justify-content:space-between; padding:30px 0px; flex-direction:column; align-items:center; }
	footer > DIV.footer-top > UL#socialmedia-cnt { margin:10px 0px;  }

	footer > DIV.footer-bottom { padding:0px 0px 20px 0px; }
	footer > DIV.footer-bottom > UL { display:flex; flex-direction:column; }
	footer > DIV.footer-bottom > UL LI { display:block; margin:0px; padding:0px; text-align:center; }

	footer > DIV.footer-bottom > UL LI #footer-quicklinks { display:block; padding:0px; margin:0px; width:100%; height:auto; }
	footer > DIV.footer-bottom > UL LI #footer-quicklinks LI { display:block; margin:0px; padding:0px; width:100%; }

	.content_area IMG { height:auto !important; }
  .content_area .mid  IFRAME  { width:100% !important; max-width:100%;   }  
	.content_area .mid  .iveo_pipe_mydocs_videoobj { max-width:100%; display:block !important; }
	.content_area .mid  VIDEO  { width:100% !important; max-width:100%;   }

	.iveo_pipe_mydocs_slidebox {width:100%!important; height:auto!important;}
  .iveo_pipe_mydocs_slidebox, .gv_galleryWrap, .gv_gallery, .gv_panelWrap, .gv_overlay, .gv_panel , .gv_filmstripWrap, .gv_filmstrip { width:100% !important; }
  .gv_panel  IMG {  left: 0px !important; right: 0px !important; margin: 0px auto; top:50% !important; transform:translateY(-50%) !important; }
  
  /* Home - Body */
  div#slide-holder div#slide-runner { width:100%; max-width:100%; height:auto; position:relative; display:block; margin:0px; }
  div#slide-holder div#slide-runner:after  { padding-top:41.21%; content:''; display:block; }  

	div#slide-holder div#slide-controls { display:none !important; }
	div#slide-content-holder { display:block !important; position:relative; left:auto; bottom:auto; transform:none; background:#000000; padding:20px; box-sizing:border-box; }
	div#slide-content-holder .slide-content .slide-content-title { font-size:2rem; }
	div#slide-content-holder .slide-content .slide-content-desc { font-size:0.875rem; }
	div#slide-content-holder .slide-content .slide-content-desc BR { display:none; }
	div#slide-content-holder .slide-content .slide-content-readmore A { font-size:0.75rem; }
	
	/* Home - Sports Programmes - Done */
	.pagelevel-1 .pageblock_box.block1 { padding:50px 0px; }
	.pagelevel-1 .pageblock_box.block1 > H2 { font-size:1.625rem; }

	#home-sports-programmes TR  { display:flex; justify-content:space-between; flex-wrap:wrap; }
	#home-sports-programmes TR > TD { padding:5px; width:50%; display:block; box-sizing:border-box; }
	#home-sports-programmes TR > TD.wide { width:50% !important; }

	#home-sports-programmes TR > TD > A { display:block; width:100%; height:100%; position:relative; padding:15px; box-sizing:border-box; }
	#home-sports-programmes TR > TD > A:after { padding-top:76.04%; content:''; display:block; }
	#home-sports-programmes TR > TD > A.individualprog:after { padding-top:76.04%; content:''; display:block; }
	
	#home-sports-programmes TR > TD > DIV P { font-family:'Montserrat', sans-serif; font-weight:bold; font-size:1.125rem; color:#FFFFFF; position:absolute; bottom:10%; left:10%; width:80%; }
	#home-sports-programmes TR > TD > DIV P SPAN { max-height:0px; display:block; font-family:'Montserrat', sans-serif; font-weight:normal; font-size:0.9375rem; color:#ffffff; transition:all 0.3s ease-in; overflow:hidden; }
	#home-sports-programmes TR > TD > A:hover SPAN { max-height:100px; }
	#home-sports-programmes TR > TD > A:hover SPAN:hover { color:#ff2b4e; text-decoration:none; }

	#home-sports-programmes TR > TD > A.individualprog { background:url('/qql/slot/u262/style/homepage/sports programmes/inactive/IP.jpg') center no-repeat; background-size:cover; }
	#home-sports-programmes TR > TD > A.individualprog:hover { background:url('/qql/slot/u262/style/homepage/sports programmes/inactive/IP.jpg') center no-repeat; background-size:cover; }
	
	#home-sports-programmes TR > TD > A.fencing { background:url('/qql/slot/u262/style/homepage/sports programmes/fencing.jpg') center no-repeat; background-size:cover; }
	#home-sports-programmes TR > TD > A.fencing:hover { background:url('/qql/slot/u262/style/homepage/sports programmes/fencing.jpg') center no-repeat; background-size:cover; }

	#home-sports-programmes TR > TD > A P { left:15px; width:calc(100% - 30px); }
	
	/* Home - Academic Programmes -  Done */
	.pagelevel-1 .pageblock_box.block2 {  padding:50px 0px; }
	.pagelevel-1 .pageblock_box.block2 > H2 { font-size:1.625rem; }

	#home-academic-programmes TR { display:flex; width:100%; flex-wrap:wrap; }
	#home-academic-programmes TR > TD { display:block; width:100% !important; height:auto; padding:0px; margin:0px; }
	#home-academic-programmes TR > TD > A SPAN, #home-academic-programmes TR > TD > A:hover SPAN { font-size:1.125rem; }

	/* Home - Why Us - Done */
	.pagelevel-1 .pageblock_box.block3 { padding:50px 0px; }
	.pagelevel-1 .pageblock_box.block3 > H2 { font-size:1.625rem; }

	#home-why-us TR { display:flex; justify-content:space-between; width:100%; flex-wrap:wrap; }
	#home-why-us TR > TD { display:block; width:100% !important; height:auto; padding:0px 0px 20px 0px; margin:0px;  clear:both; }

	#home-why-us TR > TD H3 { font-size:1.5rem; }
	#home-why-us TR > TD UL > LI { font-size:1.125rem; }

	/* Home - Follow Us - Done */
	.pagelevel-1 .pageblock_box.block4 { padding:20px 0px; }
	.pagelevel-1 .pageblock_box.block4 > H2 { font-size:1.625rem; }

	/* Year Book - Done */
	.yearbook TR { display:flex; justify-content:space-between; width:100%; flex-wrap:wrap; }
	.yearbook TR > TD { display:block; width:100% !important; height:auto; padding:0px; margin:0px; }
	 
	 /* News Filter - Done */
	.subpages-item-list > DIV.subpages-item { width:100%; }
	 
	/* News - Done */
	.news TR { display:flex; justify-content:space-between; width:100%; flex-wrap:wrap; }
	.news TR > TD { display:block; width:100% !important; height:auto; padding:0px; margin:0px; }

	/* Admissions - Done */
	.admissions TR { display:flex; justify-content:space-between; width:100%; flex-wrap:wrap; }
	.admissions TR > TD { display:block; width:100% !important; height:auto; padding:0px; margin:0px; }

	/* Student Life - Done */
	.studentlife .pageblock_box table > tbody > tr { width:100%; display:flex; justify-content:space-between; flex-direction:column; }
	.studentlife .pageblock_box table > tbody > tr > td { width:100% !important; display:block; }

	/* Contact Us - Done */
	.contactus .block1 { }
	.contactus .block1 table { display:block; width:100% !important; height:auto !important; }
	.contactus .block1 table tbody, .contactus .block1 table tr, .contactus .block1 table tr > td { display:block;  width:100% !important; }

	.contactus .block2 { background:#f3f3f3; }
	.contactus .block2 table TR { display:flex; justify-content:space-between; width:100%; flex-direction:column; }
	.contactus .block2 table TR > TD { width:100% !important; }
	
	/* Programmes - Done */
	.programmes .block2 { background:#ffa200; }
	.programmes .block2 table > tbody > tr { width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;  }
	.programmes .block2 table > tbody > tr > td { width:100% !important; display:block; }
	.programmes .block2 table > tbody > tr > td IMG { width:100%; max-width:500px;  margin:0px auto; display:block; }
	.programmes .block2 A, .programmes .block1 A:visited { margin-left:0px; }
	
	/* Programmes - Staff - Done */
	.programmes .block4 { background:#f3f3f3; }
	.staff TR { display:flex; justify-content:space-between; width:100%; flex-wrap:wrap; }
	.staff TR > TD { display:block; width:100% !important; height:auto; padding:0px 0px 80px 0px; margin:0px; }

	/* Academic - Tile1 -  */
	.academic .block2 { background:#ffa200; }
	.academic .block2 table TR { display:flex; width:100% !important; justify-content:center;flex-wrap:wrap;   }
	.academic .block2 table TR > TD { display:block; width:100%; }
	.academic .block2 table .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .text_  .caption_ { display:none; }
	
	/* Academic - Tile2 - Done */
	.academic .block3 { }
	.academic .block3 table TR { display:flex; width:100% !important; justify-content:space-between; flex-wrap:wrap; }
	.academic .block3 table TR > TD { display:block; width:100% !important; }
	.academic .block3 table TR > TD H3 { font-size:1.125rem; }
	
	.academic .block4 {}
	.academic .block4 table TR { display:flex; width:100% !important; justify-content:space-between; flex-wrap:wrap; }
	.academic .block4 table TR > TD { display:block; width:100% !important; padding:0px; }
	
	/* Why Us - Value Proposition - Done  */
	.whyus .block1 { background:#ffa200; padding:20px 0px; }
	.whyus .block1 > H2 { font-size:1.625rem; }
	
	#why-us-tbl TR { display:flex; justify-content:space-between; width:100%; flex-wrap:wrap; }
	#why-us-tbl TR > TD { display:block; width:100%; height:auto; padding:0px 0px 20px 0px; margin:0px; }
	#why-us-tbl TR > TD > DIV { float:left; }
	
	/* Why Us - Worldwide Partnership - Done  */
	.whyus .block2 > H2 { font-size:1.625rem; }

	/* Our Champions - Done */
	.item-list > DIV.item { width:100%; margin:10px; position:relative; }
	
	/* Related News - Done */
	.related-item-list { flex-direction:column; }
	.related-item-list > DIV.related-item { width:100%; margin:0px 0px 20px 0px; }	
}

@media  screen  and (max-width:768px) {
	.main_area h1 { font-size:1.625rem; }
	.main_area h2 { color:#000000; font-size:1.375rem; }
	.main_area h3 { color:#f47920; font-size:1.125rem; }
	.main_area h4 { color:#f47920; font-size:1.125rem; }
	
	.content_area > .mid table { display:block; overflow:auto; width:100% !important; height:auto !important; }
	.content_area > .mid table > tbody { display:table; min-width:100%; }
	
	.item-filter-list { flex-direction:column; }
	.item-filter-list SELECT { margin:5px 0px; }
	
	.ives_tab_kosong td, .ives_tab_kosong th { padding:0px 0px 20px 0px; display:block; width:100% !important; }
	
	#top { width:53px; height:55px; background:url('/qql/slot/u262/style/footer/back to top rwd.png') center no-repeat; }
}

.content_area > .top > SPAN { display:none; }
.content_area > .top > DIV#sidemenu-toggle { display:none; }
.PTP7443 .content_area > .top { display:none; }
.PTP7443.PTP7716 .content_area > .top { display:block; }

@media  screen  and (max-width:450px) {
	.content_area  A { word-break:break-word; }
}

@media  screen  and (max-width:450px) {
	.PTP7443 .content_area > .top { background:transparent; border-bottom:none; position:fixed; top:30%; z-index:1200; padding:0px 0px 0px 100px; transition:right 0.5s; display:block; width:365px; right:-265px; top:170px; }
	.PTP7443 .showsidemenu .content_area > .top { right:0px; }

	.PTP7443 .content_area > .top > DIV#sidemenu-toggle { background:#000000; display:flex; justify-content:space-between; align-items:center; padding:5px; width:100px; height:40px; color:#FFFFFF; position:absolute; left:0px; top:0px; cursor:pointer; box-sizing:border-box; }
	.PTP7443 .content_area > .top:hover > DIV#sidemenu-toggle, .PTP7443 .showsidemenu .content_area > .top:hover > DIV#sidemenu-toggle { background:#ff2b4e; } 

	.PTP7443 .content_area > .top > UL { background:#FFFFFF; display:block; max-height:50vh; overflow:auto; }
	.PTP7443 .content_area > .top > UL > LI  { padding:0px; display:block; }
	.PTP7443 .content_area > .top > UL > LI  A { background:#000000; color:#FFFFFF; display:block; width:100%; padding:5px 10px; box-sizing:border-box; }
	.PTP7443 .content_area > .top > UL > LI  A:hover, .PTP7443 .content_area > .top > UL > LI  B { background:#ff2b4e; color:#FFFFFF; display:block; width:100%; padding:5px 10px; box-sizing:border-box; }

	.PTP7443 .content_area > .top > DIV#sidemenu-toggle { color:transparent; }
	.PTP7443 .content_area > .top > DIV#sidemenu-toggle:before { content:'◄'; display:block; position:absolute; top:5px; left:0px; width:40px; height:30px; line-height:30px; color:#FFFFFF; text-align:center; font-size:25px; }
	.PTP7443 .showsidemenu .content_area > .top > DIV#sidemenu-toggle:before { content:'►'; } 
	
	.PTP7443 .content_area > .top > DIV#sidemenu-toggle:after { content:'MORE'; display:block; position:absolute; top:5px; left:40px; width:50px; height:30px; line-height:30px; color:#FFFFFF; }
	.PTP7443 .content_area > .top .hamburger { display:none; }
}

.footer-top{
 align-items: center;
}

.footer-logo{
  flex: 0 0 auto !important;
  max-width: 100%;
  margin-left: 1em;
  margin-right: 1em;
  display: block;
}

.footer-bottom{
 padding-top: 1rem !important;
}

@media (max-width: 1024px) {
  #footer-logo,
  .footer-logo{
  		  margin-bottom: 1em;
  }
  
  
div#slide-runner A:first-child {
    display: block;
    width: 100%;
    height: 100%;
}
xdiv#slide-runner A:first-child:before {
    background: url('/qql/slot/u262/style/homepage/homepage banners/Website mobile OH 2022 Banner FA-08.jpg') no-repeat center top;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
}
#slide-runner #Xslide-img-2 {
opacity:0;
  visibility:hidden;
}
}