/* Home - Body -  */
.pagelevel-1 .main_area { padding:0px; }
.pagelevel-1 .content_area { min-height:auto; padding:0px !important; width:100% !important; max-width:100%; min-height:auto; background:transparent; margin:0px; box-shadow:none; }
.pagelevel-1 .pagecontent_box { line-height:0px !important; padding:0px; }

.pagelevel-1 .pageblock_box { padding:50px 0px 50px 0px; max-width:100%; margin:0px auto; line-height:0px; opacity:0; }
.pagelevel-1 .inview.pageblock_box { animation:slide-up-fade-in 1.3s cubic-bezier(.19,1,.22,1) .2s forwards }
.pagelevel-1.ive_designmode .inview.pageblock_box { opacity:1.0; animation:none; }

.pagelevel-1 .pageblock_box > H2 { margin-bottom:50px; }
.pagelevel-1 .pageblock_box > DIV { min-height:0px !important; padding:0px 20px; max-width:1280px; margin:0px auto; display:block; width:100%; box-sizing:border-box; opacity:0; }
.pagelevel-1 .inview.pageblock_box > DIV { animation:slide-up-fade-in .95s cubic-bezier(.19,1,.22,1) .6s forwards; }
.pagelevel-1.ive_designmode .inview.pageblock_box > DIV { opacity:1.0; animation:none; }

.pagelevel-1 .sidebar_area, .pagelevel-1.ive_designmode .sidebar_area { display:none; }
.pagelevel-1 .footer_area  footer > #footer-signup { display:none; }

/* First Fold - Done */
#siww-homemain { display:flex; max-width:1280px; margin:0px auto; height:calc(100vh - 100px); }
#siww-homemain #siww-banner { width:50%; height:auto; display:flex; flex:1 1 auto; padding:30px; box-sizing:border-box; justify-content: center; align-items: center; }
#siww-homemain #siww-banner IMG { max-width:100%; max-height:100%; }
#siww-homemain #siww-event { width:50%; height:auto; display:flex; flex:1 1 auto; padding:30px 0px 30px 50px; box-sizing:border-box; flex-direction:column; position:relative; justify-content:center; }

#siww-homemain #siww-event H1 { color:#5092ce; font-size:45px; font-family: 'Lato', sans-serif; text-transform:uppercase; font-weight:900; line-height:100% !important; opacity:1; display:block; margin-bottom:10px; opacity:0; }
#siww-homemain #siww-event H2 { font-size:22px; font-family:'Lato', sans-serif; font-weight:bold; line-height:32px !important; opacity:1; padding:0px 0px; color:#2c2c2c; text-transform:uppercase; width:100%; text-align:left; margin-bottom:10px; opacity:0; } 

#siww-homemain #siww-event UL { display:block; padding:0px; margin:0px 0px 5px 0px; opacity:0; }
#siww-homemain #siww-event UL LI { display:flex; padding:0px; margin:5px 0px; align-items:center; }

#siww-homemain #siww-event UL LI.olink A { font-size:28px; font-family:'Lato', sans-serif; color:#e6813a; font-weight:bold; opacity:1; line-height:40px; min-height:37px; border:1px solid #e6813a; border-radius:20px; display:inline-block; padding:0px 15px; text-decoration:none; }
#siww-homemain #siww-event UL LI.blink A { font-size:28px; font-family:'Lato', sans-serif; color:#5092ce; font-weight:bold; opacity:1; line-height:40px; min-height:37px; border:1px solid #5092ce; border-radius:20px; display:inline-block; padding:0px 15px; text-decoration:none; }

#siww-homemain #siww-event UL LI.date { font-size:24px; line-height:40px; font-family:'Lato', sans-serif; color:#2c2c2c; font-weight:bold; }
#siww-homemain #siww-event UL LI.ocal { padding-left:50px; background:url('/qql/slot/u143/nstyle/landing/1st fold-home/date_spotlight.png') left center no-repeat; margin-bottom:20px; }
#siww-homemain #siww-event UL LI.bcal { padding-left:50px; background:url('/qql/slot/u143/nstyle/landing/1st fold-home/date_online.png') left center no-repeat;  }

#siww-homemain #siww-event  .main-link  { display:block; color:#e6813a; padding-left:30px; background:url('/qql/slot/u143/nstyle/landing/1st fold-home/arrow-normal.png') left center no-repeat; font-size:1.66667rem; line-height:2rem; font-weight:bold; cursor:pointer; margin:5px 0px; text-transform:uppercase; opacity:0; text-decoration:none; }
#siww-homemain #siww-event  .main-link:hover { color:#124068; background:url('/qql/slot/u143/nstyle/landing/1st fold-home/normal-active.png') left center no-repeat; text-decoration:none; }

#gonext { position:absolute; right:calc(50vw - 680px); bottom:10px; z-index:1200; width:25px; height:25px; cursor:pointer; background:url('/qql/slot/u143/nstyle/landing/1st fold-home/scroll more.png') center no-repeat; animation:slide-bottom-fade-in .95s ease-in .2s infinite; }


.inview #siww-homemain #siww-event H1 { animation:fade-in .95s cubic-bezier(.19,1,.22,1) .2s forwards; }
.inview #siww-homemain #siww-event H2 { animation:fade-in .95s cubic-bezier(.19,1,.22,1) .4s forwards; }
.inview #siww-homemain #siww-event UL { animation:fade-in .95s cubic-bezier(.19,1,.22,1) .6s forwards; }
.inview #siww-homemain #siww-event  .main-link { animation:fade-in .95s cubic-bezier(.19,1,.22,1) .8s forwards; }

/* Second Fold - Done */
.pagelevel-1 .block1 { padding:0px !important; position:relative; }
.pagelevel-1 .block1:after { content:''; display:block; width:136px; height:272px; background:url('/qql/slot/u143/nstyle/landing/2nd fold-banner/pattern1.png') no-repeat; position:absolute; right:0px; bottom:-136px; z-index:1200; }
.pagelevel-1 .block1 > H2 { display:none; }
.pagelevel-1 .block1 > DIV { max-width:100%; padding:0px; }
.pagelevel-1 .block1 > DIV UL.imgSlider { display:block; position:relative; margin:0px; padding:0px; width:100%; height:41.42vw; }
.pagelevel-1 .block1 > DIV UL.imgSlider LI { display:block; margin:0px; padding:0px; position:absolute; top:0px; left:0px; width:100%; height:100%; opacity:0; }
.pagelevel-1 .block1 > DIV UL.imgSlider LI.active { display: block; z-index: 10; opacity:1; }
.pagelevel-1 .block1 > DIV UL.imgSlider LI.last-active {   z-index: 9; opacity:1; }
.pagelevel-1 .block1 > DIV UL.imgSlider LI IMG { width:100%; height:auto; }

.pagelevel-1 .block1 > DIV DIV.writeup { font-family: 'Lato', sans-serif; font-weight:normal; font-size:18px; color:#FFFFFF; position:absolute; right:calc(50% - 620px); z-index:1100;top: 50%; transform: translateY(-50%); width:25%; display:none;  opacity:0; transition:all 0.3s; }
.pagelevel-1 .block1 > DIV LI.active DIV.writeup { opacity:1; display:block; }

.pagelevel-1 .block1 > DIV DIV.writeup P, .pagelevel-1 .block1 > DIV DIV.writeup DIV { font-family: 'Lato', sans-serif; font-weight:normal; font-size:18px; color:#FFFFFF; }
.pagelevel-1 .block1 > DIV DIV.writeup H2 { font-family: 'Roboto', sans-serif; font-weight:bold; font-size:60px; color:#FFFFFF; margin-bottom:20px; }
.pagelevel-1 .block1 > DIV DIV.writeup A, .pagelevel-1 .block1 > DIV DIV.writeup A:visited { color:#FFFFFF; text-transform:uppercase; text-decoration:none; display:block; padding:0px 0px 0px 30px; background:url('/qql/slot/u143/nstyle/landing/2nd fold-banner/arrow-normal.png') left center no-repeat; margin-top:20px; }
.pagelevel-1 .block1 > DIV DIV.writeup A:hover { color:#e6813a; text-decoration:none; background:url('/qql/slot/u143/nstyle/landing/2nd fold-banner/arrow-active.png') left center no-repeat; }

.pagelevel-1 .block1 > DIV .imgSlider-navi { width:25%; position:absolute;  bottom:20px; right:calc(50% - 620px); display:block; text-align:center; z-index:1000; }
.pagelevel-1 .block1 > DIV .imgSlider-navi > SPAN { display:inline-block; margin:0px 5px; width:10px; height:10px; border-radius:5px; background:#FFFFFF; text-indent:-9999px; border:1px solid #e6813a; }
.pagelevel-1 .block1 > DIV .imgSlider-navi > SPAN.active { background:#e6813a;}

/* Third Fold - Done */
.pagelevel-1 .block2 {  }
.pagelevel-1 .block2  > H2 { display:block; text-align:center; font-size:36px; font-weight:bold; color:#124068; font-family: 'Roboto', sans-serif; line-height:120% !important; }
.pagelevel-1 .block2  > DIV { padding:0px 20px; max-width:1280px; width:100%; box-sizing:border-box; display:flex; flex-wrap:wrap; justify-content:center; }
.pagelevel-1 .block2  > DIV > DIV { margin: 10px 20px; width:calc(100% / 4) !important; max-width:231px; padding:0px 5px 20px 5px; box-sizing:border-box; }
.pagelevel-1 .block2  > DIV .iveo_pipe_pagetree_pinup { float:none !important; width:100% !important; height:auto !important;  }
.pagelevel-1 .block2  > DIV .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box { background:transparent !important; }
.pagelevel-1 .block2  > DIV .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .bg_ { opacity:1 !important; display:none !important; }
.pagelevel-1 .block2  > DIV .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .picture_  { display:block; background:url('/qql/slot/u143/nstyle/landing/3rd fold-LKY/headshot-outerdroplet.png') no-repeat; width:100%; background-size:100% auto; position:relative;; }
.pagelevel-1 .block2  > DIV .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .picture_:after { content:''; display:block; padding-top:100%; }
.pagelevel-1 .block2  > DIV .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .picture_ IMG { width:90%; height:90%; position:absolute; top:5%; left:5%; display:block; border-radius:50%; }
.pagelevel-1 .block2  > DIV .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .text_ { top:auto; bottom:auto; right:auto; left:auto; box-sizing:border-box; width:100%; height:auto; position:static; text-align:center; }
.pagelevel-1 .block2  > DIV .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .text_ .title_  { opacity:1; font-family: 'Lato', sans-serif; font-size:18px;  font-weight:bold; color:#112e55 ; line-height:24px; text-align:center; }
.pagelevel-1 .block2  > DIV .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .text_ .caption_  { opacity:1; font-family: 'Lato', sans-serif; font-size:30px; color:#e6813a; font-weight:normal; line-height:140% !important; text-align:center; }
.pagelevel-1 .block2  > DIV .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .text_ .link_ { margin:0px; }
.pagelevel-1 .block2  > DIV .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .text_ .link_  A, .pagelevel-1 .block2  > DIV .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .text_ .link_  A:visited, .pagelevel-1 .block2  > DIV .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .text_ .link_  A:hover { position:absolute; top:0px; left:0px; width:100%; height:100%; background:transparent; text-indent:-9999px; z-index:1200; } 

/* Fourth Fold - Done */
.pagelevel-1 .block3 { padding:0px 0px 0px 0px; }
.pagelevel-1 .block3 > H2 { display:block; text-align:center; font-size:36px; font-weight:bold; color:#124068; font-family: 'Roboto', sans-serif; line-height:120% !important;  }

.pagelevel-1 .block3 > DIV { padding:0px 20px; max-width:1280px; width:100%; box-sizing:border-box; display:block; }
.pagelevel-1 .block3 > DIV .iveo_pipe_articles_show { float:none; margin:0px; padding-bottom:20px; }

.pagelevel-1 .block3 > DIV .bx-wrapper  { padding:0px; margin:0px auto; position:relative; text-align:center; }

.pagelevel-1 .block3 > DIV .bx-wrapper .bx-controls .bx-prev { width:15px; height:23px; display:inline-block; background:url('/qql/slot/u143/nstyle/landing/4th fold-past event/slide-left-normal.png') center no-repeat; position:absolute; left:0px; z-index:1200; text-indent:-9999px; }
.pagelevel-1 .block3 > DIV .bx-wrapper .bx-controls .bx-prev:hover { background:url('/qql/slot/u143/nstyle/landing/4th fold-past event/slide-left-active.png') center no-repeat; }
.pagelevel-1 .block3 > DIV .bx-wrapper .bx-controls .bx-next { width:15px; height:23px; display:inline-block; background:url('/qql/slot/u143/nstyle/landing/4th fold-past event/slide-right-normal.png') center no-repeat; position:absolute; right:0px; z-index:1200; text-indent:-9999px; }
.pagelevel-1 .block3 > DIV .bx-wrapper .bx-controls .bx-next:hover { background:url('/qql/slot/u143/nstyle/landing/4th fold-past event/slide-right-active.png') center no-repeat; }

.pagelevel-1 .block3 > DIV .bx-wrapper .bx-controls.bx-has-pager {  position:relative; padding:50px 30px 50px 30px; width:auto; text-align:center; margin:0px auto; display:inline-block; }
.pagelevel-1 .block3 > DIV .bx-wrapper .bx-pager.bx-default-pager { text-align: center; padding:5px 0px; }
.pagelevel-1 .block3 > DIV .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item { display:inline-block; margin:0px 5px; }
.pagelevel-1 .block3 > DIV .bx-wrapper .bx-pager.bx-default-pager a { display:block; margin:0px; width:12px; height:12px; background:#124068; text-indent:-9999px; cursor:pointer; border-radius:6px; transition:width 0.3s linear; }
.pagelevel-1 .block3 > DIV .bx-wrapper .bx-pager.bx-default-pager a.active { background:#e6813a; width:20px; }

.pagelevel-1 .block3 > DIV .bx-wrapper .article-item-body { padding:0px 20px; }
.pagelevel-1 .block3 > DIV .bx-wrapper .article-item-body A { display:block; position:relative; width:100%; margin:20px 0px; transition:all 0.3s linear; }
.pagelevel-1 .block3 > DIV .bx-wrapper .article-item-body A:hover { margin:0px 0px 40px 0px; }

.pagelevel-1 .block3 > DIV .bx-wrapper .article-item-body A:before { content:''; display:block; position:absolute; width:100%; height:100%; background:rgba(11,60,28,0.5); top:0px; left:0px; z-index:1100; }
.pagelevel-1 .block3 > DIV .bx-wrapper .article-item-body A:hover:before { background:rgba(230,129,58,0.8); }

.pagelevel-1 .block3 > DIV .bx-wrapper .article-item-body .article-item-img { position:relative; display:block; width:100%; height:auto; }
.pagelevel-1 .block3 > DIV .bx-wrapper .article-item-body .article-item-img:after { content:''; display:block; padding-top:78%; }
.pagelevel-1 .block3 > DIV .bx-wrapper .article-item-body .article-item-img IMG { display:block; width:100%; height:100%; position:absolute; top:0px; left:0px; }

.pagelevel-1 .block3 > DIV .bx-wrapper .article-item-body .prop { padding:0px 0px 40px 0px; background:url('/qql/slot/u143/nstyle/landing/4th fold-past event/arrow-normal.png') bottom right no-repeat; position:absolute; top:10%; right:10%; z-index:1200; }
.pagelevel-1 .block3 > DIV .bx-wrapper .article-item-body A:hover .prop { background:url('/qql/slot/u143/nstyle/landing/4th fold-past event/arrow-normal.png') bottom right no-repeat; }
.pagelevel-1 .block3 > DIV .bx-wrapper .article-item-body .prop > B { font-family: 'Lato', sans-serif; font-size:26px; font-weight:bold; color:#FFFFFF; }
.pagelevel-1 .block3 > DIV .bx-wrapper .article-item-body A:hover .prop > B { color:#FFFFFF; }

/* Fifth Fold - Done */
.pagelevel-1 .block4 { background:#124068; padding:70px 0px; }
.pagelevel-1 .block4 > H2 { display:block; text-align:center; font-size:36px; font-weight:bold; color:#FFFFFF; font-family: 'Roboto', sans-serif; line-height:120% !important;  }
.pagelevel-1 .block4 > DIV  { color:#FFFFFF; }

.pagelevel-1 .block4 > DIV .orange_btn { display:inline-block; width:260px; color:#FFFFFF !important; background:#e6813a; border-radius:20px; font-size:1rem; line-height:40px; margin:5px 20px; text-align:center; text-decoration:none; }
.pagelevel-1 .block4 > DIV .orange_btn:hover { color:#124068 !important; background:#ffffff; text-decoration:none; }

/* Sixth Fold - Done */
.pagelevel-1 .block5 { background:#FFFFFF; }
.pagelevel-1 .block5 > H2 { display:none; }
.pagelevel-1 .block5 > DIV { padding:0px 20px; max-width:1280px; width:100%; box-sizing:border-box; display:block; }
.pagelevel-1 .block5 > DIV H2 { font-family: 'Roboto', sans-serif; font-weight:bold; font-size:24px; color:#124068; display:block; text-align:center; margin-bottom:30px; }
.pagelevel-1 .block5 > DIV IMG { margin:0px 20px 10px 20px; display:inline-block; float:none !important; width:150px; }

/* Seventh Fold - Done */
.pagelevel-1 .block6 { background:#FFFFFF; padding:25px 0px; }
.pagelevel-1 .block6 > H2 { display:none; }
.pagelevel-1 .block6 > DIV { padding:0px 20px; max-width:1280px; width:100%; box-sizing:border-box; display:block; }

.pagelevel-1 .block6 > DIV UL { display:flex; margin:0px; padding:0px; justify-content:space-between; }
.pagelevel-1 .block6 > DIV UL LI { width:45%; margin:0px; padding:0px; display:block; }

.pagelevel-1 .block6 > DIV H2 { display:block; text-align:center; font-size:36px; font-weight:bold; color:#124068; font-family: 'Roboto', sans-serif; margin-bottom:20px; }
.pagelevel-1 .block6 > DIV H2 > A { font-size:36px; font-weight:bold; color:#124068 !important; font-family: 'Roboto', sans-serif; text-decoration:none !important; }
.pagelevel-1 .block6 > DIV .announcements { padding:20px; min-height:250px; box-shadow:0px 0px 5px rgba(114,131,145,0.75); }
.pagelevel-1 .block6 > DIV .announcements .bx-viewport { height:200px !important; }
.pagelevel-1 .block6 > DIV .announcements .article-item .prop B { font-family:'Lato', sans-serif; font-weight:bold; font-size:20px; color:#112e55; } 
.pagelevel-1 .block6 > DIV .announcements .article-item .prop .writeup { font-family:'Lato', sans-serif; font-weight:normal; font-size:18px; color:#112e55; }
.pagelevel-1 .block6 > DIV .announcements .article-item .prop .writeup A, .pagelevel-1 .block6 > DIV .announcements .article-item .prop .writeup A:hover { text-decoration:underline; color:#e6813a; }
.pagelevel-1 .block6 > DIV .announcements .bx-wrapper .bx-pager.bx-default-pager { text-align: center; padding:20px 0px 0px 0px; height:12px; }
.pagelevel-1 .block6 > DIV .announcements .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item { display:inline-block; margin:0px 5px; }
.pagelevel-1 .block6 > DIV .announcements .bx-wrapper .bx-pager.bx-default-pager a { display:block; margin:0px; width:12px; height:12px; background:#124068; text-indent:-9999px; cursor:pointer; border-radius:6px; transition:width 0.3s linear; }
.pagelevel-1 .block6 > DIV .announcements .bx-wrapper .bx-pager.bx-default-pager a.active { background:#e6813a; width:20px; }

.pagelevel-1 .block6 > DIV IFRAME { width:100% !important; height:290px; box-shadow:0px 0px 5px rgba(114,131,145,0.75); max-width:100% !important; }

/* Eighth Fold - Done */
.pagelevel-1 .block7 { background:url('') left bottom no-repeat #FFFFFF; }
.pagelevel-1 .block7 > H2 { display:block; text-align:center; font-size:36px; font-weight:bold; color:#124068; font-family: 'Roboto', sans-serif; line-height:120% !important;  }
.pagelevel-1 .block7 > DIV { font-family: 'Lato', sans-serif; font-size:16px; font-weight:normal; }

.pagelevel-1 .block7 > DIV .bx-wrapper { text-align:center; }
.pagelevel-1 .block7 > DIV .bx-wrapper .bx-controls .bx-prev { width:15px; height:23px; display:inline-block; background:url('/qql/slot/u143/nstyle/landing/4th fold-past event/slide-left-normal.png') center no-repeat; position:absolute; left:0px; z-index:1200; text-indent:-9999px; }
.pagelevel-1 .block7 > DIV .bx-wrapper .bx-controls .bx-prev:hover { background:url('/qql/slot/u143/nstyle/landing/4th fold-past event/slide-left-active.png') center no-repeat; }
.pagelevel-1 .block7 > DIV .bx-wrapper .bx-controls .bx-next { width:15px; height:23px; display:inline-block; background:url('/qql/slot/u143/nstyle/landing/4th fold-past event/slide-right-normal.png') center no-repeat; position:absolute; right:0px; z-index:1200; text-indent:-9999px; }
.pagelevel-1 .block7 > DIV .bx-wrapper .bx-controls .bx-next:hover { background:url('/qql/slot/u143/nstyle/landing/4th fold-past event/slide-right-active.png') center no-repeat; }

.pagelevel-1 .block7 > DIV .bx-wrapper .bx-controls.bx-has-pager {  position:relative; padding:50px 30px 0px 30px; width:auto; text-align:center; margin:0px auto; display:inline-block; }

.pagelevel-1 .block7 > DIV .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item { display:inline-block; margin:0px 5px; padding:5px 0px; }
.pagelevel-1 .block7 > DIV .bx-wrapper .bx-pager.bx-default-pager a { display:block; margin:0px; width:12px; height:12px; background:#124068; text-indent:-9999px; cursor:pointer; border-radius:6px; transition:width 0.3s linear; }
.pagelevel-1 .block7 > DIV .bx-wrapper .bx-pager.bx-default-pager a.active { background:#e6813a; width:20px; }

.pagelevel-1 .block7 > DIV .article-item { padding:20px; box-sizing:border-box; }
.pagelevel-1 .block7 > DIV .article-item .article-item-body { background:#d1f0f8; border-radius:40px 0px 40px 40px; padding:20px; }
.pagelevel-1 .block7 > DIV .article-item A { display:flex; justify-content:space-between; text-decoration:none;  }
.pagelevel-1 .block7 > DIV .article-item A .article-item-img, .pagelevel-1 .block7 > DIV .article-item A .article-item-img-none { background:#FFFFFF; width:160px; height:160px; overflow:hidden; position:relative; }
.pagelevel-1 .block7 > DIV .article-item A .article-item-img IMG { width:100%; }
.pagelevel-1 .block7 > DIV .article-item A .prop { width:calc(100% - 175px); }
.pagelevel-1 .block7 > DIV .article-item A .prop B { font-family:'Lato', sans-serif; font-weight:bold; font-size:18px; color:#112e55; } 
.pagelevel-1 .block7 > DIV .article-item A .prop .writeup { font-family:'Lato', sans-serif; font-weight:normal; font-size:16px; color:#112e55; }

.pagelevel-1 .block7 > DIV .article-item A:hover { text-decoration:none; }
.pagelevel-1 .block7 > DIV .article-item A:hover .article-item-img:before { content:''; display:block; width:100%; height:100%; position:absolute; top:0px; left:0px; background:rgba(230,129,58,0.9); }
.pagelevel-1 .block7 > DIV .article-item A:hover .article-item-img:after { content:'Read more'; display:block; width:100%; height:auto; position:absolute; bottom:10%; text-align:center;font-family:'Lato', sans-serif; font-weight:normal; font-size:16px; color:#ffffff; }
.pagelevel-1 .block7 > DIV .article-item A:hover .article-item-img-none:before { content:''; display:block; width:100%; height:100%; position:absolute; top:0px; left:0px; background:rgba(230,129,58,0.9); }
.pagelevel-1 .block7 > DIV .article-item A:hover .article-item-img-none:after { content:'Read more'; display:block; width:100%; height:auto; position:absolute; bottom:10%; text-align:center;font-family:'Lato', sans-serif; font-weight:normal; font-size:16px; color:#ffffff; }

.pagelevel-1 .block7 > DIV .article-item A:hover .prop B { font-family:'Lato', sans-serif; font-weight:bold; font-size:18px; color:#e6813a; } 
.pagelevel-1 .block7 > DIV .article-item A:hover .prop .writeup { font-family:'Lato', sans-serif; font-weight:normal; font-size:16px; color:#e6813a; }

.pagelevel-1 .block8 { background:#124068; padding:81px 0px 0px 0px !important; }
.pagelevel-1 .block8 > H2 { color:#FFFFFF; display:block; text-align:center; padding:0px; font-size:36px; font-weight:bold; font-family: 'Roboto', sans-serif; margin:0px; line-height:120% !important;  }
.pagelevel-1 .block8 > DIV { display:block; width:calc(100% - 40px); max-width:1280px; padding:30px 0px 30px 0px; position:relative; margin:0px auto; color:#FFFFFF; }
.pagelevel-1 .block8 > DIV P, .pagelevel-1 .block8 > DIV DIV, .pagelevel-1 .block8 > DIV DIV { color:#FFFFFF; }

.pagelevel-1 .sidebar_area { display:none; }

/* TBC */
@media  screen  and (max-width:1300px) {
	#gonext { right:20px; }
	.pagelevel-1 .block1 > DIV DIV.writeup { right:20px; }
	.pagelevel-1 .block1 > DIV .imgSlider-navi { right:20px; }
}

@media  screen  and (max-width:1024px) {
	#siww-homemain { display:flex; flex-direction:column; height:auto; }
	#siww-homemain #siww-banner { width:100%; height:auto; order:2; }
	#siww-homemain #siww-event { width:100%; height:auto; order:1; padding:20px; box-sizing:border-box; }

	#siww-homemain #siww-event H1 { opacity:1; text-align:center; font-size:40px; line-height:48.6px !important; }
	#siww-homemain #siww-event H2 { opacity:1; text-align:center; }
	#siww-homemain #siww-event H2 BR { display:none; }
	#siww-homemain #siww-event UL { opacity:1; margin:0px auto;  }
	#siww-homemain #siww-event UL LI#date { font-size:24px; }
	#siww-homemain #siww-event UL LI#loc { font-size:22px; }
	#siww-event > DIV { text-align:center; }
	#siww-homemain #siww-event  .main-link { opacity:1; font-size:22px; display:inline-block; }

	.inview #siww-homemain #siww-event H1 { animation:none; }
	.inview #siww-homemain #siww-event H2 { animation:none; }
	.inview #siww-homemain #siww-event UL { animation:none; }
	.inview #siww-homemain #siww-event  .main-link { animation:none; }	

	.pagelevel-1 .pageblock_box { padding:50px 0px 50px 0px; max-width:100%; margin:0px auto; line-height:0px; opacity:1; }
	.pagelevel-1 .inview.pageblock_box { animation:none; }	
	.pagelevel-1 .pageblock_box > DIV { opacity:1; }
	.pagelevel-1 .inview.pageblock_box > DIV { animation:none; }

	.pagelevel-1 .footer_area { opacity:1; }
	.pagelevel-1 .footer_area.inview { animation:none; }		
	
	.pagelevel-1 .pageblock_box > H2 { margin-bottom:30px; }
	
	.pagelevel-1 .block1 > DIV DIV.writeup { font-family: 'Lato', sans-serif; font-weight:normal; font-size:16px; color:#124068; position:relative; right:auto; z-index:1100; top:auto; transform:none;  text-align:center; padding:20px 0px; }
	.pagelevel-1 .block1 > DIV DIV.writeup P, .pagelevel-1 .block1 > DIV DIV.writeup DIV { font-family: 'Lato', sans-serif; font-weight:normal; font-size:16px; color:#124068; text-align:center; }
	.pagelevel-1 .block1 > DIV DIV.writeup H2 { font-family: 'Roboto', sans-serif; font-weight:bold; font-size:28px; color:#124068; margin-bottom:20px; }
	.pagelevel-1 .block1 > DIV DIV.writeup A, .pagelevel-1 .block1 > DIV DIV.writeup A:visited { font-family: 'Lato', sans-serif; font-weight:bold; font-size:18px; color:#124068; text-transform:uppercase; text-decoration:none; display:inline-block; padding:0px 0px 0px 30px; background:url('/qql/slot/u143/nstyle/landing/2nd fold-banner/rwd-arrow-normal.png') left center no-repeat; margin-top:20px; }
	.pagelevel-1 .block1:after { display:block; top:calc(41.42vw - 136px); width:65px; background-size:100% auto; background-position:right center; }
	.pagelevel-1 .block1 > DIV .imgSlider-navi { width:100%; right:auto; top:auto; bottom:10px; }
	
	.pagelevel-1 .block2 > DIV > DIV { margin:10px 0px; width:calc(100% / 2) !important; }
	.pagelevel-1 .block2  > DIV .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .text_ .title_  { font-size:16px; color:#124068; }
	.pagelevel-1 .block2  > DIV .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .text_ .caption_  { font-size:26px; color:#e6813a; }

	.pagelevel-1 .block3 { padding:0px 0px 0px 0px; }
	.pagelevel-1 .block4 { background:#124068; padding:70px 0px; }
	
	.pagelevel-1 .block5 > DIV IMG { max-width:calc(50% - 30px); margin:10px 10px; }
	
	.pagelevel-1 .block6 { background:#FFFFFF; padding:0px 0px; }
	.pagelevel-1 .block6 > DIV UL { display:flex; flex-direction:column; }
	.pagelevel-1 .block6 > DIV UL LI { width:100%; margin:0px auto; display:block; padding:0px 0px 20px 0px; }
	.pagelevel-1 .block6 > DIV .announcements { margin-bottom:30px; }
	
	
	.pagelevel-1 .block7 > DIV .article-item A .article-item-img, .pagelevel-1 .block7 > DIV .article-item A .article-item-img-none { width:120px; height:120px; }
	.pagelevel-1 .block7 > DIV .article-item A .prop { width:calc(100% - 130px); }
	
} 

@media  screen  and (max-width:450px) {
	#siww-homemain #siww-event UL LI.olink A { font-size:22px; }
	#siww-homemain #siww-event UL LI.blink A { font-size:22px; }
}