.page .banner[data-v-1ed959c8]{background-image:url(../../static/img/bg_banner.40c79849.png);background-size:100% auto;background-repeat:no-repeat}.page .banner .banner-content[data-v-1ed959c8]{display:flex;align-items:center;justify-content:space-between;padding:100px 0 100px}.page .banner .banner-title[data-v-1ed959c8]{font-size:60px;line-height:1.8}.page .banner .banner-logo[data-v-1ed959c8]{width:238px;height:auto}.page .section[data-v-1ed959c8]:nth-child(odd){background-color:#fafbfc}.page .section-title[data-v-1ed959c8]{color:#333;font-size:30px;position:relative;padding-left:20px}.page .section-title[data-v-1ed959c8]:before{content:"";position:absolute;width:6px;height:30px;background-color:#c7000b;border-radius:0 4px 4px 0;left:0;top:50%;transform:translateY(-50%);margin-top:2px}.page .introduction-to-online-classes[data-v-1ed959c8]{padding:50px 0}.page .introduction-to-online-classes .section-figure[data-v-1ed959c8]{width:100%;height:360px;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:right;object-position:right;border-radius:8px}.page .introduction-to-online-classes .section-desc[data-v-1ed959c8]{margin-top:37px;color:#666;font-size:18px;line-height:39px;padding-left:20px;margin-bottom:20px}.page .panel-card-wrap[data-v-1ed959c8]{padding:50px 0}.page .panel-card-wrap .panel-card[data-v-1ed959c8]{border:1px solid #d5ddee;border-radius:8px;padding:50px 26px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:700px;margin-bottom:20px;position:relative}.page .panel-card-wrap .panel-card-head[data-v-1ed959c8]:after,.page .panel-card-wrap .panel-card-head[data-v-1ed959c8]:before,.page .panel-card-wrap .panel-card[data-v-1ed959c8]:after,.page .panel-card-wrap .panel-card[data-v-1ed959c8]:before{content:"";position:absolute;width:16px;height:16px;border:1px dashed #d5ddee;border-radius:50%;background-image:radial-gradient(#d5ddee 4px,transparent 0);background-position:50%;background-size:12px 12px;background-repeat:no-repeat}.page .panel-card-wrap .panel-card-head.panel-card-head[data-v-1ed959c8]:before,.page .panel-card-wrap .panel-card.panel-card-head[data-v-1ed959c8]:before{top:14px;left:14px}.page .panel-card-wrap .panel-card-head.panel-card-head[data-v-1ed959c8]:after,.page .panel-card-wrap .panel-card.panel-card-head[data-v-1ed959c8]:after{top:14px;right:14px}.page .panel-card-wrap .panel-card-head.panel-card[data-v-1ed959c8]:before,.page .panel-card-wrap .panel-card.panel-card[data-v-1ed959c8]:before{bottom:14px;left:14px}.page .panel-card-wrap .panel-card-head.panel-card[data-v-1ed959c8]:after,.page .panel-card-wrap .panel-card.panel-card[data-v-1ed959c8]:after{bottom:14px;right:14px}.page .panel-card-wrap .panel-card-head[data-v-1ed959c8]{display:flex;align-items:center;flex-direction:column}.page .panel-card-wrap .panel-card-title[data-v-1ed959c8]{height:50px;border:1px solid #d5ddee;border-radius:50px;padding:0 20px;display:flex;align-items:center;margin-bottom:30px;font-size:20px}.page .panel-card-wrap .panel-card-desc[data-v-1ed959c8]{color:#666;font-size:16px;line-height:1.8}.page .panel-card-wrap .panel-card-figure[data-v-1ed959c8]{width:100%;height:360px;border-radius:8px;-o-object-fit:cover;object-fit:cover}.page .contents[data-v-1ed959c8]{padding:70px 0}.page .contents .contents-wrap[data-v-1ed959c8]{counter-reset:order 0;-moz-columns:2;columns:2;padding:40px 0 0}.page .contents .contents-item[data-v-1ed959c8]{counter-increment:order 1;display:flex;align-items:center;color:#333;font-size:16px;font-weight:400;margin-bottom:20px;padding-right:10px}.page .contents .contents-item[data-v-1ed959c8]:before{content:counter(order);min-width:22px;height:22px;background:#c7000b;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;margin-right:14px;font-size:14px}.page .learning-guide[data-v-1ed959c8]{margin:40px 0;display:flex}.page .learning-guide .learning-guide-figure[data-v-1ed959c8]{height:auto;max-height:100%;border-radius:8px 0 0 8px;width:20%;max-width:500px;flex:1;position:relative;overflow:hidden}.page .learning-guide .learning-guide-figure img[data-v-1ed959c8]{position:absolute;left:0;top:0;width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.page .learning-guide .learning-guide-main[data-v-1ed959c8]{flex:1;width:100%;border:1px solid #d5ddee;border-left:none;border-radius:0 8px 8px 0;height:100%;padding:30px 30px}.page .learning-guide .learning-guide-main .learning-guide-desc[data-v-1ed959c8]{font-size:16px;line-height:1.6;color:#666;margin-top:20px;margin-bottom:30px}.page .learning-guide .learning-guide-main .learning-guide-text[data-v-1ed959c8]{margin-bottom:15px;color:#333;font-size:18px}.page .learning-guide .learning-guide-main .learning-guide-text-gray[data-v-1ed959c8]{font-weight:600;color:#c7000b}.page .learning-guide .learning-guide-main .flex-center[data-v-1ed959c8]{display:flex;justify-content:center}.page .learning-guide .learning-guide-main .learning-guide-btn[data-v-1ed959c8]{min-width:177px;height:50px;padding:0 20px;background:#c7000b;border-radius:50px;display:inline-block;line-height:50px;text-align:center;color:#fff;margin:20px auto 0;cursor:pointer;transition:.1s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative}.page .learning-guide .learning-guide-main .learning-guide-btn[data-v-1ed959c8]:not(:last-child):after,.page .learning-guide .learning-guide-main .learning-guide-btn[data-v-1ed959c8]:not(:last-child):before{content:"";display:inline-block;position:absolute;height:15px;width:1px;background:#c7000b;right:-52px}.page .learning-guide .learning-guide-main .learning-guide-btn[data-v-1ed959c8]:before{transform:rotate(-45deg);transform-origin:14px 23px}.page .learning-guide .learning-guide-main .learning-guide-btn[data-v-1ed959c8]:after{transform:rotate(45deg);transform-origin:-32px 11px}.page .learning-guide .learning-guide-main .learning-guide-btn[data-v-1ed959c8]:hover{opacity:.8}.page .learning-guide .learning-guide-main .learning-guide-btn[data-v-1ed959c8]:active{opacity:1}@media (min-width:1200px){.container[data-v-1ed959c8]{width:auto;max-width:1440px}}@media (max-width:750px){.page .banner .banner-content[data-v-1ed959c8]{padding:50px 0}.page .banner .banner-title[data-v-1ed959c8]{font-size:5.55555556vw}.page .banner .banner-logo[data-v-1ed959c8]{width:20vw}.page .section-title[data-v-1ed959c8]{font-size:24px}.page .section .introduction-to-online-classes[data-v-1ed959c8]{padding:30px 0}.page .section .introduction-to-online-classes .section-desc[data-v-1ed959c8]{font-size:16px;margin-top:20px}.page .section .contents .contents-wrap[data-v-1ed959c8]{-moz-columns:1;columns:1}.page .section .contents .contents-item[data-v-1ed959c8]{margin-bottom:24px}.page .section .learning-guide[data-v-1ed959c8]{flex-direction:column}.page .section .learning-guide .learning-guide-figure[data-v-1ed959c8]{width:100%;max-width:100%;border-radius:8px 8px 0 0}.page .section .learning-guide .learning-guide-figure img[data-v-1ed959c8]{position:relative}.page .section .learning-guide .learning-guide-main[data-v-1ed959c8]{border-left:1px solid #d5ddee;border-top:none;border-radius:0 0 8px 8px}.page .section .learning-guide .learning-guide-main .flex-center[data-v-1ed959c8]{display:block}}