.monitor-extra{background-color:#fff;color:#3e3e3e;padding:0 0 2em;width:100%;margin:0 auto;font-size:16px;line-height:1.6}.monitor-extra [class*=grid-] .inner{width:100%}.monitor-extra section{width:100%;max-width:1080px;margin:0 auto;padding:1em}.monitor-extra .white-space span{display:inline-block;white-space:nowrap}.monitor-extra img{max-width:100%}.monitor-extra .for-md{display:none;display:block}.monitor-extra .for-pc{display:none}.monitor-extra .more-link{display:flex;justify-content:center;margin:2em 0 4em;flex-direction:column}.monitor-extra .more-link a{text-align:center;padding:1em 2em;border-radius:2px;line-height:1.3;white-space:inherit;border-radius:999px}.monitor-extra .link{padding:1em;display:flex;justify-content:center;flex-direction:column;flex-direction:row;align-items:center}.monitor-extra .link a{background-color:#e87979;text-align:center;font-weight:700;padding:1em 0;border-radius:2px;margin:1em 0;font-size:1.1em;line-height:1.1;color:#fff;border-radius:999px;margin:1em .5em;padding:1em 6em}.monitor-extra .link a:hover{opacity:.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)"}.monitor-extra .link .counseling{background-color:#f1ab26}.monitor-extra .link .registerUser{background-color:#56b06d}.monitor-extra .link .Startguide{background-color:#6181ce}.monitor-extra .close .closed{padding:.5em 2em;font-size:1.3em;letter-spacing:5px;border:2px solid #b0d4ea;font-weight:700;color:#4188b3;width:max-content;margin:2em auto;border-radius:999px}.monitor-extra header{width:100%;margin:0 auto;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat}.monitor-extra header .line{padding:.6em;color:#fff;background-color:#000;opacity:.6;text-align:center;font-size:.85em;letter-spacing:6px;font-weight:700;z-index:2;position:relative}.monitor-extra header img{width:15%;display:block;margin:0 auto;padding:2em 0}.monitor-extra h1{text-align:center;position:relative;font-weight:400;font-size:2em;margin:1em 0 0;padding:0 1em}.monitor-extra h1 em{font-style:normal;color:#dc4c4d}.monitor-extra .intro{width:100%;max-width:1080px;margin:0 auto;padding:1em}.monitor-extra .intro p{font-size:1em;text-align:center;max-width:800px;margin:0 auto}.monitor-extra .intro p b{font-weight:700}.monitor-extra .lesson-scenes h2{text-align:center;margin:2em 0 .5em;font-size:1.8em}.monitor-extra .lesson-scenes .video_list{grid-template-columns:1fr 1fr;width:80%;margin:0 auto}.monitor-extra .lesson-scenes .video_list .video-item img{cursor:pointer}.monitor-extra .lesson-scenes .video_list .video-item .play-btn{width:11%;position:absolute;bottom:6%;left:5%;opacity:.7}.monitor-extra .lesson-scenes .click-to-play{background-color:#fff;border:1px solid #dedede;padding:.5em;margin:0 auto 1vh;width:fit-content}.monitor-extra .lesson-scenes .click-to-play .video-oneScene{cursor:pointer;position:relative}.monitor-extra .lesson-scenes .category-title{text-align:center}.monitor-extra .lesson-scenes .category-title img{width:30px}.monitor-extra .lesson-scenes .category-title a{line-height:30px}.monitor-extra .lesson-scenes .category-title a span{font-size:.95em}.monitor-extra .TutorEx h2{text-align:center;margin:0 0 30px;color:#555;font-size:1.8em}.monitor-extra .TutorEx ul{display:flex;gap:2em;justify-content:center;flex-wrap:wrap}.monitor-extra .TutorEx ul li{display:flex;align-items:center;justify-content:center;flex-direction:column}.monitor-extra .TutorEx ul li a{color:#333}.monitor-extra .TutorEx ul li img{max-width:150px;border-radius:50%;display:block;margin:0 auto 10px;box-shadow:0 1px 7px #ccc}.monitor-extra .detail-wrapping{background-color:#fafaf0;padding:2em}.monitor-extra .detail-wrapping .detail h4{padding:2em 0 1em}.monitor-extra .detail-wrapping .detail h4 img{display:block;margin:auto}.monitor-extra .detail-wrapping .detail .date .inner{padding:2em 1em 0;padding:2em 2em 0}.monitor-extra .detail-wrapping .detail .date .inner p{font-size:1.2em;margin:.5em 0;border-bottom:2px dashed #ccc;padding:.3em;background-color:#fff;letter-spacing:5px;font-size:1.3em}.monitor-extra .detail-wrapping .detail .date .inner p b{font-size:90%}.monitor-extra .detail-wrapping .detail .date .inner p a{color:#222}.monitor-extra .detail-wrapping .detail .date .inner p a img{width:2em;border-radius:50%}.monitor-extra .detail-wrapping .detail .date .inner p:lang(en){letter-spacing:3px}.monitor-extra .detail-wrapping .detail [class*=details-] .inner{padding:1em 2em}.monitor-extra .detail-wrapping .detail [class*=details-] .inner h5{margin:1em 0}.monitor-extra .detail-wrapping .detail [class*=details-] .inner p{margin:.5em 0;font-size:.9em}.monitor-extra .detail-wrapping .detail [class*=details-] .inner p small{line-height:.7}.monitor-extra .detail-wrapping .detail [class*=details-] .inner .meno{font-size:95%}.monitor-extra .detail-wrapping .detail [class*=details-] .inner ul{margin:0 0 0 1em}.monitor-extra .detail-wrapping .detail [class*=details-] .inner ul li{list-style-type:disc;font-size:.9em;margin:1em 0;border-bottom:1px dotted #ccc;padding:0 0 .3em}.monitor-extra .for-beginner{padding:1em}.monitor-extra .for-beginner h4{margin-top:4em;text-align:center}.monitor-extra .for-beginner p{margin:1em 0;text-align:left;text-align:center}.monitor-extra .feedback-list h2{text-align:center;margin:2em 0 1em;font-size:1.8em}.monitor-extra .feedback-list .user-avatar img{border-radius:50%;background-color:#fff}.monitor-extra .feedback-list .comment-inner .feedback-comment p{font-size:.9em}.monitor-extra .feedback-list .comment-inner .feedback-comment-lesson img{width:23px;height:23px}.lesson-scenes .video_list{display:grid;grid-template-columns:1fr;gap:1em}.pageTop_btn{opacity:0;position:fixed;bottom:150px;right:20px;transition:.5s}.pageTop_btn a{z-index:10;font-size:12px;padding:30px 0;background-color:#8e7b87;text-decoration:none;color:#fff;line-height:normal;width:100px;height:77px;text-align:center;display:block;border-radius:5px}.pageTop_btn.show{opacity:1}.playing-video{display:none;visibility:visible;opacity:1;z-index:100;background:rgba(15,14,30,.9);height:100%;left:0;padding:0 15px;position:fixed;top:0;width:100%;padding:0 20px;padding:20%}.playing-video .video-content{opacity:1;transform:scale(1) translate3d(0, 0, 0);background:#494d55;width:100%;position:relative;top:50%;margin-top:-30%;padding:2px}.playing-video .video-content .close-btn_wrapper{position:absolute;bottom:100%;right:0;color:#fff;font-weight:700;opacity:.7;display:flex;align-items:center;cursor:pointer;padding:1rem}.playing-video .video-content .close-btn_wrapper .close-btn{width:20px;height:20px;margin-right:10px;position:relative}.playing-video .video-content .close-btn_wrapper .close-btn span{width:20px;height:2px;background-color:#fff;position:absolute;top:50%;left:0}.playing-video .video-content .close-btn_wrapper .close-btn span.top{transform:rotate(45deg)}.playing-video .video-content .close-btn_wrapper .close-btn span.bottom{transform:rotate(-45deg)}.playing-video .video-content .video-screen{width:100%;position:relative;padding:0;padding-top:56.25%}.playing-video .video-content .video-screen iframe{position:absolute;top:0;left:0;width:100%;height:100%}.playing-video.show{display:block}.feedback-wrapper{background-color:#fafaf0;padding:4em}.lesson-scenes-wrapper{padding:4em}.recommended-tutors-wrapper{padding:4em}.white-content-container{background-color:#fff;border:1px solid #d9dcde;margin-bottom:20px;box-shadow:0 0 5px #ccc;border-radius:.375rem;padding:1.5rem;margin-left:25px}#feedback-list.feedback-list .feedback-list-container{display:flex;margin:auto;max-width:48rem;flex-direction:column}#feedback-list.feedback-list .feedback-list-container .comment-inner{margin-left:25px}#feedback-list.feedback-list .feedback-list-container .comment-inner .user-review{padding:10px;border:none;color:#555;font-weight:bold}#feedback-list.feedback-list .feedback-list-container .comment-inner .feedback-comment-lesson{border-radius:0;background:none;padding:0;font-size:15px;word-wrap:break-word;display:flex;gap:1em}#feedback-list.feedback-list .feedback-list-container .comment-inner .feedback-comment-lesson .info-container{border-radius:.25rem;background-color:#f3f4f6;padding:.375rem .625rem}#feedback-list.feedback-list .feedback-list-container .comment-inner .feedback-comment-lesson a{color:#4b5563}#feedback-list.feedback-list .feedback-list-container .comment-inner .feedback-comment-wrap .feedback-comment{padding-left:0}#feedback-list.feedback-list .feedback-list-container .user-avatar{margin-top:1em}@media screen and (min-width: 1080px){.monitor-extra .for-pc{display:block}.monitor-extra .for-beginner p{text-align:center}}@media screen and (min-width: 569px){.monitor-extra .more-link{flex-direction:row}}