.jsSummerProgram.introduction{background-color:#2e75d9;padding:20px 0}.jsSummerProgram.introduction .subject{display:block;margin:20px auto 10px;width:90%;max-width:460px}.jsSummerProgram.introduction .head{font:normal 35px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif;margin-bottom:10px;font-weight:bold}
@media screen and (max-width:480px){.jsSummerProgram.introduction .head{font:bold 30px/1.2 Helvetica,"Helvetica Neue",Arial,sans-serif}}.jsSummerProgram.introduction p{color:#fff;text-align:center;font:normal 22px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif}
@media screen and (max-width:480px){.jsSummerProgram.introduction p{font:normal 16px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif}}.jsSummerProgram .area-head{background-color:#1154b1;text-align:center;padding:20px 0;color:#fff}
@media screen and (max-width:767px){.jsSummerProgram .area-head{padding:20px 0}}.jsSummerProgram .area-head h2{font:bold 36px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif}@media screen and (max-width:767px){.jsSummerProgram .area-head h2{font-size:30px;line-height:1.2}
}.jsSummerProgram .area-head .text{font:normal 20px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif;color:#fff;text-align:center;text-wrap:balance}@media screen and (max-width:767px){.jsSummerProgram .area-head .text{font-size:20px}
}.jsSectionSummerProgramSteamContent p{font:normal 20px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif}@media screen and (max-width:767px){.jsSectionSummerProgramSteamContent p{font-size:16px !important}
}.jsSectionSummerProgramSteamContent .area-intro{padding:60px 20px 40px;color:#006fce;background-color:#e9fbfe;background-image:linear-gradient(-45deg,#effcfe 25%,#e5fafd 25%,#e5fafd 50%,#effcfe 50%,#effcfe 75%,#e5fafd 75%,#e5fafd);background-size:10px 10px}
@media screen and (max-width:767px){.jsSectionSummerProgramSteamContent .area-intro{padding-right:15px;padding-left:15px}}.jsSectionSummerProgramSteamContent .area-intro .head{display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.jsSectionSummerProgramSteamContent .area-intro .head .icon{width:30px;margin-right:10px}.jsSectionSummerProgramSteamContent .area-intro .head h2{font:italic bold 35px/1.2 Helvetica,"Helvetica Neue",Arial,sans-serif}
@media screen and (max-width:767px){.jsSectionSummerProgramSteamContent .area-intro .head h2{font-size:25px}}.jsSectionSummerProgramSteamContent .area-intro .content{max-width:840px;padding:0 20px;margin:0 auto;text-align:center}
.jsSectionSummerProgramSteamContent .area-course{padding:40px 0;background-position:center bottom;background-size:contain}.jsSectionSummerProgramSteamContent .area-course .content{display:flex;gap:40px;align-items:center;max-width:1040px;padding:0 20px;margin:0 auto}
@media screen and (max-width:767px){.jsSectionSummerProgramSteamContent .area-course .content{display:block;padding:0}}.jsSectionSummerProgramSteamContent .area-course .content .text{width:calc(50% - 40px)}
@media screen and (max-width:767px){.jsSectionSummerProgramSteamContent .area-course .content .text{width:100%;padding:0 20px;margin-bottom:0;text-align:center}}.jsSectionSummerProgramSteamContent .area-course .content .title{margin-bottom:10px;font:bolder 35px/1.2 Helvetica,"Helvetica Neue",Arial,sans-serif}
@media screen and (max-width:767px){.jsSectionSummerProgramSteamContent .area-course .content .title{font-size:35px}}.jsSectionSummerProgramSteamContent .area-course .content .image{flex:1;overflow:hidden}
.jsSectionSummerProgramSteamContent .area-course .content .image figcaption{font:normal 14px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif}.jsSectionSummerProgramSteamContent .carousel{position:relative;padding-top:78%}
.jsSectionSummerProgramSteamContent .carousel .item{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);animation-iteration-count:infinite}.jsSectionSummerProgramSteamContent .carousel .item img{width:100%}
.jsSectionSummerProgramSteamContent .carousel.num2 .item{animation-duration:10s}.jsSectionSummerProgramSteamContent .carousel.num2 .item:nth-child(1){animation-delay:0}.jsSectionSummerProgramSteamContent .carousel.num2 .item:nth-child(2){animation-delay:5s}
@keyframes jsSectionSummerProgramSteamContent_fadeIn{0,30%{opacity:1}50%,90%{opacity:0}100%{opacity:1}}.jsSectionSummerProgramSteamContent .area-coding{color:#ff6608;background-position:center;background-size:auto 100%}
@media screen and (max-width:767px){.jsSectionSummerProgramSteamContent .area-coding .content{gap:0}}.jsSectionSummerProgramSteamContent .area-art{color:#001980;background-color:#c2ecfe;background-image:linear-gradient(-45deg,#cbeffe 25%,#c2ecfe 25%,#c2ecfe 50%,#cbeffe 50%,#cbeffe 75%,#c2ecfe 75%,#c2ecfe);background-size:10px 10px}
.jsSectionSummerProgramSteamContent .area-art .content{flex-direction:row-reverse}@media screen and (max-width:767px){.jsSectionSummerProgramSteamContent .area-art .content{flex-direction:column}}.jsSectionSummerProgramSteamContent .area-art .content .image{color:#001980}
.jsSectionSummerProgramSteamContent .area-science{color:#257302;background-position:center;background-size:auto 100%}.jsSectionSummerProgramSteamContent .area-science .content .image{color:#166c04}.jsSectionSummerProgramSteamContent .notice{font:normal 12px/1.6 Helvetica,"Helvetica Neue",Arial,sans-serif !important}