/* The monkeys learn by watching you */
@charset "UTF-8";

::-moz-selection{background-color:var(--theme-ui-colors-main);color:var(--theme-ui-colors-white);}
::selection{background-color:var(--theme-ui-colors-main);color:var(--theme-ui-colors-white);}
html{
--theme-ui-colors-theme:#a50134;
--theme-ui-colors-default:#484848;
--theme-ui-colors-light-theme:#ffb5cc;
--theme-ui-colors-mute-theme:#fff2f6;
--theme-ui-colors-black:#000;
--theme-ui-colors-white:#fff;
--theme-ui-colors-main:#E90044; /* Corporate Red */
--theme-ui-colors-submain:#A80034; /* Dark Red */
--theme-ui-colors-error:#f70044; /* Error */
--theme-ui-colors-focus:#FFB500; /* Yellow */
--theme-ui-colors-primary:#4f4f50; /* Dark Grey */
--theme-ui-colors-grey:#898989; /* Light Grey */
--theme-ui-colors-light-grey:#d1d1d1; /* Light Grey */
--theme-ui-colors-secondary:#003866; /* Dark Blue */
--theme-ui-colors-surreal:#6AD9D4; /* Light Blue */
--theme-ui-colors-muted:#F4F7F8; /* Muted */
--theme-ui-colors-highlight-bg:#ffdde5; /* Text Highlighter Bg */
--theme-ui-colors-surreal:#ecf4f7; /* Light */
--theme-ui-colors-correct:#1649ff;

}

html,body{margin:0;padding:0;text-rendering:optimizeLegibility;-webkit-font-feature-settings:'kern';-moz-font-feature-settings:'kern';font-feature-settings:'kern';-webkit-font-kerning:normal;-moz-font-kerning:normal;font-kerning:normal;-webkit-font-variant-ligatures:common-ligatures;-moz-font-variant-ligatures:common-ligatures;font-variant-ligatures:common-ligatures;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overflow:initial!important;}
body{font-size:17px;width:100%;background:var(--theme-ui-colors-white);color:var(--theme-ui-colors-default);font-family:Roboto,Noto Sans SC,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow-x:hidden;text-wrap:pretty;}

#zbsg-social,#footer .copyright{text-align:center;}

.tag{font-size:0.9em;font-weight:normal;margin:1em auto 4em auto;}
.tag a{padding:0.3em 0.8em;font-weight:400!important;margin:0.3em 0.3em 0.3em 0;background:var(--theme-ui-colors-white);border-radius:50px;border:1px solid #ccc;display:inline-block;}

#brand{padding:0;z-index:100000;position:absolute;display:table;}
.navbar{padding:0.6em 0 0 1em;margin-bottom:0;display:block;color:var(--theme-ui-colors-black);}
.nav.navbar-nav li{padding:0.4em 1em 0.2em 1em;}
.nav.navbar-nav li a,.nav.navbar-nav li a:visited{color:#ff0024;transition:all .5s;}
.nav.navbar-nav li a:hover{transform:scale(1.2);}
.nav.navbar-nav li a .caret,.nav.navbar-nav li a:visited .caret{color:var(--theme-ui-colors-black)!important;}
.navbar-brand{margin:auto;padding:0;}
.navbar-brand img{width:140px;}

span.copy-link-icon{right:1em;top:0.6em;line-height:1.4;color:var(--theme-ui-colors-black);font-weight:500;z-index:100000000;position:absolute;overflow:initial;white-space:nowrap;display:block;cursor:pointer;background:transparent;transition:all .5s;z-index:10000000002;}
span.copy-link-icon:before,span.copy-link-icon:after{display:block;padding:0;transition:all .5s;}
span.copy-link-icon:before{content:'分享';font-size:0.8em;padding:0.2em 0.9em;background:var(--theme-ui-colors-white);border:1px solid #000;border-radius:50px;position:relative;display:block;transform:rotate(0deg);}
span.copy-link-icon:after{content:'';position:relative;display:block;transform:rotate(0deg);}
span.copy-link-icon.copy-link-icon--clicked{}
span.copy-link-icon.copy-link-icon--clicked:before{content:'粘贴即可分享';background:#000;color:var(--theme-ui-colors-white);border-color:transparent;}
span.copy-link-icon .tooltip{display:block;left:0;top:0;margin-bottom:0;opacity:0;pointer-events:none;position:absolute;text-align:center;transform:translateY(0);transition:all 0.25s ease-out;}
span.copy-link-icon:hover .tooltip{opacity:1;pointer-events:auto;transform:translateX(-60px);}

.view-desktop{display:block;width:100%;-webkit-overflow-scrolling:touch;}
.view-mobile,.view-tablet{display:none;width:100%;-webkit-overflow-scrolling:touch;}

@media (min-width:200px) and (max-width:768px){
.view-mobile{display:block!important;}
.view-desktop{display:none!important;}
}

.text-center{margin:auto;text-align:center;}
.link{font-size:0.9em;padding:0.2em 0.6em;color:var(--theme-ui-colors-white)!important;margin-bottom:1em;display:inline-block;background:#d70222;}

a{color:inherit;}
h1,h2,h3{}
#hero{width:100%;z-index:0;background-size:100% auto;background-repeat:no-repeat;background-position:center 0;position:relative!important;background-attachment:fixed;background:var(--theme-ui-colors-secondary);overflow:hidden;}
#hero .content{width:100%;margin:0 auto;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;}
#hero .content .cover{height:100vh;margin:0 auto;position:relative;display:flex;color:var(--theme-ui-colors-white);align-items:center;justify-content:center;}
#hero #program-header{padding:0;margin:0 auto;}
#hero #program-logo{width:300px;height:80px;margin:auto;background-image:url(../imgs/equiz-logo.svg);background-size:100%;background-repeat:no-repeat;background-position:0 0;top:1em;z-index:10000;}
#hero #program-logo{position:absolute;left:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#hero #program-cover{box-shadow:0 0 100em rgba(0,0,0,0.8);overflow:hidden;}
#hero #program-cover:before{width:100%;height:70%;position:absolute;bottom:0;content:'';background:linear-gradient(180deg,rgba(2, 8, 20, 0) 0%, rgba(2, 8, 20, 0.9) 100%);}
#hero #program-cover:hover img{transform:scale(1.1);}
#hero #program-cover img,#hero #program-headline img{margin:auto;width:100%;display:block;}
#hero #program-cover,#hero #program-headeline{padding:0;}
#hero .program-item{width:50%;}
#hero .program-item,#hero #program-headline{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;}
#hero #program-headline{padding:0 10%;align-items:start;z-index:1;}
.program-label{padding:0.4em 0.8em;margin-bottom:0.8em;border-radius:0.3em;line-height:1.2;display:table;color:var(--theme-ui-colors-white);background:var(--theme-ui-colors-main);}

#hero h1{font-size:3.6em;font-weight:900;line-height:1.2;margin:0;}
#hero h1 em,#hero h1 span{display:block;}
#hero h1 em{font-size:0.6em;padding:0.4em 1em;margin:0 auto;font-weight:bold;display:table;background:var(--theme-ui-colors-white);color:var(--theme-ui-colors-black);}
#hero h1 span{padding:0.4em 1em;margin:0 auto;font-weight:400;display:table;background:#ff1f5f;color:var(--theme-ui-colors-white);}
#hero h1 img{margin:auto;width:100%;}
#hero .sub-head{padding:1.4em 0;font-size:1.2em;line-height:1.4;display:inline-block;}
#hero .sub-head em{font-size:1.2em;font-style:normal;font-weight:bold;}
#hero .intro{padding:3em 4em;background:rgba(255,255,255,0.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-moz-backdrop-filter:blur(10px);}
#hero.light-base.skrollable-after:before{width:100%;height:100vh;left:0;backdrop-filter:blur(0.6em);-webkit-backdrop-filter:blur(0.6em);-moz-backdrop-filter:blur(0.6em);transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;content:'';position:absolute;background:rgba(255,255,255,0.4);}
#hero h1.header-img{width:80%;height:54vh;margin:0 auto 1em auto;display:block;background-position:center top;background-size:100%;background-repeat:no-repeat;}
#hero .publish{font-weight:300;margin:0 0 2em 0;padding-top:0.6em;border-top:4px solid var(--theme-ui-colors-main);}
#hero .publish .date{padding-right:0.8em;margin-right:0.5em;border-right:1px solid var(--theme-ui-colors-white);}
#hero .publish a{color:var(--theme-ui-colors-white);}

.theme-light #brand{background:linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);}

#Start{margin:0 auto;width:100%;position:relative;background:var(--theme-ui-colors-secondary);}

@media (min-width:1280px){
#hero #program-headline{padding:0 15%;}
}
@media (min-width:768px) and (max-width:1100px) {
#hero h1{font-size:2.8em;}
}

@media (min-width:200px) and (max-width:768px){
#hero{overflow:visible;}
#hero .headline{padding:0 1em;bottom:8%;width:100%;text-align:center;position:absolute;}
#hero h1{font-size:2.4em;}
#hero .content .cover{flex-direction:column-reverse;height:100%;}
#hero #program-cover:hover img{transform:none;}
#hero .program-item{width:100%;}
#hero #program-headline{position:relative;align-items:center;padding:0 8%;}
#hero .sub-head{padding:1em 0;font-size:1em;}
#hero .publish{font-size:0.9em;}
.program-label{margin:0 auto 0.6em auto;font-size:0.9em;}
}

@media (min-width:768px) and (orientation:portrait){
#hero h1{font-size:3.6em;}
#hero .sub-head{font-size:1.4em;}
}

.btn-read{border-radius:50px;padding:0.4em 1em;display:inline-block;background:#a50034;color:var(--theme-ui-colors-white);}
.btn-read:hover{color:var(--theme-ui-colors-white)!important;}

#quizStyle{padding:0;margin:0 auto;align-items:center;justify-content:center;text-align:center;background-color:transparent;}
#quizStyle a{color:#a50034;font-weight:bold;}
#quizStyle .package{background:var(--theme-ui-colors-white);border-radius:0.6em;margin-bottom:2em;display:flex;align-items:center;justify-content:center;text-align:center;}
#quizStyle .summary{font-size:1.1em;background:rgba(240,243,244,1);border-radius:0.6em;margin-bottom:2em;}
#quizStyle h3{font-size:2.8em;padding-bottom:0.2em;border-bottom:4px solid #f791b0;display:inline-block;font-weight:700;}
#quizStyle fieldset{height:auto;padding:0;margin:0;display:flex;box-shadow:0 0 2em rgba(0,0,0,0.06);border:0;background-color:#fbfbf0;}
#quizStyle fieldset .set{padding-bottom:1em;display:flex;align-items:center;justify-content:center;position:relative;}
#quizStyle fieldset .set:before,#quizStyle fieldset legend:after{color:#aaa;}
#quizStyle fieldset .set:before{content:'';font-size:0.9em;top:0;left:4.5em;font-weight:normal;position:absolute;}
#quizStyle fieldset .set,#quizStyle figure{width:50%;}
#quizStyle fieldset .set-item{width:75%;text-align:left;}
#quizStyle.pix-plate fieldset{height:auto;}
#quizStyle.pix-plate fieldset legend{font-size:1.2em;}
#QuizList{border-bottom:0.4em solid var(--theme-ui-colors-main);}
#QuizList li:nth-child(even) fieldset{flex-direction:row-reverse;}

#quizStyle fieldset legend{font-size:1.4em;line-height:1.4;display:contents;font-weight:700;color:var(--theme-ui-colors-black);display:block;position:relative;}
#quizStyle input[type="radio"],#quizStyle button{display:none;}
#quizStyle label{line-height:1.6;border-radius:50px;}
#quizStyle .answers{margin:1em auto 0 auto;}
#quizStyle .answer{vertical-align:top;}
#quizStyle .answer.inline{display:inline-block;}
#quizStyle .answer__item{padding:0.4em 1em 0.4em 2.2em;margin:0 0.4em 0.4em 0;line-height:1.4;position:relative;cursor:pointer;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;display:flex;align-items:center;justify-content:center;vertical-align:top;background:var(--theme-ui-colors-white);border-color:var(--theme-ui-colors-black);border:2px solid rgba(0,0,0,0.6);}
#quizStyle .answer__item:hover{box-shadow:0.2em 0.2em 0.4em rgba(0,0,0,0.2);border-color:#000;}
#quizStyle .answer__item:before{width:12px;height:12px;border:1px solid var(--theme-ui-colors-black);border-radius:50%;left:0.6em;position:absolute;display:block;content:'';}
#quizStyle :valid .answer__item--is-correct{background-color:rgba(113,207,146,1);color:var(--theme-ui-colors-white);border-color:transparent;}

#quizStyle .answer__reveal-text{display:none;margin:1em auto 0 auto;}
#quizStyle :valid .answer__reveal-text{padding:0 1.6em 1em 1.6em;text-align:left;display:block;background:var(--theme-ui-colors-white);border-radius:0.6em;border:2px solid var(--theme-ui-colors-secondary);}

#quizStyle :checked + .answer__item{color:var(--theme-ui-colors-white);background-color:#f55555;border-color:transparent;}
#quizStyle :checked + .answer__item:before{border:1px solid var(--theme-ui-colors-white);content:'';background-image:url(https://interactive.zaobao.com/lib/imgs/icon-close-white.svg);}

#quizStyle :checked + .answer__item--is-correct{background-color:rgba(113,207,146,1);color:var(--theme-ui-colors-white);border-color:transparent;border-color:transparent;}
#quizStyle :checked + .answer__item--is-correct:before,#quizStyle :valid .answer__item--is-correct:before{background-image:url(https://interactive.zaobao.com/lib/imgs/icon-tick-white.svg);border:1px solid var(--theme-ui-colors-white);}

#quizStyle :checked + .answer__item:before,#quizStyle :checked + .answer__item--is-correct:before,#quizStyle :valid .answer__item--is-correct:before{width:20px;height:20px;margin:0 0.6em 0 0;display:inline-block;border-radius:50%;background-repeat:no-repeat;background-position:0;background-size:100%;content:'';}

#quizStyle :checked + .answer__item .answer__icon{display:inline-block;}

#quizStyle :valid{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
#quizStyle :valid + .answer__item{pointer-events:none;}

form{counter-reset:quiz-score;}

#quizStyle :checked + .answer__item--is-correct{counter-increment:quiz-score;}
#quizStyle .score{font-size:2.4em;padding-bottom:0.3em;line-height:1;display:block;counter(quiz-score, decimal) "/" attr(data-question-count);}
#quizStyle .score:before{padding-right:0.1em;font-weight:900;content:counter(quiz-score);}
#quizStyle .score:after{margin-left:0.1em;content:"/ " attr(data-question-count);font-weight:300;}

#quizStyle #score{width:40%;padding:3em 1em;display:block;color:var(--theme-ui-colors-white);position:fixed;height:auto;margin:0;vertical-align:bottom;border-radius:0.6em;background:#1654fc;z-index:10000000;top:50%;left:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);box-shadow:0 0 4em rgba(0,0,0,0.3);}
#quizStyle #score:before{content:'你答对';font-size:1.2em;margin-bottom:0.2em;}
#quizStyle #score a{color:var(--theme-ui-colors-white)!important;padding-bottom:0.1em;border-bottom:1px solid var(--theme-ui-colors-white);}
#quizStyle .message,#quizStyle #score{display:none;}
#quizStyle:valid .message,#quizStyle:valid #score{display:block;}
#quizStyle #score .alert-msg{font-size:1.2em;background:var(--theme-ui-colors-white);color:var(--theme-ui-colors-black);padding:1em;border-radius:0.4em;display:table;margin:auto;}
#quizStyle #score .alert-msg a{color:var(--theme-ui-colors-main)!important;font-weight:bold;}

#quizStyle .img{position:sticky;top:0;}
#quizStyle .img.circle{overflow:hidden;}
#quizStyle .img img{width:120%;margin:0 0 4em -4em;border-radius:50%;}
#quizStyle figure{overflow:hidden;margin:0;position:relative;box-shadow000:0 0 100em rgb(0,39,70,0.3);}
#quizStyle figure img{margin:0;width:100%;display:block;}
#quizStyle figure figcaption{padding:0.6em 1em 0.6em 1.4em;bottom:1em;max-width:80%;left:0;font-size:0.9em;text-align:left;position:absolute;background:rgba(255,255,255,0.7);backdrop-filter:blur(0.7em);color:#000;}
#QuizList li:nth-child(odd) figure figcaption000{right:0;left:auto}

#quizStyle figure.img-portrait{width:60%;}
#quizStyle figure.img-square{width:70%;}

@media (max-width:800px) and (orientation:portrait){
#quizStyle h3{font-size:1.8em;text-align:center;display:table;margin:auto;}
#quizStyle fieldset .set,#quizStyle figure{width:100%;}
#quizStyle fieldset .set-item{width:100%;padding:1.6em 1em 0 1em;}
#quizStyle fieldset legend{font-size:1.2em;line-height:1.4;}
#quizStyle .package{display:block;}
#quizStyle .img.circle{position:relative;}
#quizStyle .img.circle img{width:80%;margin:-10% auto 0 auto;}
#quizStyle figure.img-portrait,#quizStyle figure.img-square{width:100%;}
#quizStyle figure{box-shadow:0 0 2em rgb(0,39,70,0.3);}
#quizStyle figure figcaption{font-size:0.9em;padding:0.8em 0.8em 1em 1em;margin-bottom:-1em;max-width:100%;text-align:left;position:relative;border-top:1px solid rgba(255, 255, 255, 0.3);    backdrop-filter:blur(1em);background:none;}
#quizStyle :valid .answer__reveal-text{padding:0 1em 1em 1em;font-size:0.9em;}
#quizStyle .score:before,#quizStyle .score:after{font-size:1em;}
#quizStyle #score{width:80%;}
#QuizList li:nth-child(even) fieldset{flex-direction:column-reverse;}
}

#quizStyle fieldset legend{font-size:1.4em;line-height:1.4;padding-top:1em;display:contents;font-weight:700;color:var(--theme-ui-colors-black);text-align:left;display:block;position:relative;}
#quizStyle fieldset legend:before,#quizStyle fieldset legend:after{font-size:0.7em;top:0;font-weight:normal;display:inline-block;position:absolute;}
#quizStyle fieldset legend:before{left:2em;content:attr(data-section-fraction);color:var(--theme-ui-colors-black);font-weight:bold;text-align:right;}
#quizStyle fieldset legend:after{left:3em;content:" " attr(data-section-total);}


#QuizList{padding:0;margin:0 auto;list-style:none;}
#QuizList li{width:100%;padding:0;margin:0;list-style-position:inside;counter-increment:custom-counter-name;position:relative;}
#QuizList li:before,#QuizList li:after{top:1em;font-size:0.9em;padding:0.2em 0.3em 0.1em 0.3em;line-height:1;z-index:1;display:inline-block;position:absolute;background:rgba(255,255,255,0.8);border-radius:0.2em;}
#QuizList li:before{right:2.8em;font-weight:900;color:var(--theme-ui-colors-main);content:counter(custom-counter-name);text-align:right;}
#QuizList li:after{right:1em;content:"/ " attr(data-section-total);opacity:1;}
#QuizList :checked + .answer__item{background-color:var(--theme-ui-colors-error);}
#QuizList :valid .answer__item--is-correct{background-color:var(--theme-ui-colors-correct);}

@media (min-width:200px) and (max-width:800px) and (orientation:portrait){
#QuizList fieldset{border-radius:0.8em;padding-top:0.4em;overflow:hidden;flex-direction:column-reverse;}
#quizStyle fieldset legend{font-size:1.2em;padding:0;text-align:left;}
#quizStyle .answer__reveal-text figure{width:100%;}
#quizStyle #score{padding:2em 1em;}
#QuizList{padding-bottom: 2em;}
#QuizList li{padding:0 1em 1em 1em;overflow:hidden;}
#QuizList li:before,#QuizList li:after{top:0.6em;font-size:0.84em;background:none;}
#QuizList li:before{right:3.4em;}
#QuizList li:after{right:1.6em;}
}

.close{position:absolute;right:0.4em;top:0.4em;width:30px;height:30px;padding:0.6em;opacity:1;border-radius:50%;border:1px solid var(--theme-ui-colors-white);background-color:var(--theme-ui-colors-white);background-size:100%;background-position:center;background-repeat:no-repeat;background-image:url(https://interactive.zaobao.com/lib/imgs/icon-close.svg);}

#footer{background:var(--theme-ui-colors-white);}


#stickyBottom{left:0;bottom:40%;margin:0;padding:0;position:fixed;text-align:left;transition: all .5s;z-index:1000000;}
#stickyBottom .item{margin:1px;}
#stickyBottom .item a{font-size:1.2em;width:100%;display:block;padding:0.6em 1em;background:#e90044;line-height:1.2;color:#fff;}

@media screen and (min-height:320px) and (max-height:499px) and (orientation:landscape) {
#stickyBottom{display:none!important;}
}

@media screen and (min-width:768px) and (max-width:900px) and (orientation:portrait) {
#stickyBottom{left:0;top:auto;bottom:0;height:40px;width:100%;display:flex;display:flex;text-align:center;margin:auto;z-index:1000000;}
#stickyBottom .item{width:33%;margin:auto;justify-content:center;align-items:center;text-align:center;}
}

@media only screen and (max-width:767px){
#stickyBottom{left:0;top:auto;bottom:0;height:40px;width:100%;display:flex;display:flex;text-align:center;margin:auto;z-index:1000000;}
#stickyBottom .item{width:33%;margin:auto;justify-content:center;align-items:center;text-align:center;}
#stickyBottom .item a{font-size:1em;padding:0.6em;}
}


@media (min-width:767px) and (max-width:1100px){
#quizStyle fieldset .set-item{width:85%;}
#quizStyle fieldset legend{font-size:1.2em;}
#quizStyle figure figcaption{max-width:100%;}
.answer__reveal-text{font-size:0.9em;}
}