#K6aq-U7Uea,.bus-com-free-form-view{background:transparent!important;}
.bus-com-article-list-2-view{padding:1em;}
#dfp-ad-lb1{margin:0 auto 1.2em auto;text-align:center;}
.videoAdUiSkipButton{bottom:2em!important;}

body{background-image:url("/assets/interactive/2024/middle-east-conflict/imgs/bg.png");background-repeat:no-repeat;background-size:80% auto;background-position:center;background-attachment:fixed;background-color:#f6fcfd;}
.main{margin:0 auto;width:100%;}
.avt{padding:0;}
.fluid-iframe{margin:0 auto;padding-top:0!important;}
.js-stickybits-usefixed-spacer000{height:100px!important;1display:none!important;}
#block-customfreeformblock-2 .group{margin:0 auto;}
.topnavbar-primary{background:rgba(255,255,255,0.6);}
.theme-nav{padding-bottom:1em;margin-bottom:1em;border-radius:1.8em;background:rgba(255,255,255,0.1);border:4px solid rgba(255,255,255,0.5);border-bottom:0;overflow:hidden;position:relative;-webkit-box-shadow000:0 0 100px rgba(80,40,180,0.26);box-shadow000:0 0 100px rgba(80,40,180,0.26);z-index:1;}
.theme-nav ul,.theme-nav li{padding:0;margin:0;list-style-type:none;}
.theme-nav ul{display:flex;}
.theme-nav ul a{font-size:2.6em;color:#834aab;padding:0.6em 1em;display:block;font-weight:900;}
.theme-nav ul a:focus,.theme-nav ul a:hover{color:var(--theme-ui-colors-black);font-weight:900;}
.theme-nav-bar{border-bottom:1px solid #834aab;}
#theme-middle-east-conflict{margin:0 auto;width:100%;}
.theme-header{margin:0 auto;display:block;color:var(--theme-ui-colors-black);}

.display-credit{padding:0 1em 1em 1em;text-align:center;}
.display-credit img{width:75%;margin:1em auto;}

.display-wrapper{box-shadow:none;box-shadow000:0 0 50px 0 rgba(25,100,180,0.1);padding:0!important;}
.intro,.content-container{padding:2em 4em;margin:0 auto;width:100%;text-align:left;}
.content-container{max-height000:80%;width:auto;overflow-y:auto;}
.content-container::-webkit-scrollbar{width:6px;background-color:#F5F5F5;}
.content-container::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.1);background-color:#F5F5F5;border-radius:10px;}
.content-container::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.1);background:#ff818c;}
.intro{font-size:1.1em;background:#00477c;color:var(--theme-ui-colors-white);}
.intro .fluid-iframe{margin:0 auto;}
#theme-middle-east-conflict .img-capsule{width:25%;margin:0 -0.4em;position:relative;}
#theme-middle-east-conflict h2 em,#theme-middle-east-conflict h2 span{margin-bottom:0.2em;display:block;}
#theme-middle-east-conflict h2 em{font-size:0.8em;color:#71c0ec;font-weight:bold;font-style:normal;}
#theme-middle-east-conflict h2 span{font-weight:100;color:var(--theme-ui-colors-white);}
#theme-middle-east-conflict ul,#theme-middle-east-conflict ol{position:relative;list-style:none;padding:0;}
#theme-logo{width:22%;top:0;right:0;position:absolute;color:var(--theme-ui-colors-secondary);display:block;}
.enclosed{}
h1.headline{font-size:2.8em;}
h1.headline span{font-size:0.5em;font-weight:400;display:block;}
.credit{position:relative;color:#999;text-align:center;font-size:0.9em;}
.credit a{color:#666;}
.credit a:after{content:'•';margin:0 0.2em;color:var(--theme-ui-colors-main);}
.credit a:last-child:after{display:none;}
.credit-detail{top:0;right:0;padding:1.6em 1.6em 0.6em 1em;position:absolute;align-items:center;justify-content:right;text-align:center;display:flex;}
.credit-detail:before{content:'荣誉呈献';font-size:0.9em;left:1.6em;margin-right:2em;color:var(--theme-ui-colors-grey);white-space:nowrap;}
.credit #ocbc-logo{width:180px;}

.pointer{border:1px solid var(--theme-ui-colors-white);padding:1em!important;border-radius:0.6em;width:100%;counter-reset:listitem;display:flex;text-align:left;}
.pointer li{padding:0.4em 0.4em 0.4em 2.4em;font-weight:300;display:flex;position:relative;align-items:center;}
.pointer li:before{font-size:2.6em;font-weight:900;position:absolute;left:0;color:var(--theme-ui-colors-theme);font-weight:bold;counter-increment:listitem;content:counters(listitem, '.') '.';}

.profile-header,.profile-head{width:100%;display:block;text-align:center;}
.profile-header{font-size:2.6em;margin:0 auto 0.6em auto;font-weight:900;color:var(--theme-ui-colors-theme);}
.profile-head{font-weight:700;font-size:1.6em;position:relative;display:flex;white-space:nowrap;text-align:left;align-items:center;justify-content:center;color:#006a9f;}
.profile-head:before,.profile-head:after{height:1px;margin:auto 0.6em;content:'';width:30%;background:var(--theme-ui-colors-theme);}

.img-profile{width:24%;border-radius:50%;float:left;margin:0 1.2em 0.8em 0;}

#theme-middle-east-conflict .details-profile{padding:1em;text-align:center;}
#theme-middle-east-conflict .details-profile .profile-img{width:160px;margin-bottom:0.6em;border-radius:50%;}
#theme-middle-east-conflict .details-profile .profile-name .ch{font-size:1.1em;}
#theme-middle-east-conflict .details-profile .profile-designation{font-size:0.9em;color:var(--theme-ui-colors-grey);}

@media screen and (max-width:768px){
.enclosed{background-size:60% auto!important;}
.intro,.content-container{padding:1.4em;font-size:1em;}
#theme-logo{width:40%;}
#theme-middle-east-conflict h2{margin-top:3em;text-shadow:0 0 0.6em rgba(0,0,0,0.4);}
.theme-header{margin:0 auto;display:block;transform:none;top:auto;left:auto;position:relative;}
#theme-middle-east-conflict .date{font-size:0.9em;}
#theme-middle-east-conflict .details-profile{padding:0.6em 0;text-align:left;align-items:center;display:flex;}
#theme-middle-east-conflict .details-profile .profile-name .ch{font-size:1em;}
#theme-middle-east-conflict .details-profile .profile-designation{text-align:left;}
#theme-middle-east-conflict .details-profile .profile-img{width:36%;margin:0 1em 0 0;}
#theme-middle-east-conflict .display-highlight{padding:1em 0 0.4em 0;}
#theme-middle-east-conflict .set3{padding:0 1em;}
.credit{margin-bottom:1em;}
.credit-detail{padding:0.8em;}
.credit-detail:before{line-height:1.2;font-size:0.8em;margin-right:1em;}
.credit #ocbc-logo{width:100px;}
.pointer{display:block;}
.pointer li{padding:0.4em 0.4em 0.8em 2em;}
.pointer li:before{font-size:1.8em;}
.profile-header{font-size:1.8em;}
.profile-head{font-size:1.2em;margin-top:0.4em;text-align:center;}
.display-credit img{width:80%;margin:0 auto 1em auto;}
}



#jumbotron-video-display{margin:0 auto;padding:0;-webkit-box-shadow000:0 0 50px 0 rgba(0,0,0,0.4);box-shadow000:0 0 50px 0 rgba(0,0,0,0.4);}
#jumbotron-video .sph-video-box .vjs-playlist{width:100%;display:block;}
#jumbotron-video .sph-video-box .vjs-playlist .slick-list{padding:0!important;}
.sph-video-box .vjs-playlist{overflow-x:hidden!important;}

#jumbotron-video .slick-slide.slick-active img{opacity:0.5!important;}
#jumbotron-video .slick-slide.vjs-selected img{opacity:1!important;}
#jumbotron-video.sph-video-widget .slick-slide cite.vjs-playlist-name,#jumbotron-video.sph-video-widget .slick-slide.slick-active cite.vjs-playlist-name{color:#828282!important;}
#jumbotron-video.sph-video-widget .slick-slide.vjs-selected cite.vjs-playlist-name{color:#fff!important;}

#jumbotron-video.sph-video-widget{border-radius:0.8em;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,0.2);}
#jumbotron-video .vjs-playlist-thumbnail{border-radius:0.4em;}
.vjs-mouse.vjs-playlist .vjs-mouse.vjs-playlist{background-color:#222;}

.enclose #jumbotron-video .vjs-playlist-item{width:160px!important;}
.enclose #jumbotron-video .vjs-playlist-thumbnail{height:90px!important;}

@media screen and (max-width:1000px){
#jumbotron-video-display{width:100%!important;border:none;}
#jumbotron-video .vjs-playlist-item{width:160px!important;}
#jumbotron-video .vjs-playlist-thumbnail{height:84px!important;}
}

.shy-box{padding:2em 0;position:relative;scrollbar-color:#82B1FF #F5F5F5;-moz-box-shadow:inset 0 0 20px rgba(0,0,0,0.2);}
.shy-box::-webkit-scrollbar{width:6px;background-color:#F5F5F5;}
.shy-box::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.1);background-color:#F5F5F5;border-radius:10px;}
.shy-box::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.1);background:#ff818c;}

@media screen and (max-width:1000px){
body{background-size:100%;background-position:0 0;}
.main{background-position:12em 4em;background-size:100%;}
.theme-nav{width:100%;margin:auto;border-radius:0.8em;}
.theme-nav ul a{font-size:1.65em;line-height:1.2;padding:0.6em 0;}
#jumbotron-video-display{width:100%!important;border:none;}
#jumbotron-video .vjs-playlist-item{width:160px!important;}
#jumbotron-video .vjs-playlist-thumbnail{height:84px!important;}
}

.col-12.col-lg-8.col-xl-9{width:100%;padding:0 1.4em 1em 1.8em;flex:100%;max-width:100%;background:#fff;-webkit-box-shadow000:0 0 100px rgba(80,40,180,0.26);box-shadow000:0 0 100px rgba(80,40,180,0.26);}

@-webkit-keyframes blinker {
from {opacity: 1.0;}
to {opacity: 0.0;}
}
.blink{text-decoration:blink;-webkit-animation-name:blinker;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-webkit-animation-direction:alternate;}

.status .btn-profile{left:70%;}
.status{padding:0.8em 0.8em 0 0.8em;border-radius:0.6em;overflow:hidden;}
.status-lost,.status-win{color:#fff;}
.template-com-template-b-view-con1 .status.status-stale{background:rgba(255,255,255,0)!important;}
.template-com-template-b-view-con1 .status.status-lost{background:#8d9bad!important;}
.template-com-template-b-view-con1 .status.status-win{background:var(--theme-ui-colors-main)!important;}
.group{display:flex;}
.group em{font-style:normal;}
.group .name{width:35%;font-size:1.2em;font-weight:500;}
.group .results{width:65%;text-align:right;}
.group .percent span,.group .percent em{font-size:2.4em;}
.group .percent span{font-weight:900;}



@media only screen and (max-width:1000px){
.group{display:block;}
.group .name,.group .results{text-align:left;}
.group .name,.group .results{width:100%;}
.group .percent span,.group .percent em{font-size:1.8em;}
.group .count{font-size:0.8em;line-height:1.2;}
#theme-middle-east-conflict .img-capsule img{width:150%;}
.template-com-template-b-view-con1 .status.status-stale{background:rgba(255,255,255,0.6)!important;border:1px solid var(--theme-ui-colors-secondary);}
}

.schedule .display-panel{padding:0 0 0.6em 0;margin:0 0 0.6em 0;border-bottom:1px solid #eee;}
.tab-links,.tab-links li{margin:0;padding:0;list-style-type:none;}
.tab-links a{padding:0.6em 1em;}
.tab-content{border:1px solid var(--theme-ui-colors-main);}
.panel-schedule,.panel-details{vertical-align:top;text-align:left;}
.panel-schedule{text-align:right;padding-right:1.6em;white-space:nowrap;}

.panel-content::-webkit-scrollbar{width:6px;background-color:#F5F5F5;}
.panel-content::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.1);background-color:#F5F5F5;border-radius:10px;}
.panel-content::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.1);background:#ff818c;}

@media only screen and (max-width:767px){
.schedule .display-panel{display:flex;}
}

.timeline,.timeline li{display:block;margin:0;padding:0;list-style-type:none;text-align:left;}
.tab .content-container{padding-top:1em;}
.timeline-card{padding:1em 0;display:flex!important;position:relative;width:100%;}
.timeline-card:hover{background:#f8f8f9;}
.timeline-card:nth-child(1) .timeline-detail:before{top:1.2em;}
.timeline-date{min-width:20%;padding:0.4em 1em 0.4em 0;font-size:0.9em;font-weight:500;text-align:right;color:var(--theme-ui-colors-secondary);white-space:pretty;}
.timeline-date:before{content:'';display:block;position:absolute;width:100%}
.timeline-date:after{width:10px;height:10px;margin:0.4em 0 0 8px;background:var(--theme-ui-colors-main);border-radius:50%;content:'';position:absolute;z-index:1000;}
.timeline-card:nth-child(1) .timeline-date:after{animation:pulse 2s infinite;-webkit-animation:pulse 2s infinite;}
.timeline-detail{padding:0.4em 0 0.6em 2em;line-height:1.4;position:relative;}
.timeline-detail:before{height:100%;content:'';border-left:1px solid #bbb;left:0;position:absolute;z-index:0;}
.timeline li:last-child .timeline-detail:before{height:1em;}
.timeline-detail a{font-weight:700;color:var(--theme-ui-colors-secondary);}
.timeline{font-size:0.9em;margin-top:2.4em!important;width:100%;display:flex;flex-direction:column;list-style-type:none;}
input.timeline-toggle:checked + .timeline{flex-direction:column-reverse;}
input.timeline-toggle:checked{background-color:var(--theme-ui-colors-secondary);border-color:var(--theme-ui-colors-secondary);}
input.timeline-toggle:before{box-shadow:inset 14px 14px #fff;}
input.timeline-toggle{float:right;-webkit-appearance:none;appearance:none;margin-right:0.6em;transform:translateY(5px);width:18px;height:18px;border:2px solid var(--theme-ui-colors-main);padding:1px;border-radius:3px;}
input.timeline-toggle::before{display:block;content:"";width:12px;height:12px;transition:120ms transform ease-in-out;}
input.timeline-toggle::before{transform-origin:bottom left;clip-path:polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);transform:scale(0);}
input.timeline-toggle:checked::before{transform:scale(1);}
.timeline-toggle-label{font-size:0.8em;margin:0.3em 0 0 0;color:#666;float:right;display:inline-block;}



@media only screen and (max-width:767px){
.timeline-date{min-width:30%;}
}

@keyframes pulse{
0%{box-shadow:0 0 0 1px rgba(250,0,0,0.6);}
100%{box-shadow:0 0 0 10px transparent;}
}

.modal-window .modal-window-inner-enclose{overflow:hidden;}
.modal-window .modal-window-inner{height:90%;}
.modal-window h2{margin:0 auto 0.6em auto;text-align:center;}
.modal-window .timeline{align-items:start;justify-content:start;}
.modal-window .content-container{height:500px;overflow:hidden;overflow-y:auto;align-items:start;justify-content:start;}

.clock{position:relative;border-radius:50%;border:1px solid;width:20px!important;height:20px!important;margin:0 0.4em -0.2em 0;display:inline-block;}
.clock:after{position:absolute;width:0px;height:8px;display:block;border-left:1px solid #fff;content:'';left:8px;top:1px;animation-duration:1s;}
.clock:before{position:absolute;width:0px;height:7px;display:block;border-left:1px solid #fff;content:'';left:8px;top:2px;animation-duration:60s;}
.clock:before,.clock:after{transform-origin:bottom;animation-name:dial;animation-iteration-count:infinite;animation-timing-function:linear;}

@keyframes dial{
0%{transform:rotate(0deg);}
100% {transform:rotate(360deg);}
}