@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@1,100..900&display=swap');

@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.3,1.3,1.3);transform:scale3d(1.3,1.3,1.3)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}
@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.3,1.3,1.3);transform:scale3d(1.3,1.3,1.3)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}

@-webkit-keyframes slide-bottom-fade-in{0%{opacity:1;margin-bottom:50px;}to{opacity:0;margin-bottom:10px;}}
@keyframes slide-bottom-fade-in{0%{opacity:1;margin-bottom:50px;}to{opacity:0;margin-bottom:10px;}}

::-webkit-scrollbar-track { background:#fff7b8; }
::-webkit-scrollbar-thumb { background:#fdb813; }
*::-webkit-scrollbar { width:10px; }

/*
font-family: "Montserrat", sans-serif;
*/

BODY { font-family:'Montserrat', sans-serif; font-size:15px; line-height:24px; color:#000000; overflow-x:hidden; }

#netcontent {  background:#ffffff; } 
   #lo_whole {  }
   #lo_panel {  }
    #lo_main {  width:100%; }
      .main_area {  width:100%; position:relative; background:#fffdf3; padding-top:60px; }	
	      
/* Font - Done */
.main_area h1 { color:#000000; font-size:36px; font-family:'Montserrat', sans-serif; font-weight:bold; line-height:130% !important; margin-bottom:10px; }
.main_area .pagecontent_box > h1 { display:none; }
.ive_designmode .main_area .pagecontent_box > h1 { display:block; }

.main_area h2 { color:#f4b33f; font-size:24px; font-family:'Montserrat', sans-serif; font-weight:bold; line-height:130% !important; margin-bottom:8px; }
.main_area h3 { color:#4c7f2b; font-size:24px; font-family:'Montserrat', sans-serif; font-weight:bold; line-height:130% !important; margin-bottom:6px; }
.main_area h4 { color:#000000; font-size:18px; font-family:'Montserrat', sans-serif; font-weight:bold; line-height:130% !important; margin-bottom:6px; }

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

/* Masthead -  Done */
.masthead_area { width:100%; height:auto; padding:0px; margin:0px auto; overflow:visible;  position:relative; z-index:1201; }
.masthead_area header { display:block; width:100%; max-width:1200px; height:auto; padding:0px 20px; margin:0px auto; box-sizing:border-box; overflow:visible; position:relative; }
.ive_designmode .masthead_area header { height:60px; }

.masthead_area header #logo  { display:block;  background:url('/qws/slot/u50481/style/header/school logo.png') center no-repeat; width:174px; height:52px; position:fixed; top:4px; xleft:0px; z-index:1201; color:transparent; }

.masthead_area header #rwdmenu { display:none; width:30px; height:30px; padding:0px; cursor:pointer; position:absolute; right:20px; top:15px; z-index:1250; }
.masthead_area header #rwdmenu .hamburger { background: transparent; border: none; display: block; height:30px; position: relative; width:30px; z-index:999; margin-top:0px; cursor:pointer; z-index:9999; }
.masthead_area header #rwdmenu .hamburger:before { -webkit-transform: translate3d(0, 0, 0); -webkit-transition: all 0.35s ease-in-out; color: #000000; content: ''; display: block; font-size: 14px; line-height: 32px; opacity: 0; text-align: center; width: 100px; }
.masthead_area header #rwdmenu .hamburger .hamb-top, .masthead_area header #rwdmenu .hamburger .hamb-middle, .masthead_area header #rwdmenu .hamburger .hamb-bottom { height: 3px; left: 0; position: absolute; width: 100%; border-radius:5px; }
.masthead_area header #rwdmenu .hamburger .hamb-top { -webkit-transition: all 0.35s ease-in-out; background-color: #000000; top:5px; }
.masthead_area header #rwdmenu .hamburger .hamb-middle { background-color: #000000; top: 50%; transform:translateY(-50%); }
.masthead_area header #rwdmenu .hamburger .hamb-bottom { -webkit-transition: all 0.35s ease-in-out; background-color: #000000; bottom:5px; }

.showmenu .masthead_area header #rwdmenu .hamburger .hamb-top { -webkit-transform: rotate(45deg); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); background-color: #000000; margin-top: -2px; top: 50%; }
.showmenu .masthead_area header #rwdmenu .hamburger .hamb-middle { display:none; }
.showmenu .masthead_area header #rwdmenu .hamburger .hamb-bottom { -webkit-transform: rotate(-45deg); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); background-color: #000000; margin-top: -2px; top: 50%; }

/* Navigation - Done */
.sitemenu_area 		{ display:block; width:100%; max-width:100%; padding:0px; margin:0px auto; overflow:visible; position:fixed; top:0px; z-index:1200; background:#FFFFFF; }
.ive_designmode .sitemenu_area { position:relative !important; z-index:1000 !important; }

.sitemenu_area UL.sitemenu  { display:flex; width:100%; max-width:1200px; height:60px; padding:0px 20px 0px 200px; margin:0px auto; box-sizing:border-box; justify-content:flex-end;  align-items:center; position:relative; }
.ive_designmode .sitemenu_area UL.sitemenu  { flex-wrap:wrap; }

.sitemenu_area .sitemenu li  { display:inline-block; margin:0px 10px; padding:0px; float: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; font-family:'Montserrat', sans-serif; font-weight:600; font-size:16px; line-height:24px !important; color:#000000; position:relative; display:block; margin:0px; padding:0px; }
.sitemenu_area A.sitemenu:hover, .sitemenu_area.sitemenu_area LI:hover > a, A.sitemenulit { font-weight:600; text-decoration:none; color:#f4b33f !important; background:transparent; }

/* Dropdown Box - Done */
table.dropmenu {  display:none; }

/* Masthead2 - Done */
.masthead2_area           { display:block; width:100%; height:26.83vw; background:#FFFFFF; background-size:100% 100%; position:relative; z-index:1010; }
.pagelevel-1 .masthead2_area { display:none; }

/* Breadcrumbs - Done */
.path_box { display:block; width:100%; padding:20px 0px; margin:0px auto; box-sizing:border-box; text-align:left; font-family:'Montserrat', sans-serif; font-size:13px; color:#000000; font-weight:500; text-align:center; }
.path_box > SPAN, .path_box > SPAN A, .path_box > SPAN A:visited, .path_box > SPAN A:hover { color:#000000; font-family:'Montserrat', sans-serif; font-size:13px; text-decoration:none; font-weight:500; }
.path_box > SPAN A:hover { text-decoration:none; }
.path_box > SPAN:last-of-type { color:#f4b33f !important; font-weight:500; }

/* Content Area - Done */
.content_area { float:none !important; width:100% !important; max-width:1200px; padding:0px 20px; margin:0px auto; box-sizing:border-box; position:relative; display:flex; flex-direction:column; }

.content_area > .mid { width:100%; }
.layout-default  .content_area > .mid           { float:none !important;  }
.layout-default_left  .content_area > .mid  { float:none !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%; padding:0px; margin:0px; display:block; order:2; }
.content_area .sidebar_area .mid { width:100%; padding:0px; margin:0px; float:none; }

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

.layout-default  .content_area .sidebar_area .mid  { float:none;  padding:0px; }
.layout-default_left  .content_area .sidebar_area .mid  { float:none; padding:0px;  }

.sidebar_area .sidebar0_box { padding:0px; margin:0px; }

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

.content_area .bottom { clear:both; }

/* Footer - Done */
#totop { display:none; width:41px; height:41px; position:fixed; bottom:88px !important; right:20px; cursor:pointer; background:url('/qws/slot/u50481/style/footer/btt.png') center no-repeat; z-index:9999; }

.footer_area { display:block; padding:0px 0px 30px 0px; margin-top:max(5vw, 172px); width:100%; height:auto; background:#d8e3af; position:relative; }
.footer_area:before { content:''; display:block; position:absolute; top:-4.7vw; left:0px;  width:100%; height:4.8vw; background:url('/qws/slot/u50481/style/footer/footer.png') center bottom no-repeat; background-size:100% auto; }
.footer_area:after { content:''; display:block; position:absolute; top:-142px; left:0px;  width:141px; height:172px; background:url('/qws/slot/u50481/style/footer/footer mascot.png') center bottom no-repeat; background-size:100% auto; }

.footer_area footer { display:flex; justify-content:space-between; width:100%; max-width:1200px; padding:0px 20px; margin:0px auto; box-sizing:border-box; position:relative; font-size:15px; font-weight:500; }
.footer_area  footer > DIV { width:48%; padding:0px; margin:0px; display:block; }
.footer_area  footer > DIV.map { max-width:450px; }
.footer_area  footer > DIV.map IFRAME { width:100% !important; height:auto !important; aspect-ratio:4/3 auto; }

.footer_area footer .contactus-title { font-weight:bold; font-size:36px; line-height:65px; color:#000000; display:inline-block;  background:url('/qws/slot/u50481/style/footer/star_contactus.png') right center no-repeat; padding-right:100px; padding-top:30px; }
.footer_area footer UL.btngrp { display:flex; padding:0px; margin:30px 20px 0px 0px; }
.footer_area footer UL.btngrp LI { display:inline-block; padding:0px; margin:0px;  }

.footer_area footer UL.btngrp LI A.website { display:inline-block; color:transparent; text-indent:-9999px; width:131px; height:131px; background:url('/qws/slot/u50481/style/footer/icon_web.png') center no-repeat; }
.footer_area footer UL.btngrp LI A.email { display:inline-block; color:transparent; text-indent:-9999px; width:131px; height:131px; background:url('/qws/slot/u50481/style/footer/icon_email.png') center no-repeat; }
.footer_area footer UL.btngrp LI A.facebook { display:inline-block; color:transparent; text-indent:-9999px; width:131px; height:131px; background:url('/qws/slot/u50481/style/footer/icon_fb.png') center no-repeat; }
.footer_area footer UL.btngrp LI A.instg { display:inline-block; color:transparent; text-indent:-9999px; width:131px; height:131px; background:url('/qws/slot/u50481/style/footer/icon_ig.png') center no-repeat; }

/* Hyperlink - Done */
a  		    	{ color:#f4b33f; font-weight:400; text-decoration:underline; }
a:visited 	{ color:#f4b33f; font-weight:400; text-decoration:underline; }
a:hover 		{ color:#f4b33f; font-weight:400; text-decoration:underline; }

/* Subpages Box - Done */
.subpages_box { padding:20px 0px !important; margin:0px; width:100%; display:block; background:transparent; box-sizing:border-box; position:relative; }
.subpages_box ul  { margin-left:0px;  }
.subpages_box ul li  { padding:0px; margin:0px; display:block;  }

.subpages_box A, .subpages_box A:visited { display:block; font-family: "Montserrat", sans-serif; color:#f4b33f; padding:5px 10px; margin:10px 0px; text-decoration:none; font-weight:normal; position:relative; text-align:left; font-size:15px; text-align:left; line-height:24px !important; }
.subpages_box B , .subpages_box A:hover { display:block; font-family: "Montserrat", sans-serif; color:#f4b33f; padding:5px 10px; margin:10px 0px; text-decoration:none; font-weight:normal; position:relative; text-align:left; font-size:15px; text-align:left; line-height:24px !important; text-decoration:underline; }

.subpages_box UL UL A, .subpages_box UL UL A:visited, .subpages_box UL UL A:hover { font-family:'Montserrat', sans-serif; font-size:15px; }

/* Tabs -  Done */
.tabs-full-wrapper { display:block; }
.tabs-full-wrapper > .tab-wrapper { display:flex; margin:0px; padding:0px; justify-content:center; }
.tabs-full-wrapper > .tab-wrapper > LI { display:inline-block; position:relative; padding:0px; margin:0px; text-align:center; background:transparent; color:#d6cfc8; position:relative; padding:15px 20px; cursor:pointer; position:relative; font-size:24px; font-weight:bold; }
.tabs-full-wrapper > .tab-wrapper > LI:after { content:''; width:100%; height:1px; position:absolute; bottom:0px; left:0px; background:#d6cfc8; }

.tabs-full-wrapper > .tab-wrapper > LI.active { background:transparent; color:#f4b33f; }
.tabs-full-wrapper > .tab-wrapper > LI.active:after { height:4px; background:#f4b33f; }

.content_area .pageblock_box.tabbody { padding:20px 0px; box-sizing:border-box; display:none; }
.content_area .pageblock_box.tabbody.active { display:block; }

.content_area .pageblock_box.tabbody.active > H2 { display:none; }
.ive_designmode .content_area .pageblock_box.tabbody.active > H2 { display:block; }

/* 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; }

.content_area HR  { margin:10px 0px; }

/* Litebox - Done */
.litebox-body .main_area { padding-top:0px; }
.litebox-body .masthead_area, .litebox-body .sitemenu_area, .litebox-body .masthead2_area, .litebox-body .path_box, .litebox-body .sidebar_area, .litebox-body .footer_area { display:none; }

.litebox-body .main_area .content_area > .mid { margin:0px auto; }
.litebox-body .main_area .content_area > .sidebar_area { display:none !important; }

/* FORM FIELDS - Done */
.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;}

.content_area  INPUT::placeholder, .content_area  TEXTAREA::placeholder { color:rgb(26, 46, 90); }
.footer_area  INPUT::placeholder, .footer_area  TEXTAREA::placeholder { color:rgb(26, 46, 90); }

/* TABLES - Done */
.content_area TABLE { border-collapse:collapse;  }
.content_area TABLE.ives_tab_1 TH, .content_area TABLE.ives_tab_1 TD{ padding:5px; text-align:left;  }
.content_area TABLE.ives_tab_1 TH { background:#2F56A2; color:#ffffff; font-weight:bold; }
.content_area TABLE.ives_tab_1 tr:nth-child(odd) td{ background:#ffffff; color:#000000; }
.content_area TABLE.ives_tab_1 tr:nth-child(even) td{ background:#efeff0; color:#000000; }

.content_area TABLE.search_box { border:none; }
.content_area TABLE.event { border-collapse:initial; border:none !important; }

/* Home - Body - Done */
.pagelevel-1 .content_area { min-height:auto; padding:0px; width:100% !important; max-width:100%; background:transparent; }
.pagelevel-1 .content_area > .mid { padding:0px !important; width:100% !important; max-width:100% !important; }
.pagelevel-1 .pagecontent_box { padding:0px; line-height:0px; }

.pagelevel-1 .pageblock_box { padding:0px; width:100%; opacity:1; }
.pagelevel-1 .pageblock_box > * { padding:0px 20px; width:100%; max-width:1200px; box-sizing:border-box; margin:0px auto; display:block; }

/* Home - Main -  Done */
.pagelevel-1 .description { background:url('/qws/slot/u50481/style/home/homebanner.png') center no-repeat; background-size:cover; width:100%; height:calc(100vh - 60px); display:flex; flex-direction:column; justify-content:flex-end; align-items:center; position:relative;  }
.pagelevel-1 .description:before { content:''; display:block; width:100%; height:100%; background:url('/qws/slot/u50481/style/home/homebanner_mascot.png') left center no-repeat; background-size:contain; position:absolute; top:0px; left:0px; }
.pagelevel-1 .description:after { content:''; display:block; width:100%; height:10%; background:linear-gradient(rgba(188, 219, 250, 0), rgba(188, 219, 250, 1)); position:absolute; bottom:0px; left:0px; z-index:2000; }

.pagelevel-1 .description .gonext { display:inline-block; margin:40px 0px 20px 0px; width:47px; height:50px; background:url('/qws/slot/u50481/style/home/arrow.png'); cursor:pointer; text-indent:-9999px; animation:slide-bottom-fade-in .95s ease-in .2s infinite; background-size:contain; z-index:9999; }

/* Home - Block 1 - Done */
.pagelevel-1 .pageblock_box.block1 { padding:50px 0px 12.7vw 0px; background:url('/qws/slot/u50481/style/home/cloud_1.png') center bottom no-repeat #BCDBFA; background-size:100% auto; }
.pagelevel-1 .pageblock_box.block1 > H2 { display:block; background:url('/qws/slot/u50481/style/home/star_programme.png') 240px center no-repeat; padding-right:70px; font-size:36px; color:#2F56A2; width:auto; line-height:72px !important; }
.pagelevel-1 .pageblock_box.block1 > DIV { display:flex; justify-content:space-between; }

.pagelevel-1 .pageblock_box.block1 > DIV > DIV:first-of-type { width:40%; }
.pagelevel-1 .pageblock_box.block1 > DIV > DIV:last-of-type { width:58%; }

.pagelevel-1 .pageblock_box.block1 > DIV UL.dtl { display:flex; flex-direction:column; padding:0px; margin:0px; }
.pagelevel-1 .pageblock_box.block1 > DIV UL.dtl > LI { display:block; padding:0px 0px 0px 50px; margin:10px 0px; font-size:18px; line-height:36px; font-weight:bold; color:#000000; }
.pagelevel-1 .pageblock_box.block1 > DIV UL.dtl > LI.date { background:url('/qws/slot/u50481/style/home/icon_date.png') left center no-repeat; }
.pagelevel-1 .pageblock_box.block1 > DIV UL.dtl > LI.time { background:url('/qws/slot/u50481/style/home/icon_time.png') left center no-repeat; }
.pagelevel-1 .pageblock_box.block1 > DIV UL.dtl > LI.link { background:url('/qws/slot/u50481/style/home/icon_link.png') left center no-repeat; }

.pagelevel-1 .pageblock_box.block1 > DIV A.click2join { display:inline-block; padding:10px 25px; margin:30px 0px 0px 0px; font-size:18px; line-height:36px; font-weight:normal; color:#000000; display:inline-block; border:1px solid #000000; border-radius:10px; text-decoration:none; }

.pagelevel-1 .pageblock_box.block1 > DIV UL.events { display:block; margin:0px; padding:0px; background:url('/qws/slot/u50481/style/home/timeline_line.png') 8px top no-repeat; min-height:284px; } 
.pagelevel-1 .pageblock_box.block1 > DIV UL.events > LI { display:block; margin:0px 0px 10px 0px; padding:0px 0px 0px 30px; background:url('/qws/slot/u50481/style/home/timeline_star.png') left top no-repeat; color:#000000; font-size:15px; } 
.pagelevel-1 .pageblock_box.block1 > DIV UL.events > LI B, .pagelevel-1 .pageblock_box.block1 > DIV UL.events > LI STRONG { font-size:18px; font-weight:bold; }
.pagelevel-1 .pageblock_box.block1 > DIV UL.events > LI I, .pagelevel-1 .pageblock_box.block1 > DIV UL.events > LI I { color:#4c7f2b !important; }

/* Home - Block 2/3/4 - Done */
.pagelevel-1 .pageblock_box.block2 { padding:50px 0px 50px 0px; background:#fffdf3; text-align:center; }
.pagelevel-1 .pageblock_box.block2 > H2 {  display:inline-flex; background:url('/qws/slot/u50481/style/home/star_explorecedar.png') right center no-repeat; padding-right:70px; font-size:36px; color:#2F56A2; width:auto; min-height:95px; align-items:center; }
.pagelevel-1 .pageblock_box.block2 > DIV { display:block; width:100%;  }

.pagelevel-1 .pageblock_box.block3 { padding:50px 0px 50px 0px; background:#fffdf3; text-align:center; }
.pagelevel-1 .pageblock_box.block3 > H2 {  display:inline-flex; background:url('/qws/slot/u50481/style/home/star_explorecedar.png') right center no-repeat; padding-right:70px; font-size:36px; color:#2F56A2; width:auto; min-height:95px; align-items:center; }
.pagelevel-1 .pageblock_box.block3 > DIV { display:block; width:100%;  }

.pagelevel-1 .pageblock_box.block4 { padding:50px 0px 50px 0px; background:#fffdf3; text-align:center; }
.pagelevel-1 .pageblock_box.block4 > H2 {  display:inline-flex; background:url('/qws/slot/u50481/style/home/star_explorecedar.png') right center no-repeat; padding-right:70px; font-size:36px; color:#2F56A2; width:auto; min-height:95px; align-items:center; }
.pagelevel-1 .pageblock_box.block4 > DIV { display:block; width:100%;  }


/* RWD - Done */
@media  screen  and (max-width:1024px) {	
	.main_area { padding-top:60px; }
	
	.masthead_area header { width:100%; height:60px; position:fixed; top:0px; left:0px; background:#fffdf3; }
	.masthead_area header #rwdmenu { display:block; }
	
  .sitemenu_area { display:none; position:fixed; z-index:9000; background:#fffdf3; padding:10px 20px; top:60px; left:0px; width:100%; height:calc(100vh - 60px) !important; box-sizing:border-box; overflow:auto; }
  .show .sitemenu_area { display:block; }
	
  .sitemenu_area UL.sitemenu  { display:block; max-width:100%; float:none; min-height:auto; padding:0px; width:100%; margin:0px; background:transparent; box-sizing:border-box; }
	.sitemenu_area UL.sitemenu li	{ display:block; width:100%; float:none; height:auto; overflow:visible; padding:8px 0px; margin:0px; text-align:center; position:relative; background:transparent; border:none; }
  .sitemenu_area UL.sitemenu li > A, .sitemenu_area UL.sitemenu li > A:visited, .sitemenu_area UL.sitemenu li > A:hover { display:block; padding:5px 0px !important; border:none; text-align:left; height:auto; display:block; margin:0px !important; font-family:'Montserrat', sans-serif; color:#000000 !important; font-size:16px; font-weight:400; cursor:pointer; }	 
	.sitemenu_area UL.sitemenu li.active > A, .sitemenu_area UL.sitemenu li > A:hover { color:#000000 !important; }
	
  table.dropmenu { display:none;  }
	
	.content_area > .mid { width:100%; padding:0px; }
	.content_area .sidebar_area { width:100%; padding:0px; order:2; }
	
	.subpages_box { padding:20px !important; margin:0px !important; }
	.subpages_box:before, .subpages_box:after { display:none; }
	
	.footer_area footer { padding:0px 20px 0px 20px; }
	.footer_area footer { flex-direction:column; }
	.footer_area footer > DIV { padding:15px 0px; width:100%; }
	
	.footer_area footer UL.btngrp { flex-wrap:wrap; }
	
	/* Home page */
	.pagelevel-1 .description { height:32.06vw; z-index:1200; }
	.pagelevel-1 .description .gonext { display:none; }
	
	.pagelevel-1 .pageblock_box.block1 > DIV { display:flex; flex-direction:column; }
	.pagelevel-1 .pageblock_box.block1 > DIV > DIV:first-of-type { width:100%; padding:15px 0px; }
	.pagelevel-1 .pageblock_box.block1 > DIV > DIV:last-of-type { width:100%; padding:15px 0px; }
	
	.pagelevel-1 .pageblock_box.block2 > DIV { }	
}

@media  screen  and (max-width:768px) {	
	.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 { width:100% !important; }
  .gv_panel  IMG {  left: 0px !important; right: 0px !important; margin: 0px auto; top:50% !important; transform:translateY(-50%) !important; 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%;   }	
	
	.content_area .mid TABLE  { width:calc(100vw - 40px) !important; max-width:100%; height:auto; display:block; overflow:auto; margin:0px auto !important; }
	.content_area .mid TABLE > TBODY { display:block; min-width:100%; }
	.content_area .mid TABLE TD, .content_area .mid TABLE TH { width:auto !important; }
	
	.pageblock_box > DIV TABLE.ives_tab_kosong { display:block; width:100% !important; height:auto !important; }
	.pageblock_box > DIV TABLE.ives_tab_kosong TR { display:block; }
	.pageblock_box > DIV TABLE.ives_tab_kosong TR > * { display:block; width:100% !important; box-sizing:border-box; }	
	
	.pagelevel-1 .pageblock_box > DIV TABLE.ives_tab_kosong TR > * { padding:0px 0px 15px 0px !important; }
	
	.tabs-full-wrapper > .tab-wrapper > LI { padding:15px 0px; font-size:16px; display:block; }

	.path_box { font-size:12px; }
	.path_box > SPAN, .path_box > SPAN A, .path_box > SPAN A:visited, .path_box > SPAN A:hover { font-size:12px; }
	
	.pagelevel-1 .pageblock_box.block1 > DIV UL.dtl > LI { font-size:16px; }
	.pagelevel-1 .pageblock_box.block1 > DIV UL.events > LI { font-size:14px; }
	.pagelevel-1 .pageblock_box.block1 > DIV UL.events > LI B, .pagelevel-1 .pageblock_box.block1 > DIV UL.events > LI STRONG { font-size:16px; }
	
	.pagelevel-1 .pageblock_box.block2 > H2 { font-size:32px; }
	.pagelevel-1 .pageblock_box.block3 > H2 { font-size:32px; }
	.pagelevel-1 .pageblock_box.block4 > H2 { font-size:32px; }
}

@media  screen  and (max-width:450px) {	
	.pagelevel-1 .description { height:147.83vw; z-index:1200; }
	.pagelevel-1 .description:before { height:40%; }
}