@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Roboto:wght@500;700&display=swap');

@-webkit-keyframes slide-up-fade-in{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}34%{opacity:0;-webkit-transform:translateY(47px);transform:translateY(47px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}

@keyframes slide-up-fade-in{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}34%{opacity:0;-webkit-transform:translateY(47px);transform:translateY(47px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}

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

@-webkit-keyframes fade-in{0%{opacity:0;}to{opacity:1;}}
@keyframes fade-in{0%{opacity:0;}to{opacity:1;}}

@-webkit-keyframes slide-right-fade-in{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}34%{opacity:0;-webkit-transform:translateX(47px);transform:translateX(47px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}
@keyframes slide-right-fade-in{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}34%{opacity:0;-webkit-transform:translateX(47px);transform:translateX(47px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}

@-webkit-keyframes bg-slide-right-in{0%{background-position:-25px center;}to{background-position:0px center;}}
@keyframes bg-slide-right-in{0%{background-position:-25px center;}to{background-position:0px center;}}

/*
font-family: 'Lato', sans-serif;
font-family: 'Roboto', sans-serif;
*/

HTML { font-size:16px; }
BODY { font-family: 'Lato', sans-serif; font-size:16px; line-height:24px; color:#124068; }

#netcontent {  background:#ffffff; } 
   #lo_whole {  }
   #lo_panel {  }
    #lo_main {  width:100%; margin:auto; }
      .main_area {  width:100%; position:relative; }	
	      
/* Font - Done */
.main_area h1 { color:#124068; font-size:40px; font-family: 'Roboto', sans-serif; font-weight:bold; line-height:140% !important; text-align:left; }
.main_area h2 { color:#124068; font-size:32px; font-family: 'Roboto', sans-serif; font-weight:bold; line-height:140% !important; }
.main_area h3 { color:#124068; font-size:26px; font-family: 'Roboto', sans-serif; font-weight:bold; line-height:140% !important; }
.main_area h4 { color:#124068; font-size:20px; font-family: 'Roboto', sans-serif; font-weight:bold; line-height:140% !important; }

.PTP94 .content_area .pagecontent_box > H1 { padding:30px 0px; }
.content_area .pageblock_box > H2 { margin-bottom:30px; }

.content_area, .sidebar_area, .ive_content, .ive_content P, .ive_content DIV {  font-family: 'Lato', sans-serif;  font-size:16px; line-height:24px !important; color:#124068;font-weight:400; text-align:justify; }
.content_area P, .sidebar_area P { margin:0px 0px 0px 0px; }

/* Masthead - Done */
.masthead_area { overflow:visible; width:100%; min-height:100px; padding:0px; margin:0px auto; border-bottom:1px solid #5092ce; }
.masthead_area header { display:block; width:calc(100% - 40px); max-width:1280px; padding:0px 20px; position:relative; margin:0px auto; min-height:100px; }

.masthead_area header #logo { display:block; margin:0px; padding:0px; background:url('/qql/slot/u143/style/header/logo.png') left center no-repeat; max-width:220px; height:67px; color:transparent; text-indent:-9999px; color:transparent; line-height:0px !important; background-size:100% auto !important; position:absolute; top:50%; left:20px; transform:translateY(-50%); width:calc(100% - 100px); }

.masthead_area header #siwwpluslogo { display:flex; margin:0px; padding:0px; max-width:200px; height:61px; position:absolute; left:250px; top:50%; transform:translateY(-50%); background:url('/qql/slot/u155/style2022/header/microsite_logo.png') left center no-repeat; background-size:contain; z-index:1000; text-indent:-9999px; color:transparent; width:calc(100% - 200px); }

.masthead_area header  #search-btn { display:none; margin:0px; padding:0px; background:url('/qql/slot/u143/style/rwd/search.png') left center no-repeat; width:30px; height:30px; color:transparent; text-indent:-9999px; color:transparent; line-height:0px !important; background-size:100% auto !important; position:absolute; top:50%; right:20px; transform:translateY(-50%); }

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

.hamburger:hover .hamb-top { -webkit-transition: all 0.35s ease-in-out; top:0px; }
.hamburger:hover .hamb-bottom { -webkit-transition: all 0.35s ease-in-out; bottom:0px; }

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

.masthead_area header  > UL { display:flex; margin:0px; padding:0px; width:auto; height:35px; position:absolute; top:50%; right:20px; transform:translateY(-50%);  }
.masthead_area header  > UL > LI { display:block; margin:0px 0px 0px 20px; padding:0px; position:relative; }

.masthead_area  INPUT[type='text'] { width:200px; height:30px; background:transparent; border:1px solid #8d8d8d; padding:0px 5px; font-size:14px; line-height:30px; color:#8c8c8c; font-weight:normal; display:block; box-sizing:border-box; border-radius:6px; margin:2.5px 0px; position:absolute; top:50%; transform:translateY(-50%); right:250px; }
.masthead_area header  > UL > LI A, .masthead_area header  > UL > LI A:visited, .masthead_area header  > UL > LI A:hover { color:transparent; text-indent:-9999px; display:inline-block; width:36px; height:35px; }

.masthead_area header  > UL > LI #fb-btn { background:url('/qql/slot/u143/style/header/fb-normal.png') center no-repeat; }
.masthead_area header  > UL > LI #fb-btn:hover  { background:url('/qql/slot/u143/style/header/fb-active.png') center no-repeat; }

.masthead_area header  > UL > LI #tw-btn { background:url('/qql/slot/u143/style/header/twitter-normal.png') center no-repeat; }
.masthead_area header  > UL > LI #tw-btn:hover { background:url('/qql/slot/u143/style/header/twitter-active.png') center no-repeat; }

.masthead_area header  > UL > LI #yt-btn { background:url('/qql/slot/u143/style/header/youtube-normal.png') center no-repeat; }
.masthead_area header  > UL > LI #yt-btn:hover { background:url('/qql/slot/u143/style/header/youtube-active.png') center no-repeat; }

.masthead_area header  > UL > LI #li-btn { background:url('/qql/slot/u143/style/header/linkin-normal.png') center no-repeat; }
.masthead_area header  > UL > LI #li-btn:hover { background:url('/qql/slot/u143/style/header/linkin-active.png') center no-repeat; }

/* Navigation - Done */
.sitemenu_area 		{ display:none; width:100%; padding:0px 0px; margin:0px auto; background:transparent; border-bottom:1px solid #5092ce; position:relative; z-index:1200; }
.ive_designmode .sitemenu_area  { display:block; }

.sitemenu_area UL.sitemenu  { display:flex; width:calc(100% - 40px); max-width:1280px; margin:0px auto; padding:0px 20px; text-align:center; justify-content:center; }

.sitemenu_area .sitemenu li  { display:inline-block; width:calc(100% / 7); margin:0px; padding:0px 0px; text-align:left; position:relative; }
.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:'Lato', sans-serif; font-weight:bold; color:#124068; padding:0px 20px; margin:0px; font-size:16px; line-height:16px; text-align:center; border-right:1px solid #5092ce; display:flex; height:50px; align-items:center; justify-content:center; text-transform:uppercase; position:relative; }
.sitemenu_area A.sitemenu:hover, .sitemenu_area.sitemenu_area a.sitemenulit, .sitemenu_area.sitemenu_area LI:hover > a { font-weight:bold; text-decoration:none; color:#e6813a; background:transparent; }
.sitemenu_area A.sitemenu:hover:after, .sitemenu_area.sitemenu_area a.sitemenulit:after { content:''; width:100%; height:5px; background:#e6813a; position:absolute; bottom:0px; left:0px; }


/* Dropdown Box - Done */
table.dropmenu { border:none; display:none; visibility:visible !important; background:#FFFFFF; z-index:9999; position:absolute; top:100% !important; left:0px !important; border-collapse:collapse; height:auto; width:auto; }
.sitemenu_area LI:hover > table.dropmenu { display:block !important; } 

.sitemenu_area .sitemenu li > table.dropmenu TBODY { display: block !important; width:100%; min-width:250px; position:relative; }
.sitemenu_area .sitemenu li > table.dropmenu TBODY TR { display: block !important; width:100%; }
.sitemenu_area .sitemenu li > table.dropmenu td { display:block !important; text-align:left; }
.sitemenu_area .sitemenu li > table.dropmenu TR:last-of-type > td { border:none; }
.sitemenu_area .sitemenu li > table.dropmenu A, .sitemenu_area .sitemenu li table.dropmenu A:visited { padding:5px; text-align:left; color:#124068; font-weight:normal; font-size:16px; display:block; }
.sitemenu_area .sitemenu li > table.dropmenu A:hover { background:transparent; color:#e6813a; font-weight:bold; text-decoration:none; }

/* Navigation (From Multilevel subpages App )- Done */
.siww-navi 		{ display:block; width:100%; padding:0px 0px; margin:0px auto; background:transparent; border-bottom:1px solid #5092ce; }
.siww-navi > UL  { display:flex; width:calc(100% - 40px); max-width:1280px; margin:0px auto; padding:0px 20px; text-align:center; justify-content:center; }

.siww-navi > UL > LI  { display:inline-block; width:calc(100% / 7); margin:0px; padding:0px 0px; text-align:left; position:relative; }
.siww-navi > UL > LI:hover, .siww-navi > UL > LI.focus  { background:transparent; }

.siww-navi > UL > LI > A, .siww-navi > UL > LI > A:visited, .siww-navi > UL > LI > A:hover { background:transparent; font-family:'Lato', sans-serif; font-weight:bold; color:#124068; padding:0px 20px; margin:0px; font-size:16px; line-height:16px; text-align:center; border-right:1px solid #5092ce; display:flex; height:50px; align-items:center; justify-content:center; text-transform:uppercase; position:relative; text-decoration:none !important; }
.siww-navi > UL > LI:first-of-type > A { border-left:1px solid #5092ce; } 
.siww-navi > UL > LI:hover > A { font-weight:bold; text-decoration:none; color:#e6813a; background:transparent; }
.siww-navi > UL > LI:hover > A:after, .siww-navi > UL > LI.open > A:after { content:''; width:100%; height:5px; background:#e6813a; position:absolute; bottom:0px; left:0px; }

.siww-navi > UL > LI > UL { display:none !important; position:absolute; top:100%; left:0px; background:#FFFFFF; margin:0px; padding:0px; z-index:9999; width:100%; min-width:250px; }
.siww-navi > UL > LI:hover > UL { display:block !important; }
.siww-navi > UL > LI  UL  LI { display:block; margin:0px; padding:0px; }
.siww-navi > UL > LI  > UL > LI { padding:0px 20px; }
.siww-navi > UL > LI > UL > LI A { padding:5px; text-align:left; color:#124068; font-weight:normal; font-size:16px; display:block; text-decoration:none; }
.siww-navi > UL > LI > UL > LI A:hover { background:transparent; color:#e6813a; font-weight:bold; text-decoration:none;  }


.siww-navi > UL UL.ul_2 { display:none !important; position:absolute; top:0px; left:100%; background:#FFFFFF; min-width: 200px; margin:0px;}
.siww-naviX > UL .li_2 { position:relative; }
.siww-naviX > UL .li_2:hover > UL.ul_2 { display:block !important; }

.siww-navi > UL #cp1511 UL.ul_2 { right:100%; left:auto; }

.siww-navi > UL UL.ul_3 { display:none !important; }

/* Masthead2 - Done */
.masthead2_area { display:none; }

/* Breadcrumbs - Done */
.path_box         { display:block; padding:30px 0px; margin:0px auto; text-align:left; font-family: 'Lato', sans-serif; font-size:16px; font-weight:normal; color:#124068; width:100%; }
.path_box > SPAN, .path_box A, .path_box A:visited, .path_box A:hover { font-family: 'Lato', sans-serif; font-size:16px; font-weight:normal; color:#124068; text-decoration:none; }
.path_box A:hover { color:#124068; text-decoration:none; }
.path_box > SPAN:last-of-type { color:#e6813a; }

.PTP94 .path_box { display:none; }
 
/* Content Area - Done */
.content_area { width:950px; padding:0px 20px 0px calc(50% - 640px); margin:0px auto; position:relative; }
.content_area.content_area_wide { float:none !important; margin:0px auto; width:calc(100% - 40px) !important; max-width:1280px; padding:0px; position:relative; }
.content_area .appcontent_box, .content_area .pagecontent_box, .content_area .pageblock_box { padding:0px; margin:0px;  }	  
.content_area .pageblock_box { padding:15px 0px; }

.sidebar_area 	{ width:280px !important; padding:30px calc(50% - 640px) 0px 0px; margin:0px auto; position:relative; }
.sidebar_area .sidebar0_box { display:none !important; padding:0px; margin:0px; }
.sidebar_area .sidebar0_box, .sidebar_area .sidebar1_box { padding:10px 0px;  }

.layout-single_col .content_area { float:none !important; margin:0px auto; width:calc(100% - 40px) !important; max-width:1280px; padding:0px 20px; position:relative; }
.layout-single_col .sidebar_area { float:none !important; margin:0px auto; width:calc(100% - 40px) !important; max-width:1280px; padding:0px 20px; position:relative; }

/* Footer - Done */
#backtotop { position:fixed; right:10px; top:-100px; display:block; width:64px; height:64px; cursor:pointer; background:url('/qql/slot/u143/style/footer/BTP-normal.png') center no-repeat; z-index:9999; }
#backtotop:hover { background:url('/qql/slot/u143/nstyle/footer/BTP-active.png') center no-repeat; }

.footer_area { display:block; padding:0px; width:100%; background:#124068; position:relative; margin-top:-1px; }
.footer_area  footer {  }
.footer_area  footer:after { display:block; clear:both; content:''; }

.footer_area  #footer-socialmedia { display:none; }

.footer_area  footer > #footer-signup { width:100%; padding:0px calc(50% - 640px); margin:0px auto; font-size:20px; color:#124068; font-family: 'Roboto', sans-serif; font-weight:bold; text-align:center; box-sizing:border-box; background:#c9e6ed; display:flex; min-height:100px; align-items:center; justify-content:center; position:fixed; bottom:0px; z-index:1200; }

.ive_designmode .footer_area  footer > #footer-signup { position:relative;  bottom:auto !important; }

.footer_area  footer > #footer-signup LI { display:block; margin:0px 10px; padding:0px; }
.footer_area  footer > #footer-signup A,.footer_area  footer > #footer-signup A:hover { display:inline-block; width:260px; color:#FFFFFF !important; background:#e6813a; border-radius:20px; font-size:20px; line-height:40px; margin:5px 20px; text-align:center; text-decoration:none; font-weight:normal; }

.footer_area  footer > #footer-copyright-links { width:100%; padding:0px calc(50% - 640px); margin:0px auto; font-size:16px; color:#ffffff; font-family: 'Lato', sans-serif; font-weight:normal; text-align:left; box-sizing:border-box; background:#124068; display:flex; min-height:50px; align-items:center; justify-content:space-between; }
.footer_area  footer > #footer-copyright-links  > LI { display:inline-block; font-family: 'Lato', sans-serif; font-weight:normal; font-size:16px; color:#FFFFFF; }

.footer_area  footer > #footer-copyright-links  > LI  UL { display:table; margin:0px; padding:0px; }
.footer_area  footer > #footer-copyright-links  > LI  UL LI { line-height:100% !important; display:block; float:left; padding:0px 5px 0px 0px; margin:0px 5px 0px 0px; border-right:1px solid #ffffff; }
.footer_area  footer > #footer-copyright-links  > LI  UL LI:last-of-type { padding:0px; margin:0px; border-right:0px; }
.footer_area  footer > #footer-copyright-links  > LI UL LI A, .footer_area  footer > #footer-copyright-links  > LI UL LI A:visited, .footer_area  footer > #footer-copyright-links  > LI UL LI A:hover { margin:0px; display:inline-block; font-family: 'Lato', sans-serif; font-weight:normal; font-size:16px; color:#ffffff; text-decoration:none; }

/* Hyperlink - Done */
a  		    	{ color:#e6813a; text-decoration:underline; }
a:visited 	{ color:#e6813a; text-decoration:underline; }
a:hover 		{ color:#e6813a; text-decoration:underline; }

/* Subpages Box - Done */
.subpages_box { padding:0px 0px 50px 0px!important; margin:0px; display:block; background:transparent; border-left:1px solid #124068; }
.ive_designmode .subpages_box { position:relative; top:auto; right:auto; display:block; }
.subpages_box ul  { margin:0px;  }
.subpages_box ul li  { padding:0px; margin:0px; display:block;  }

.subpages_box A, .subpages_box A:visited { display:block; font-family: 'Lato', sans-serif; color:#124068; padding:5px 10px 5px 30px; margin:0px 0px 0px -10px; text-decoration:none; font-weight:normal; position:relative; text-align:left; font-size:16px; text-align:left; }
.subpages_box B , .subpages_box A:hover     { display:block; font-family: 'Lato', sans-serif; color:#e6813a; padding:5px 10px 5px 30px; margin:0px 0px 0px -10px; text-decoration:none; font-weight:normal; position:relative; text-align:left; font-size:16px; text-align:left; background:url('/qql/slot/u143/nstyle/sub/sidebar menu_ button.png') left center no-repeat; }

/* Multi level subpages - Done */
#pipe_custom_sidebar { padding:0px 0px 50px 0px!important; margin:0px; display:block; background:transparent; border-left:1px solid #124068; }
#pipe_custom_sidebar ul  { margin:0px;  }
#pipe_custom_sidebar ul li  { padding:0px; margin:0px; display:block;  }
#pipe_custom_sidebar ul ul { margin-left:3ex; }

#pipe_custom_sidebar ul li A, #pipe_custom_sidebar ul li A:visited { display:block; font-family: 'Lato', sans-serif; color:#124068; padding:5px 10px 5px 30px; margin:0px 0px 0px -10px; text-decoration:none; font-weight:normal; position:relative; text-align:left; font-size:16px; text-align:left; }
#pipe_custom_sidebar ul li.current > A, #pipe_custom_sidebar ul li A:hover     { display:block; font-family: 'Lato', sans-serif; color:#e6813a; padding:5px 10px 5px 30px; margin:0px 0px 0px -10px; text-decoration:none; font-weight:normal; position:relative; text-align:left; font-size:16px; text-align:left; background:url('/qql/slot/u143/nstyle/sub/sidebar menu_ button.png') left center no-repeat; }

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

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

.ives_tab_kosong > tbody > tr > td, .ives_tab_kosong > tbody > tr > th { border:1px solid transparent !important; } 
.iveo_table.ives_tab_simple3 TH, .iveo_table.ives_tab_simple3 TD  { padding:10px;  }
 
/* Articles - Done */
TR.adate  { display:none; }
DIV.article { clear:both; padding-bottom:10px; border-bottom:1px solid #CCCCCC; margin-bottom:10px; }

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

/* TABS - Done */
.tab-wrapper { display:flex; width:calc(100% - 40px); max-width:1280px; padding:50px 20px 0px 20px; margin-bottom:50px; position:relative; margin:0px auto; border-bottom:1px solid #949494; justify-content:space-between; }
.tab-wrapper LI { cursor:pointer; display:flex; width:auto; font-family:'Roboto', sans-serif; font-weight:normal; font-size:24px; color:#949494; position:relative; text-align:center; padding:10px; min-height:50px; align-items:center; }
.tab-wrapper LI.active { font-weight:bold; color:#124068; }
.tab-wrapper LI.active:after { content:''; display:block; width:100%; height:5px; background:#124068; bottom:-3px; left:0px; position:absolute; }

.tabbody { display:none; }
.ive_designmode .tabbody, .tabbody.active { display:block; }

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

.tabbody >  DIV { display:block; width:calc(100% - 40px); max-width:1280px; padding:0px 20px; position:relative; margin:0px auto; text-align:center; }

/* Read More */
.readmore { position:relative; overflow:hidden; padding-bottom:100px !important; transition:height 0.3s linear; }
.readmore:before { content:''; display:block; position:absolute; bottom:100px; left:0px; width:100%; height:100px; background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)); z-index:1100; }
.readmore:after { content:''; display:block; position:absolute; bottom:0px; left:0px; width:100%; height:100px;  background:#FFFFFF; z-index:1100; } 
.readmore .rm-btn { display:block; width:200px; height:50px; line-height:50px; text-align:center; position:absolute; bottom:10px; left:50%; transform:translateX(-50%); cursor:pointer; z-index:1200; border:1px solid #124068; border-radius:15px; }

.showall.readmore { padding-bottom:20px !important; }
.showall.readmore:before, .showall.readmore:after { display:none; }


@media  screen  and (max-width:1300px) {
	.content_area { width:calc(100% - 350px); padding:0px 20px 0px 20px; }
	.sidebar_area 	{ padding:30px 20px 0px 0px; }
	.footer_area  footer > #footer-signup { width:100%; padding:0px 20px;  }
	.footer_area  footer > #footer-copyright-links { width:100%; padding:0px 20px; }	
}

@media  screen  and (max-width:1030px) {
	.masthead_area  header #menu { display:block; }
	.masthead_area header  #search-btn { right:70px; }

	.showsearch:after { position:absolute; top:150px; left:0px; content:''; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:1050; }
	
	.masthead_area header  #search-btn { display:block; }
	
	.PTP32 .masthead_area  header #menu { display:block; }
	.PTP32 .masthead_area header  #search-btn { right:70px; }
	.PTP2 .main_area .pageblock_box > h2 { text-align:left !important; }
	
	.pagelevel-1 .masthead_area  header #menu { display:none; }
	.pagelevel-1 .masthead_area  header #search-btn { right:20px; }
	.showsearch .masthead_area header  #search-btn { background:url('/qql/slot/u143/style/rwd/search-close.png') center no-repeat; }
	
	.masthead_area header  > UL { display:none; }
	.masthead_area INPUT[type='text'] { top:100px; right:0px; z-index:1100; width:100%; display:none; border-radius:0px; transform: none;  margin: 0px; text-align: center; background:#FFFFFF; }
	.showsearch .masthead_area INPUT[type='text'] { display:block; height:50px; line-height:50px; }

  .siww-navi { display:none; position:absolute; z-index:2000; background:#FFFFFF; padding:0px; top:100px; left:0px; width:100%; height:100%; border:none; }
  .showmenu .siww-navi { display:block; }
	
  .siww-navi > UL  			{ display:block; max-width:100%; float:none; background:transparent; padding:0px 20px; width:calc(100% - 40px); }
	.siww-navi > UL li 				{ display:block; width:100%; float:none; height:auto; overflow:visible; padding:0px; margin:0px; text-align:left; position:relative; background:transparent; max-width:100%; }  
  .siww-navi > UL li.active { background:transparent;  }

  .siww-navi > UL li > A, .siww-navi > UL li > A:visited, .siww-navi > UL li > A:hover { display:block; padding:10px 0px !important; border:none; text-align:left; height:auto; display:block; margin:0px !important; color:#124068; font-size:24px; font-weight:bold; cursor:pointer; border-bottom:5px solid transparent; border-left:none !important; border-right:none !important; line-height:140%; }	
	.siww-navi > UL li.active > A, .siww-navi > UL li > A:hover { color:#e6813a; background:transparent; border-bottom:5px solid #e6813a; }
  .siww-navi > UL > LI > A:hover:after, .siww-navi > UL > LI > a:after, .siww-navi > UL > LI:hover > a:after { display:none; }
	
	.siww-navi > UL > LI > UL { position:relative; top:auto; left:auto !important; }
	.siww-navi > UL > LI.active > UL { display:block !important; }
	
	.content_area, .layout-single_col .content_area { padding:0px 20px 0px 20px !important; width:100% !important; box-sizing:border-box;  }
	.sidebar_area, .layout-single_col .sidebar_area 	{ padding:0px 20px 0px 20px; width:100% !important; box-sizing:border-box; }
	
	.footer_area footer > #footer-signup { flex-direction:column; padding:10px 0px; }
	.footer_area footer > #footer-signup > LI { text-align:center; padding:5px 0px; }
	
	.footer_area  #footer-socialmedia { display:block; margin:0px auto; padding:20px 0px; width:100%; text-align:center; }
	.footer_area  #footer-socialmedia > LI { display:inline-block; margin:0px 15px; padding:0px; position:relative; width:50px; height:50px; }
	.footer_area  #footer-socialmedia > LI A  { display:block; width:50px; height:50px; color:transparent; }
	
	.footer_area  #footer-socialmedia> LI #footer-fb-btn { background:url('/qql/slot/u143/style/rwd/fb-normal.png') center no-repeat; }
	.footer_area  #footer-socialmedia > LI #footer-fb-btn:hover  { background:url('/qql/slot/u143/style/rwd/fb-active.png') center no-repeat; }

	.footer_area  #footer-socialmedia > LI #footer-tw-btn { background:url('/qql/slot/u143/style/rwd/twitter-normal.png') center no-repeat; }
	.footer_area  #footer-socialmedia > LI #footer-tw-btn:hover { background:url('/qql/slot/u143/style/rwd/twitter-active.png') center no-repeat; }

	.footer_area  #footer-socialmedia > LI #footer-yt-btn { background:url('/qql/slot/u143/style/rwd/youtube-normal.png') center no-repeat; }
	.footer_area  #footer-socialmedia > LI #footer-yt-btn:hover { background:url('/qql/slot/u143/style/rwd/youtube-active.png') center no-repeat; }

	.footer_area  #footer-socialmedia > LI #footer-li-btn { background:url('/qql/slot/u143/style/rwd/indeed-normal.png') center no-repeat; }
	.footer_area  #footer-socialmedia > LI #footer-li-btn:hover { background:url('/qql/slot/u143/style/rwd/indeed-active.png') center no-repeat; }
	
	.footer_area  footer > #footer-copyright-links { display:block; padding:0px 0px 30px 0px; margin:0px; }
	.footer_area  footer > #footer-copyright-links  > LI { display:block; color:#FFFFFF; margin:10px 0px; text-align:center; }
	.footer_area  footer > #footer-copyright-links  > LI SPAN { display:block; }
	
	.footer_area  footer > #footer-copyright-links  > LI  UL { display:table; margin:0px auto; padding:0px; }	
	.footer_area footer > #footer-copyright-links > LI UL LI { line-height:14px; }
	.footer_area  footer > #footer-copyright-links  > LI UL LI A, .footer_area  footer > #footer-copyright-links  > LI UL LI A:visited, .footer_area  footer > #footer-copyright-links  > LI UL LI A:hover { font-size:14px; }
	
	.tab-wrapper { border-bottom:none; flex-wrap:wrap; margin:0px 0px; justify-content:space-between; padding-top:30px; }
	.tab-wrapper LI { cursor:pointer; display:flex; width:auto; font-family:'Lato', sans-serif; font-weight:normal; font-size:18px; color:#124068; position:relative; text-align:center; padding:10px; min-height:50px; align-items:center; border-radius:10px; border:1px solid #8c8c8c; width:48%; box-sizing:border-box; margin:10px 0px; }
	.tab-wrapper LI.active { font-weight:bold; color:#e6813a; font-weight:bold; }
	.tab-wrapper LI.active:after { content:''; display:none; }
	.tab-wrapper LI SPAN { display:block; margin:0px auto; }
	
	.tabbody { display:none; }
	.ive_designmode .tabbody, .tabbody.active { display:block; padding:0px 0px !important; }

	.tabbody > H2 { display:none; }
	.ive_designmode .tabbody > H2 { display:block; }
	
	.content_area .mid IFRAME { width:100% !important; max-width:500px; margin:0px auto; display:block; }
	.PTP84 .content_area .mid IFRAME { height:1000px !important; }
	
	.content_area .mid TABLE { width:100% !important; height:auto !important; display:block; overflow:auto; }
	.content_area .mid TABLE > TBODY { display:block; }
	
	.content_area .mid TABLE.pinuptbl > TBODY > TR { display:flex; flex-wrap:wrap; }
	.content_area .mid TABLE.pinuptbl > TBODY > TR > TH, .content_area .mid TABLE.pinuptbl > TBODY > TR > TD { width:50% !important; padding:0px 10px 20px 10px !important; display:block; box-sizing:border-box; }
	.content_area .mid TABLE.pinuptbl > TBODY > TR > TD  DIV.iveo_pipe_pagetree_pinup { margin:0px auto !important; max-width:220px; display:block; }
	
	.content_area .mid TABLE.cellblock > TBODY > TR { display:block; }
	.content_area .mid TABLE.cellblock > TBODY > TR > TH, .content_area .mid TABLE.cellblock > TBODY > TR > TD { width:100% !important; padding:0px 0px 20px 0px !important; display:block; }
	.content_area .mid TABLE.cellblock > TBODY > TR > TH IMG, .content_area .mid TABLE.cellblock > TBODY > TR > TD IMG {  max-width:80% !important; margin:0px auto 20px auto !important; display:block !important; float:none !important; height:auto !important; }
}

@media  screen  and (max-width:768px) {
	.content_area .mid TABLE.pinuptbl > TBODY > TR > TH, .content_area .mid TABLE.pinuptbl > TBODY > TR > TD { width:100% !important; padding:0px 10px 20px 10px !important; display:block; box-sizing:border-box; }

  .pagelevel-1 .block6 > DIV .announcements .article-item .prop .writeup {overflow-y:auto; max-height:340px;}
	
	.ives_tab_kosong > tbody > tr > td, .ives_tab_kosong > tbody > tr > th { display:block; width:100% !important; box-sizing:border-box; }
	.ives_tab_kosong > tbody > tr > td IMG, .ives_tab_kosong > tbody > tr > th IMG { display:block; max-width:100% !important; height:auto !important; }		
}

.search_str_label { opacity:0; color:transparent; position:absolute; z-index:-1; }
.PTP354 .sidebar_area .sidebar0_box { display:block !important; }
.PTP354 .sidebar_area #pipe_custom_sidebar { display:block !important; }
.PTP354.ive_designmode .sidebar_area #pipe_custom_sidebar { display:none !important; }
.PTP354 .sidebar_area #pipe_custom_sidebar .li_1  { display:none; }
.PTP354 .sidebar_area #pipe_custom_sidebar #cp354.li_1 { display:block; }
.PTP354 .sidebar_area #pipe_custom_sidebar #cp354.li_1 > A { display:none; }
.PTP354 .sidebar_area #pipe_custom_sidebar ul ul { margin-left:0px; }
.PTP354 .sidebar_area #pipe_custom_sidebar ul.ul_1 ul { margin-left:3ex; }
  
.PTP354 .sidebar_area .subpages_box { display:none !important; }
.PTP354.ive_designmode .sidebar_area .subpages_box { display:block !important; }
.PTP352 .content_area > .bottom { height:120px; }

@media  screen  and (max-width:1030px) {
	.PTP352 .content_area > .bottom { height:0px; }
	.PTP352 .sidebar_area > .bottom { height:180px; }
}

.orange_btn2 { display:inline-block !important; min-width:200px; color:#e6813a !important; background:transparent !important; border-radius:0px; font-size:1rem; line-height:40px; border:2px solid #e6813a; margin:5px 0px; text-align:center; text-decoration:none; padding:0px 15px !important; }
.orange_btn2:hover { color:#ffffff !important; background:#e6813a !important; text-decoration:none; }

.siww-navi > UL #cp1511 UL.ul_2 { right:100% !important; left:auto !important; }


/* Exhibitor Listing */
.iveo_pipe_siwwexhib_fullapp { display:block; width:100%; }
.filter-control { display:flex; justify-content:space-between; margin:0px; padding:0px 0px 20px 0px; }
.filter-control .filter-control-list { display:flex; justify-content:flex-start; margin:0px; padding:0px; width:100%; }
.filter-control .filter-control-list > .selection-cnt { display:block; padding:0px; margin:0px 20px 0px 0px; position:relative; width:200px; flex:1; }

.filter-control .filter-control-list > .selection-cnt > DIV:first-of-type { width:100%; height:100%; padding:3px 25px 3px 10px; box-sizing:border-box; border:1px solid #8c8c8c; border-radius:5px; position:relative; }
.filter-control .filter-control-list > .selection-cnt > DIV:first-of-type:after { content:''; width:0px; height:0px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #124068; top:50%; transform:translateY(-50%); right:5px; position:absolute; }
.filter-control .filter-control-list > .selection-cnt > DIV .selected-label { padding:0px 10px 0px 0px; border-right:1px solid #124068; color:#124068; font-size:16px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

.filter-control .filter-control-list > .selection-cnt > DIV.selection-list { display:none; position:absolute; top:100%; left:0px; background:#fff4ed; cursor:pointer; padding:0px 10px; width:100%; box-sizing:border-box; z-index:1000; max-height:300px; overflow:auto; }
.filter-control .filter-control-list > .selection-cnt > DIV.selection-list * { color:#112e55; padding:3px 0px; text-align:left; }

.filter-control .filter-control-list > .selection-cnt:hover > DIV .selected-label { color:#e6813a; }
.filter-control .filter-control-list > .selection-cnt:hover > DIV.selection-list { display:block; } 
.filter-control .filter-control-list > .selection-cnt:hover > DIV.selection-list > DIV:hover { color:#e6813a; }
   
.filter-results { display:block; }
.filter-results .filter-panel { display:block; }

.filter-results .filter-panel .filter-first-characters { display:flex; flex-wrap:wrap; justify-content:flex-start; padding-bottom:20px; }
.filter-results .filter-panel .filter-first-characters > SPAN { display:inline-block; margin:5px 10px; color:#8c8c8c; font-size:18px; font-weight:bold; }
.filter-results .filter-panel .filter-first-characters > SPAN.click { color:#e6813a; cursor:pointer; }
.filter-results .filter-panel .filter-first-characters > SPAN.active { color:#e6813a; font-weight:bold; text-decoration:underline; } 

.filter-results .filter-panel .filter-location-block { display:flex; flex-wrap:wrap; justify-content:flex-start; margin:0px -10px; } 
.filter-results .filter-panel .filter-location-block > DIV.filter-siwwexhib-item { display:block; width:calc(100% / 3); padding:0px 25px; margin:0px 0px 20px 0px; box-sizing:border-box; border-radius:10px; position:relative; tex}
.filter-results .filter-panel .filter-location-block > DIV.filter-siwwexhib-item > DIV.item { width:100%; position:relative; }
.filter-results .filter-panel .filter-location-block > DIV.filter-siwwexhib-item > DIV.item .item-img { display:block; width:100%; position:relative; border:1px solid #124068; border-radius:40px 0px 40px 40px; cursor:pointer; }
.filter-results .filter-panel .filter-location-block > DIV.filter-siwwexhib-item > DIV.item:hover .item-img { border:1px solid #e6813a; }

.filter-results .filter-panel .filter-location-block > DIV.filter-siwwexhib-item > DIV.item:hover .admin { position:absolute; top:0px; right:0px; display:inline-block !important; background:#FFFFFF; cursor:pointer; }  

.filter-results .filter-panel .filter-location-block > DIV.filter-siwwexhib-item > DIV.item .item-img:after { display:block; content:''; padding-top:56.25%; }
.filter-results .filter-panel .filter-location-block > DIV.filter-siwwexhib-item > DIV.item .item-img > IMG { display:block; width:70%; height:90%; position:absolute; object-fit:contain; top:5%; left:15%; }

.filter-results .filter-panel .filter-location-block > DIV.filter-siwwexhib-item > DIV.item .item-prop { font-size:16px; cursor:pointer; color:#112e55; }
.filter-results .filter-panel .filter-location-block > DIV.filter-siwwexhib-item > DIV.item .item-prop .title { padding:20px 0px; text-align:center; font-weight:bold; font-size:18px; }
.filter-results .filter-panel .filter-location-block > DIV.filter-siwwexhib-item > DIV.item:hover .item-prop .title { color:#e6813a; text-decoration:underline; }

.filter-results .filter-panel .filter-location-block > DIV.filter-siwwexhib-item > DIV.item .item-prop .summary { padding:20px 0px 20px 0px; position:relative; text-align:left; }
.filter-results .filter-panel .filter-location-block > DIV.filter-siwwexhib-item > DIV.item .item-prop .summary:after { content:'(read more)'; position:absolute; bottom:0px; left:0px; color:#e6813a; }
.filter-results .filter-panel .filter-location-block > DIV.filter-siwwexhib-item > DIV.item:hover .item-prop .summary:after { color:#e6813a; text-decoration:underline; }

.filter-results .filter-panel .filter-location-block > DIV.filter-siwwexhib-item > DIV.item .admin { position:absolute; display:inline-block; padding:5px; top:0px; right:0px; z-index:1000; }
.filter-results .filter-panel .filter-location-block > DIV.filter-siwwexhib-item > DIV.item .admin IMG { cursor:pointer; }

.filter-results .filter-panel .filter-location-block > DIV.filter-siwwexhib-item > DIV.item .svcinfo, .filter-results .filter-panel .filter-location-block > DIV.filter-siwwexhib-item > DIV.item .boothinfo { text-align:left; }

.filter-results .filter-panel .siwwexhib-navi { display:flex; width:100%; justify-content:center; align-items:center; padding:20px 0px 50px 0px; }

.filter-results .filter-panel .siwwexhib-navi .btn-prev  { display:block; width:15px; height:23px; background:url('/qql/slot/u155/style2022/sub/slide-left-normal.png') center no-repeat; text-indent:-9999px; }
.filter-results .filter-panel .siwwexhib-navi .btn-prev:hover  { background:url('/qql/slot/u155/style2022/sub/slide-left-active.png') center no-repeat;  }
.filter-results .filter-panel .siwwexhib-navi .btn-next   { display:block; width:15px; height:23px; background:url('/qql/slot/u155/style2022/sub/slide-right-normal.png') center no-repeat; text-indent:-9999px; }
.filter-results .filter-panel .siwwexhib-navi .btn-next:hover  { background:url('/qql/slot/u155/style2022/sub/slide-right-active.png') center no-repeat;  }

.filter-results .filter-panel .siwwexhib-navi .disabled { visibility:hidden; } 

.filter-results .filter-panel .siwwexhib-navi .siwwexhib-navi-list { display:flex; margin:0px 10px; width:auto; text-align:center; max-width:80vw; justify-content:center; align-items:center; flex-wrap:wrap; }
.filter-results .filter-panel .siwwexhib-navi .siwwexhib-navi-list > A { display:inline-block; width:12px; height:12px; text-indent:-9999px; background:#124068; border-radius:6px; margin:5px 5px; }
.filter-results .filter-panel .siwwexhib-navi .siwwexhib-navi-list > A.active { background:#f3792a; width:25px; }


.siwwexhib-modal { background:#FFFFFF; padding:30px; } 
.siwwexhib-modal .siwwexhib-content { background:#f8f8f8; padding:20px; }
.siwwexhib-modal .siwwexhib-content .siwwexhib-image { height:200px; }
.siwwexhib-modal .siwwexhib-content .siwwexhib-image IMG { width:100%; height:100%; object-fit:contain; display:block; margin:0px auto; }
.siwwexhib-modal .siwwexhib-content .siwwexhib-title { margin:20px 0px; font-size:36px; line-height:120% !important; text-align:center; font-weight:bold; color:#112e55; }
.siwwexhib-modal .siwwexhib-content .siwwexhib-prop { font-size:21px; color:#112e55;  margin:20px 0px; }
.siwwexhib-modal .siwwexhib-content .siwwexhib-info { font-size:18px; color:#112e55; }

#reset_filter { display:inline-block; line-height:24px; padding:3px 5px; cursor:pointer; }

@media  screen  and (max-width:760px) {
	.filter-control .filter-control-list { flex-direction:column; }
	.filter-control .filter-control-list > .selection-cnt { margin:5px 0px; width:100%; }
	
	.filter-results .filter-panel .filter-location-block > DIV.filter-siwwexhib-item { width:100%; }
	.siwwexhib-modal .siwwexhib-content .siwwexhib-title { font-size:30px; }
  
	.masthead_area header #logo { max-width:120px;}
	.masthead_area header #siwwpluslogo { left:150px; max-width:100px; }  
}

#cp3422, #cp3423, #cp3424, #cp3425 { display:none !important; } 
#_ptsp_3427, #_ptsp_3429, #_ptsp_3430, #_ptsp_3431, #_ptsp_3433, #_ptsp_3432, #_ptsp_3428 { display:none; }
.ive_designmode #_ptsp_3427, .ive_designmode #_ptsp_3429, .ive_designmode #_ptsp_3430, .ive_designmode #_ptsp_3431, .ive_designmode #_ptsp_3433, .ive_designmode #_ptsp_3432, .ive_designmode #_ptsp_3428 { display:block; }

.siww-navi > UL.spotlight2023 UL.ul_2 { display:none !important; position:absolute; top:100%; left:0%; background:#FFFFFF; min-width: 200px; margin:0px;}
.siww-navi > ul.spotlight2023 > li:hover > ul { display:block !important; }
.siww-navi > UL.spotlight2023 UL.ul_3 { display:none !important; }

.PTP3410 .path_box { display:none !important; }

.PTP3410 .content_area > .bottom { height:100px; }
@media  screen  and (max-width:1030px) {
	.PTP3410 .content_area > .bottom { height:0px; }
	.PTP3410 .sidebar_area > .bottom { height:180px; }
}

.masthead_area header #siww-winner { display:flex; margin:0px; padding:0px; max-width:200px; height:61px; position:absolute; right:350px; top:50%; transform:translateY(-50%); background:url('/qql/slot/u143/style/header/SIWW-Pte-Ltd.png') left center no-repeat; background-size:contain; z-index:1000; text-indent:-9999px; color:transparent; width:calc(100% - 200px); }

@media  screen  and (max-width:760px) {
	.masthead_area header #siww-winner {  display:none !important; }
}