.fix-chrome-font-size{max-height:999999px}.page-home .home-content{margin-bottom:40px;padding:20px 30px 0}.page-home .home-content ul.date-selector{margin:0;padding:0;height:130px;list-style:none}.page-home .home-content ul.date-selector li{float:left;margin-right:6px;width:92px;height:130px}.page-home .home-content ul.date-selector li a{display:block;border:2px solid #ccc;border-radius:10px;padding-top:14px;width:92px;height:130px;text-align:center;color:#ccc}.page-home .home-content ul.date-selector li a:focus,.page-home .home-content ul.date-selector li a:hover{text-decoration:none}.page-home .home-content ul.date-selector li a.touch{background-color:#fae3c9}.page-home .home-content ul.date-selector li a .day{display:block;height:32px;line-height:32px;font-size:32px}.page-home .home-content ul.date-selector li a .day-of-week{display:block;margin-top:9px;height:22px;line-height:22px;font-size:22px}.page-home .home-content ul.date-selector li a .deadline{display:block;margin:12px auto 0;width:29px;height:29px;background-image:url(/img/kan2/12/1/kan2-12-1-icon-deadline.png)}.page-home .home-content ul.date-selector li a .deadline.finished{background-image:url(/img/kan2/12/1/kan2-12-1-icon-deadline-finished.png)}.page-home .home-content ul.date-selector li.selected a{border:0 transparent;color:#fff;background-color:#de5900}.page-home .home-content ul.date-selector li.selected .deadline{background-image:url(/img/kan2/12/1/kan2-12-1-icon-deadline-active.png)}.page-home .home-content ul.date-selector li.selected .deadline.finished{background-image:url(/img/kan2/12/1/kan2-12-1-icon-deadline-finished.png)}.page-home .home-content ul.date-selector li.has-plans:not(.selected) a{color:#262626}.page-home .home-content ul.date-selector li.has-plans.weekend:not(.selected) a{color:#d30043}.page-home .home-content ul.date-selector li.has-plans.saturday:not(.selected) a{color:#1360c0}.page-home .home-content .introduction{margin:124px 10px 0}.page-home .home-content .introduction h2{position:relative;margin:0;color:#888;line-height:64px;text-align:center;font-size:30px;font-weight:400}.page-home .home-content .introduction h2:before{content:" ";display:inline-block;left:0;top:0;width:64px;height:64px;margin-right:15px;background-image:url(/img/common/common-info.png);background-repeat:no-repeat;vertical-align:middle}.page-home .home-content .introduction p{font-size:22px;margin:110px 0 0}.page-home .home-content .introduction .main-button{margin-top:100px}.page-home .home-content ul.schedules{padding:0;list-style:none;margin:40px 0 0}.page-home .home-content ul.schedules>li{margin:30px 0;padding:0;height:120px}.page-home .home-content ul.schedules>li a{position:relative;display:block;height:120px;color:#262626;box-shadow:0 0 6px 0 rgba(222,220,219,.5);border-left:20px solid;border-color:#1abd82;background-color:#c4f2d8}.page-home .home-content ul.schedules>li a.touch{background-color:#5ecf92}.page-home .home-content ul.schedules>li a:focus,.page-home .home-content ul.schedules>li a:hover{text-decoration:none}.page-home .home-content ul.schedules>li a.show-arrow{position:relative}.page-home .home-content ul.schedules>li a.show-arrow:after{content:url(/img/common/common-arrow-forward.png);position:absolute;top:50%;right:30px;margin-top:-16px;width:auto;height:32px;line-height:32px;vertical-align:middle}.page-home .home-content ul.schedules>li a span.title{padding-left:50px;height:120px;line-height:120px;font-size:33px}.page-home .home-content ul.schedules li .date{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;width:100px;height:120px;line-height:120px;font-size:30px}.page-home .home-content ul.schedules li a{position:relative;margin-left:110px;padding:0 90px 0 104px}.page-home .home-content ul.schedules li a:after{content:url(/img/common/common-arrow-forward.png);position:absolute;top:50%;right:30px;margin-top:-16px;width:auto;height:32px;line-height:32px;vertical-align:middle}.page-home .home-content ul.schedules li a:before{position:absolute;content:" ";display:inline-block;left:32px;top:50%;background-repeat:no-repeat;vertical-align:middle}.page-home .home-content ul.schedules li a .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:120px;line-height:120px;font-size:30px}.page-home .home-content ul.schedules li.alert a{border-color:#d90042;background-color:#f7d0dd}.page-home .home-content ul.schedules li.alert a.touch{background-color:#f17ba0}.page-home .home-content ul.schedules li.submitted a{border-color:#fbece0;background-color:#fbece0;color:#777}.page-home .home-content ul.schedules li.homework a:before{margin-top:-23px;margin-left:-4px;height:46px;width:54px;background-image:url(/img/kan2/12/1/kan2-12-1-homework.png)}.page-home .home-content ul.schedules li.homework.alert a:before{background-image:url(/img/kan2/12/1/kan2-12-1-homework-alert.png)}.page-home .home-content ul.schedules li.homework.submitted a:before{background-image:url(/img/kan2/12/1/kan2-12-1-homework-submitted.png)}.page-home .home-content ul.schedules li.self-study a:before{margin-top:-27px;height:54px;width:46px;background-image:url(/img/kan2/12/1/kan2-12-1-self-study.png)}.page-home .home-content ul.schedules li.self-study.alert a:before{background-image:url(/img/kan2/12/1/kan2-12-1-self-study-alert.png)}.page-home .home-content ul.schedules li.self-study.submitted a:before{background-image:url(/img/kan2/12/1/kan2-12-1-self-study-submitted.png)}.page-home .home-content ul.schedules li.deadline a{background-color:#fff;border:2px solid #ccc;box-shadow:none;padding-left:122px}.page-home .home-content ul.schedules li.deadline a:before{margin-top:-27px;height:51px;width:51px;left:49px;background-image:url(/img/kan2/12/1/kan2-12-1-icon-schedule-deadline.png)}.page-home .home-content ul.schedules li.deadline.finished a:before{background-image:url(/img/kan2/12/1/kan2-12-1-icon-schedule-deadline-finished.png)}#dialog-home-add-plan{padding:30px 40px}#dialog-home-add-plan .dialog-button{margin:30px 0}#dialog-home-add-plan .dialog-button:before{content:" ";display:inline-block;vertical-align:text-top;margin-right:15px}#dialog-home-add-plan .dialog-button.add-homework-button:before{width:38px;height:32px;margin-bottom:6px;background-image:url(/img/common/common-icon-homework.png)}#dialog-home-add-plan .dialog-button.add-self-study-button:before{width:32px;height:38px;margin-top:-2px;background-image:url(/img/common/common-icon-self-study.png)}.page-homework-index .homework-content{margin-bottom:184px;padding:0 30px}.page-homework-index .homework-content .introduction{margin:0 45px}.page-homework-index .homework-content .introduction h2{position:relative;margin:170px 80px 60px;padding-left:80px;color:#888;line-height:48px;font-size:30px;font-weight:400}.page-homework-index .homework-content .introduction h2:before{content:" ";position:absolute;left:0;top:0;background-image:url(/img/common/common-info.png);background-repeat:no-repeat;width:64px;height:64px}.page-homework-index .homework-content .introduction p{font-size:22px;margin:60px 0 0}.page-homework-index .homework-content .introduction .main-button{margin-top:110px}.page-homework-index .homework-content ul.all-homeworks{margin:0;padding:0;list-style:none}.page-homework-index .homework-content ul.all-homeworks>li{padding:0;height:140px}.page-homework-index .homework-content ul.all-homeworks>li a{display:block;height:140px;color:#262626;box-shadow:0 0 6px 0 rgba(222,220,219,.5);border-left:20px solid;border-color:#1abd82;background-color:#c4f2d8}.page-homework-index .homework-content ul.all-homeworks>li a.touch{background-color:#5ecf92}.page-homework-index .homework-content ul.all-homeworks>li a:focus,.page-homework-index .homework-content ul.all-homeworks>li a:hover{text-decoration:none}.page-homework-index .homework-content ul.all-homeworks>li a.show-arrow{position:relative}.page-homework-index .homework-content ul.all-homeworks>li a.show-arrow:after{content:url(/img/common/common-arrow-forward.png);position:absolute;top:50%;right:30px;margin-top:-16px;width:auto;height:32px;line-height:32px;vertical-align:middle}.page-homework-index .homework-content ul.all-homeworks>li a span.title{padding-left:50px;height:140px;line-height:140px;font-size:33px}.page-homework-index .homework-content ul.all-homeworks>li{margin:30px 0}.page-homework-index .homework-content ul.all-homeworks>li a{position:relative}.page-homework-index .homework-content ul.all-homeworks>li a:after{content:url(/img/common/common-arrow-forward.png);position:absolute;top:50%;right:30px;margin-top:-16px;width:auto;height:32px;line-height:32px;vertical-align:middle}.page-homework-index .homework-content ul.all-homeworks>li a.status-alert,.page-homework-index .homework-content ul.all-homeworks>li a.status-future{background-color:#fff;border:2px solid #ccc;box-shadow:none;padding-left:18px}.page-homework-index .homework-content ul.all-homeworks>li a.status-submitted{background-color:#fff;border:2px solid #ccc;box-shadow:none;padding-left:18px;color:#ccc}.page-homework-index .homework-content ul.all-homeworks>li a.completed-just-now{animation:completed-just-now .5s ease-in-out 0s 3 both}.page-homework-index .homework-content ul.all-homeworks>li a .name{float:left;margin-left:30px;width:196px;height:140px;line-height:140px;font-size:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.page-homework-index .homework-content ul.all-homeworks>li a .expires{margin-left:250px;height:140px;font-size:28px}.page-homework-index .homework-content ul.all-homeworks>li a .expires .left{padding-top:16px;height:68px;line-height:52px}.page-homework-index .homework-content ul.all-homeworks>li a .expires .gauge{margin:0;padding:0;height:40px;list-style:none}.page-homework-index .homework-content ul.all-homeworks>li a .expires .gauge>li{float:left;width:23px;height:40px;border-radius:7px;margin-right:8px;background-color:#35c692}.page-homework-index .homework-content ul.all-homeworks>li a .expires .gauge[data-days-left="0"]>li{background-color:#ccc}.page-homework-index .homework-content ul.all-homeworks>li a .expires .gauge[data-days-left="1"]>li{background-color:#de5900}.page-homework-index .homework-content ul.all-homeworks>li a .expires .gauge[data-days-left="1"]>li:nth-child(-n+6){background-color:#ccc}.page-homework-index .homework-content ul.all-homeworks>li a .expires .gauge[data-days-left="2"]>li{background-color:#de5900}.page-homework-index .homework-content ul.all-homeworks>li a .expires .gauge[data-days-left="2"]>li:nth-child(-n+5){background-color:#ccc}.page-homework-index .homework-content ul.all-homeworks>li a .expires .gauge[data-days-left="3"]>li{background-color:#de5900}.page-homework-index .homework-content ul.all-homeworks>li a .expires .gauge[data-days-left="3"]>li:nth-child(-n+4),.page-homework-index .homework-content ul.all-homeworks>li a .expires .gauge[data-days-left="4"]>li:nth-child(-n+3),.page-homework-index .homework-content ul.all-homeworks>li a .expires .gauge[data-days-left="5"]>li:nth-child(-n+2),.page-homework-index .homework-content ul.all-homeworks>li a .expires .gauge[data-days-left="6"]>li:nth-child(-n+1){background-color:#ccc}.page-homework-index .homework-content ul.all-homeworks>li a .expires .description-one-line{line-height:140px}.page-homework-index .homework-content ul.all-homeworks>li a .expires .description-one-line.long{font-size:24px}.page-homework-index .homework-content .note{margin-top:20px;font-size:26px}@keyframes completed-just-now{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.page-homework-show .homework-content{margin-bottom:96px;padding:0 30px}.page-homework-show .homework-content .status-message{margin:28px 0 37px;height:60px;text-align:center;line-height:60px;font-size:26px}.page-homework-show .homework-content .status-message.status-future{color:#1abd82;background-color:#c4f2d8}.page-homework-show .homework-content .status-message.status-alert{color:#d90042;background-color:#f7d0dd}.page-homework-show .homework-content .status-message.status-none,.page-homework-show .homework-content .status-message.status-submitted{color:#777;background-color:#fbece0}.page-homework-show .homework-content .history,.page-homework-show .homework-content .homework,.page-homework-show .homework-content .plan{position:relative;margin:0 10px}.page-homework-show .homework-content .history h2,.page-homework-show .homework-content .homework h2,.page-homework-show .homework-content .plan h2{position:relative;margin:0 150px 0 0;padding-left:55px;color:#de5900;font-size:30px;height:56px;line-height:56px}.page-homework-show .homework-content .history dl,.page-homework-show .homework-content .homework dl,.page-homework-show .homework-content .plan dl{margin:15px 0 0 55px;font-size:30px}.page-homework-show .homework-content .history dl dt,.page-homework-show .homework-content .homework dl dt,.page-homework-show .homework-content .plan dl dt{float:left;height:64px;line-height:64px;width:200px;font-weight:400}.page-homework-show .homework-content .history dl dd,.page-homework-show .homework-content .homework dl dd,.page-homework-show .homework-content .plan dl dd{height:64px;line-height:64px;margin-left:225px}.page-homework-show .homework-content .homework,.page-homework-show .homework-content .plan{margin-bottom:60px}.page-homework-show .homework-content .homework .setting-button,.page-homework-show .homework-content .plan .setting-button{position:absolute;top:0;right:0;width:120px;height:56px;line-height:52px;border:2px solid #de5900;border-radius:10px;color:#de5900;text-align:center;font-size:24px}.page-homework-show .homework-content .homework .setting-button:before,.page-homework-show .homework-content .plan .setting-button:before{content:" ";display:inline-block;background-image:url(/img/common/common-icon-button-settings.png);background-repeat:no-repeat;margin:0 8px 2px -5px;width:29px;height:29px;vertical-align:middle}.page-homework-show .homework-content .homework h2:before{content:" ";position:absolute;left:0;top:50%;background-repeat:no-repeat;vertical-align:middle;left:-3px;background-image:url(/img/kan2/3/6/kan2-3-6-homework.png);margin-top:-20px;width:47px;height:40px}.page-homework-show .homework-content .plan h2:before{content:" ";position:absolute;left:0;top:50%;background-repeat:no-repeat;vertical-align:middle;background-image:url(/img/kan2/3/6/kan2-3-6-plan.png);margin-top:-22px;width:40px;height:44px}.page-homework-show .homework-content .history h2:before{content:" ";position:absolute;left:0;top:50%;background-repeat:no-repeat;vertical-align:middle;background-image:url(/img/kan2/3/6/kan2-3-6-history.png);margin-top:-14px;width:38px;height:28px}.page-homework-show .homework-content .history .comment{margin:15px 0 0 55px;font-size:26px;white-space:pre-wrap}.page-homework-show .homework-content .history ul{margin:15px -10px 0;padding:0;list-style:none}.page-homework-show .homework-content .history ul:after,.page-homework-show .homework-content .history ul:before{content:" ";display:table}.page-homework-show .homework-content .history ul:after{clear:both}.page-homework-show .homework-content .history ul li{float:left;margin-right:21px;width:216px;height:384px;line-height:384px;text-align:center}.page-homework-show .homework-content .history ul li:nth-child(n+4){margin-top:20px}.page-homework-show .homework-content .history ul li:nth-child(3n){margin-right:0}.page-homework-show .homework-content .history ul li img{vertical-align:middle;max-width:216px;max-height:384px}.page-homework-create .this-week-homework-done{display:none}.page-homework-create .this-week-homework-common{display:inline-block;vertical-align:top}.page-homework-edit .expire-date-edit-button.expire-date-edit-mode,.page-homework-edit .expire-date-edit-mode{display:none}.page-homework-study .camera-pane{margin-top:50px}.page-homework-study .camera-pane .camera-description{height:400px;line-height:400px;text-align:center}.page-homework-study .camera-pane .previews{display:none;min-height:400px;padding:26px 0 65px}.page-homework-study .camera-pane .previews:after,.page-homework-study .camera-pane .previews:before{content:" ";display:table}.page-homework-study .camera-pane .previews:after{clear:both}.page-homework-study .camera-pane .previews .preview{float:left;width:215px;height:215px;margin-right:22px;text-align:center;line-height:215px;background-color:#d4d4d4}.page-homework-study .camera-pane .previews .preview:nth-child(n+4){margin-top:23px}.page-homework-study .camera-pane .previews .preview:nth-child(3n){margin-right:0}.page-homework-study .camera-pane .previews .preview img{max-width:215px;max-height:215px}.page-homework-study .camera-pane .upload-image-button{margin:0 95px}.page-homework-study .camera-pane .upload-image-button:before{content:" ";display:inline-block;margin-right:33px;width:54px;height:48px;vertical-align:middle;background:url(/img/common/common-study-icon-camera.png);background-size:contain}.page-homework-study .camera-pane .upload-image-button.disabled:before{background:url(/img/common/common-study-icon-camera-disabled.png)}.page-homework-study .camera-pane input#image{visibility:hidden;width:1px;height:1px}#dialog-homework-study-update-start-time{display:none;padding:30px}#dialog-homework-study-update-start-time p{font-size:30px}#dialog-homework-study-update-start-time .button-container{margin-top:60px}.page-homework-history-index .homework-content{padding:0 30px}.page-homework-history-index .homework-content .introduction{margin-top:22px}.page-homework-history-index .homework-content .introduction p{font-size:32px;margin:60px 0}.page-homework-history-index .homework-content .submissions h2{margin:40px 0 0;font-size:36px}.page-homework-history-index .homework-content .submissions h2 .day-of-week{font-size:34px}.page-homework-history-index .homework-content .submissions ul.submission-list{list-style:none;margin:20px 0 0;padding:0}.page-homework-history-index .homework-content .submissions ul.submission-list li{margin-top:20px;height:128px;background-color:#fbece0;position:relative}.page-homework-history-index .homework-content .submissions ul.submission-list li:after{content:url(/img/common/common-arrow-forward.png);position:absolute;top:50%;right:30px;margin-top:-16px;width:auto;height:32px;line-height:32px;vertical-align:middle}.page-homework-history-index .homework-content .submissions ul.submission-list li a{display:block;height:128px;line-height:128px;color:#262626}.page-homework-history-index .homework-content .submissions ul.submission-list li a .image{display:block;float:left;width:72px;height:128px;text-align:center;background-color:#c1c1c1}.page-homework-history-index .homework-content .submissions ul.submission-list li a .image img{vertical-align:middle;max-width:72px;max-height:128px}.page-homework-history-index .homework-content .submissions ul.submission-list li a .subject{display:block;float:left;margin-left:48px;max-width:350px;font-size:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-homework-history-index .homework-content .submissions ul.submission-list li a .time{display:block;float:left;margin-left:60px;max-width:100px;font-size:26px}.page-homework-history-index .homework-content .paginator{height:140px;margin:40px 0 0;border-top:2px solid #535353}.page-homework-history-index .homework-content .paginator .prev-page{float:left;margin-left:10px}.page-homework-history-index .homework-content .paginator .next-page,.page-homework-history-index .homework-content .paginator .prev-page{margin-top:35px;width:240px;height:60px;line-height:60px;border:2px solid #de5900;border-radius:8px;color:#de5900;font-size:26px;text-align:center}.page-homework-history-index .homework-content .paginator .next-page{float:right;margin-right:10px}.page-homework-history-show .homework-content{padding:25px 30px 30px}.page-homework-history-show .homework-content dl{font-size:30px;margin:0;padding:0 10px}.page-homework-history-show .homework-content dl dt{float:left;position:relative;padding-left:48px;height:84px;line-height:84px;color:#de5900}.page-homework-history-show .homework-content dl dt:before{content:" ";position:absolute;display:inline-block;background-image:url(/img/kan2/8/2/kan2-8-2-icon-calendar.png);top:50%;left:0;width:35px;height:40px;margin-top:-20px}.page-homework-history-show .homework-content dl dd{margin-left:294px;height:84px;line-height:84px;color:#262626}.page-homework-history-show .homework-content .comment{margin-top:15px;font-size:26px;white-space:pre-wrap}.page-homework-history-show .homework-content ul{margin:15px 0 0;padding:0;list-style:none}.page-homework-history-show .homework-content ul li{float:left;margin-right:21px;width:216px;height:384px;line-height:384px;text-align:center}.page-homework-history-show .homework-content ul li:nth-child(n+4){margin-top:20px}.page-homework-history-show .homework-content ul li:nth-child(3n){margin-right:0}.page-homework-history-show .homework-content ul li img{vertical-align:middle;max-width:216px;max-height:384px}.self-study-common-content-tab{margin:35px 10px 0}.self-study-common-update-form .finish-date-editor{user-select:none}.self-study-common-update-form .finish-date,.self-study-common-update-form .for-textbook,.self-study-common-update-form .learning-unit-pane,.self-study-common-update-form .subject,.self-study-common-update-form .textbook{display:none}.self-study-common-update-form .learning-unit-pane .number-of-unit input{width:200px}.self-study-common-update-form .learning-unit-pane .unit-input-names{display:none}.self-study-common-update-form .plan-list li{margin:0 10px 40px;border-radius:10px;background-color:#f7f7f7;overflow:hidden}.self-study-common-update-form .plan-list li header{position:relative;padding-left:29px;height:80px;line-height:80px;background-color:#d5d5d5;color:#262626;font-size:26px}.self-study-common-update-form .plan-list li header .delete{position:absolute;top:0;right:25px;width:auto;height:80px;line-height:80px;color:#de5900;text-align:right;font-size:28px}.self-study-common-update-form .plan-list li header .delete:before{content:url(/img/common/common-icon-button-delete.png);display:inline-block;vertical-align:middle;margin-right:8px}.self-study-common-update-form .plan-list li .content{padding:30px}.self-study-common-update-form .plan-list li .content .select-date{display:none;margin-top:28px}.self-study-common-update-form .plan-list li .content .day-of-week{margin:30px 0 10px}.self-study-common-update-form .plan-list li .content .day-of-week .day-of-week-selector-row{height:80px;margin-bottom:10px;overflow:hidden;clear:both}.self-study-common-update-form .plan-list li .content .day-of-week .day-of-week-selector-row label{display:block;float:left;margin:0 7px 0 0;width:115px}.self-study-common-update-form .plan-list li .content .select-day{height:100px}.self-study-common-update-form .plan-list li .content .select-day .daily-or-weekly{float:left}.self-study-common-update-form .plan-list li .content .select-day .daily-or-weekly select{width:300px}.self-study-common-update-form .button-pane{margin-bottom:77px}.self-study-common-update-form .button-pane .add-plan-button{margin:0 auto;border:2px solid #de5900;border-radius:18px;height:100px;width:400px;line-height:96px;color:#de5900;text-align:center;font-size:30px}.self-study-common-update-form .button-pane .add-plan-button:before{content:" ";display:inline-block;vertical-align:middle;margin:-6px 12px 0 0;width:34px;height:34px;background:url(/img/common/common-icon-button-add.png);background-size:contain}#self-study-partials-following-students-dialog .empty-list-message{font-size:24px;text-align:center;align-content:center;height:100px}#self-study-partials-following-students-dialog .students-list{list-style:none;max-height:70vh;overflow-y:auto;padding-inline-start:0;padding:20px}#self-study-partials-following-students-dialog .students-list .non-studying-students-item,#self-study-partials-following-students-dialog .students-list .studying-students-item{margin-bottom:20px}#self-study-partials-following-students-dialog .students-list .non-studying-students-item div,#self-study-partials-following-students-dialog .students-list .studying-students-item div{display:inline-block}#self-study-partials-following-students-dialog .students-list .non-studying-students-item .student-icon,#self-study-partials-following-students-dialog .students-list .studying-students-item .student-icon{width:70px;height:70px;margin-right:10px;vertical-align:middle;position:relative}#self-study-partials-following-students-dialog .students-list .non-studying-students-item .student-icon .student-icon-image,#self-study-partials-following-students-dialog .students-list .studying-students-item .student-icon .student-icon-image{width:100%;height:100%;background-repeat:no-repeat;position:absolute}#self-study-partials-following-students-dialog .students-list .non-studying-students-item .student-icon .student-icon-status,#self-study-partials-following-students-dialog .students-list .studying-students-item .student-icon .student-icon-status{margin-top:70%;margin-left:70%;height:40%;width:40%;background-image:url(/img/icon/studying.png);background-size:contain;background-repeat:no-repeat;border-radius:50%;background-color:#de5900;position:absolute;z-index:4}#self-study-partials-following-students-dialog .students-list .non-studying-students-item .student-nickname,#self-study-partials-following-students-dialog .students-list .studying-students-item .student-nickname{font-size:24px}#self-study-partials-following-students-dialog .students-list .non-studying-students-item .student-icon{filter:grayscale(100%)}#self-study-partials-following-students-dialog .students-list .non-studying-students-item .student-nickname{color:silver}#self-study-partials-following-students-dialog .students-list .student-list-separator{margin-bottom:20px;border-width:2px;border-color:#c1c1c1}#self-study-partials-settings-dialog .delete-button{height:58px;line-height:58px;color:#be0003;text-align:center;font-size:28px}#self-study-partials-settings-dialog .delete-button:before{display:inline-block;content:" ";margin-right:8px;width:32px;height:32px;vertical-align:middle;background-image:url(/img/common/common-icon-button-delete-red.png)}.page-self-study-index .self-study-content{margin:0 30px;padding-bottom:154px}.page-self-study-index .self-study-content .introduction{margin:0 45px}.page-self-study-index .self-study-content .introduction h2{position:relative;margin:170px 80px 60px;padding-left:80px;color:#888;line-height:48px;font-size:30px;font-weight:400}.page-self-study-index .self-study-content .introduction h2:before{content:" ";position:absolute;left:0;top:0;background-image:url(/img/common/common-info.png);background-repeat:no-repeat;width:64px;height:64px}.page-self-study-index .self-study-content .introduction p{font-size:22px;margin:60px 0 0}.page-self-study-index .self-study-content .introduction .main-button{margin-top:110px}.page-self-study-index .self-study-content ul.subjects{margin:0;padding:0;list-style:none}.page-self-study-index .self-study-content ul.subjects>li{margin:30px 0;padding:0;height:auto}.page-self-study-index .self-study-content ul.subjects>li a{position:relative;display:block;height:auto;color:#262626;box-shadow:0 0 6px 0 rgba(222,220,219,.5);border-left:20px solid;border-color:#1abd82;background-color:#c4f2d8}.page-self-study-index .self-study-content ul.subjects>li a.touch{background-color:#5ecf92}.page-self-study-index .self-study-content ul.subjects>li a:focus,.page-self-study-index .self-study-content ul.subjects>li a:hover{text-decoration:none}.page-self-study-index .self-study-content ul.subjects>li a.show-arrow{position:relative}.page-self-study-index .self-study-content ul.subjects>li a.show-arrow:after{content:url(/img/common/common-arrow-forward.png);position:absolute;top:50%;right:30px;margin-top:-16px;width:auto;height:32px;line-height:32px;vertical-align:middle}.page-self-study-index .self-study-content ul.subjects>li a span.title{padding-left:50px;height:auto;line-height:auto;font-size:33px}.page-self-study-index .self-study-content ul.subjects>li{position:relative;margin-bottom:40px}.page-self-study-index .self-study-content ul.subjects>li:after{content:url(/img/common/common-arrow-forward.png);position:absolute;top:50%;right:30px;margin-top:-16px;width:auto;height:32px;line-height:32px;vertical-align:middle}.page-self-study-index .self-study-content ul.subjects>li.status-done{height:170px}.page-self-study-index .self-study-content ul.subjects>li.status-done a{border-color:#fbece0;background-color:#fbece0;color:#777;height:170px}.page-self-study-index .self-study-content ul.subjects>li a{padding:37px 0 37px 43px}.page-self-study-index .self-study-content ul.subjects>li a .textbook{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:80px;height:52px;line-height:52px;font-size:32px}.page-self-study-index .self-study-content ul.subjects>li a .unit-progress{margin-top:28px;padding-bottom:10px;height:46px}.page-self-study-index .self-study-content ul.subjects>li a .unit-progress .progress-frame{float:left;border-radius:18px;width:400px;height:36px;background-color:hsla(0,0%,100%,.7)}.page-self-study-index .self-study-content ul.subjects>li a .unit-progress .progress-frame .bar{border-radius:18px 0 0 18px;background-color:#de5900;height:100%}.page-self-study-index .self-study-content ul.subjects>li a .unit-progress .ratio{float:left;margin-left:20px;font-size:0}.page-self-study-index .self-study-content ul.subjects>li a .unit-progress .ratio .done{font-size:32px}.page-self-study-index .self-study-content ul.subjects>li a .unit-progress .ratio .per{margin:0 3px 0 5px;font-size:26px}.page-self-study-index .self-study-content ul.subjects>li a .unit-progress .ratio .total{font-size:26px}.page-self-study-index .self-study-content ul.subjects>li a .unit-complete{margin-top:15px;width:485px;height:26px;line-height:26px;text-align:center;font-size:26px}.page-self-study-index .self-study-content ul.subjects>li a .unit-complete:before{content:url(/img/kan2/10/1/kan2-10-1-check.png)}.page-self-study-index .self-study-content ul.subjects .unit{margin-top:10px;margin-left:40px}.page-self-study-graph{padding-bottom:210px}.page-self-study-graph .self-study-content{padding:0 30px 30px}.page-self-study-graph .self-study-content h3{margin:40px 0 20px;font-size:32px;color:#de5900}.page-self-study-graph .self-study-content .graph{margin-bottom:60px}.page-self-study-graph .self-study-content .graph h3{margin-bottom:0}.page-self-study-graph .self-study-content .graph object{margin:0 -30px;width:750px;height:376px}.page-self-study-graph .self-study-content .plans ul.plan-list{margin:0;padding:0;list-style:none}.page-self-study-graph .self-study-content .plans ul.plan-list li{font-size:0}.page-self-study-graph .self-study-content .plans ul.plan-list li .date{margin-right:33px;font-size:26px}.page-self-study-graph .self-study-content .plans ul.plan-list li .time{font-size:26px}.page-self-study-graph .self-study-content .advice{position:relative;margin-top:45px;font-size:28px}.page-self-study-graph .self-study-content .advice h3{margin:0 0 10px;padding:54px 0 0 249px;height:107px}.page-self-study-graph .self-study-content .advice .summary{position:absolute;left:0;top:0;width:220px;height:107px;text-align:center;line-height:84px;font-size:28px;font-weight:700}.page-self-study-graph .self-study-content .advice .summary.rank1{color:#d90042;background-image:url(/img/kan2/10/2/kan2-10-2-bubble-rank1.png)}.page-self-study-graph .self-study-content .advice .summary.rank2{color:#f68320;background-image:url(/img/kan2/10/2/kan2-10-2-bubble-rank2.png)}.page-self-study-graph .self-study-content .advice .summary.rank3{color:#1abd82;background-image:url(/img/kan2/10/2/kan2-10-2-bubble-rank3.png)}.page-self-study-graph .self-study-content .advice p{margin-bottom:20px}.page-self-study-graph .self-study-content .start{margin-top:60px;padding:0 70px}.page-self-study-graph .self-study-content .start .sub-button:before{content:" ";display:inline-block;margin:28px 15px 0 0;width:40px;height:40px;background-image:url(/img/kan2/10/2/kan2-10-2-study-icon.png);vertical-align:top}.page-self-study-units{padding-bottom:180px}.page-self-study-units .self-study-content{padding:0 30px 30px}.page-self-study-units .self-study-content .ratio{margin:25px 14px 35px;font-size:0;color:#262626}.page-self-study-units .self-study-content .ratio .done{color:#1abd82;font-size:34px;font-weight:700}.page-self-study-units .self-study-content .ratio .per{margin:0 7px;font-size:26px}.page-self-study-units .self-study-content .ratio .total{font-size:26px}.page-self-study-units .self-study-content .ratio .text{margin-left:10px;font-size:26px}.page-self-study-units .self-study-content ul.unit-list{list-style:none;margin:0 -13px 0 10px;padding:0}.page-self-study-units .self-study-content ul.unit-list li{float:left;position:relative;overflow:hidden;margin-right:23px;margin-bottom:23px;width:150px;height:150px;border:4px solid #c0c1c0;border-radius:3px;padding:2px;background-color:#f7f7f7}.page-self-study-units .self-study-content ul.unit-list li .unit-name{width:138px;height:138px;text-align:center;line-height:138px}.page-self-study-units .self-study-content ul.unit-list li .unit-name .unit-name-text{display:inline-block;padding:0 1px;vertical-align:middle;text-align:center;line-height:32px;font-size:24px}.page-self-study-units .self-study-content ul.unit-list li .date{position:absolute;bottom:5px;left:5px;right:5px;height:22px;color:#1abd81;text-align:center;line-height:22px;font-size:22px;font-weight:700}.page-self-study-units .self-study-content ul.unit-list li.already-finished{border:6px solid #1abd81;padding:0;background-color:#e2fbe9}.page-self-study-units .self-study-content ul.unit-list li.already-finished:before{position:absolute;content:url(/img/kan2/10/kan2-10-unit-check.png);left:50%;top:20px;width:80px;height:80px;margin-left:-40px;opacity:.7}.page-self-study-units .self-study-content ul.unit-list li.already-finished .unit-name-text{line-height:28px;padding-bottom:28px}.modal-edit-learning-unit{display:none;position:fixed;left:0;right:0;top:100%;height:auto;background-color:#fff}.modal-edit-learning-unit.active{display:block;position:relative;top:0}.modal-edit-learning-unit.sliding-in{position:fixed;animation:slide-in .3s ease-out 0s}.modal-edit-learning-unit.sliding-out{position:fixed;animation:slide-out .3s ease-in 0s;top:100%}.modal-edit-learning-unit .legend{text-align:right;font-size:24px;margin:2px 10px 0 0;height:38px;color:#535353}.modal-edit-learning-unit .legend .delete{margin-right:30px}.modal-edit-learning-unit .legend .delete img{margin-right:5px;width:38px;height:38px}.modal-edit-learning-unit .legend .handle img{margin-right:5px;width:28px;height:28px}.modal-edit-learning-unit ul.unit-list{position:relative;margin:30px 5px 0}.modal-edit-learning-unit ul.unit-list li{position:relative;margin-bottom:20px;border:4px solid #c1c1c1;border-radius:3px;padding:0 200px 0 40px;height:120px;line-height:112px;color:#262626;background-color:#fff;box-shadow:0 0 8px 0 hsla(0,0%,92.5%,.5);font-size:26px;transition:box-shadow .2s ease-in-out}.modal-edit-learning-unit ul.unit-list li .unit-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal-edit-learning-unit ul.unit-list li.current .unit-name{animation:unit-name-cursor-flash 1s infinite}.modal-edit-learning-unit ul.unit-list li.ui-sortable-helper{box-shadow:3px 5px 10px 0 hsla(0,0%,50.2%,.5)}.modal-edit-learning-unit ul.unit-list li .delete{position:absolute;right:116px;top:50%;width:70px;height:70px;margin-top:-35px;line-height:70px;text-align:center}.modal-edit-learning-unit ul.unit-list li .delete:before{content:" ";display:inline-block;vertical-align:middle;width:48px;height:48px;background-image:url(/img/kan2/10/5/kan2-10-5-delete.png)}.modal-edit-learning-unit ul.unit-list li .handle{position:absolute;right:0;top:50%;bottom:14px;height:83px;width:96px;margin-top:-41px;border-left:2px solid #d5d5d5;line-height:83px;text-align:center}.modal-edit-learning-unit ul.unit-list li .handle:before{content:" ";display:inline-block;vertical-align:middle;width:36px;height:33px;background-image:url(/img/kan2/10/5/kan2-10-5-handle.png)}.modal-edit-learning-unit .input-pane{clear:left;margin:45px 0 0;padding:20px 0 0 2px}.modal-edit-learning-unit .input-pane .input-unit{width:480px}.modal-edit-learning-unit .input-pane .add-unit-button{display:inline-block;width:170px;margin:0 0 0 20px}@keyframes slide-in{0%{top:100%}to{top:0}}@keyframes slide-out{0%{top:0}to{top:100%}}@keyframes unit-name-cursor-flash{50%{opacity:.3}}body{margin-bottom:90px}body.semitransparent .page-self-study-study-show .common-form.in-layout .textbook-select-wrapper select,body.semitransparent .page-self-study-study-show .partials-header,body.semitransparent .page-self-study-study-show .stopwatch .stopwatch-action-button.stop{background-color:hsla(0,0%,100%,.7)}body.semitransparent .page-self-study-study-show .units-outer .units{background-color:hsla(0,0%,100%,.4)}body.semitransparent .page-self-study-study-show .units-outer .units ul.unit-list li{background-color:hsla(0,0%,100%,.7)}body.semitransparent .page-self-study-study-show .units-outer .units ul.unit-list li.already-finished{background-color:hsla(0,0%,81.6%,.867)}body.semitransparent .page-self-study-study-show .units-outer .units ul.unit-list li.checked{background-color:rgba(226,251,233,.867)}.page-self-study-study-show{padding-bottom:154px}.page-self-study-study-show.tab-is-hidden{padding-bottom:0}.page-self-study-study-show .self-study-instruction{margin-top:20px;color:#262626;text-align:center;line-height:130%;font-size:36px;font-weight:700}.page-self-study-study-show .partials-header{background-color:#fff;margin-top:0}.page-self-study-study-show .partials-header .title{margin:0}.page-self-study-study-show .partials-header .action{right:0}.page-self-study-study-show .partials-header .action a{padding-right:15px}.page-self-study-study-show .partials-header .action label{display:block;padding:0 15px;height:102px;width:auto;min-width:200px;text-align:right;color:#de5900;line-height:102px;font-weight:400}.page-self-study-study-show .partials-header .action label img{margin-right:10px}.page-self-study-study-show .partials-header .action label .text{display:inline-block;vertical-align:middle;font-size:28px}.page-self-study-study-show .stopwatch{margin:20px 0}.page-self-study-study-show .stopwatch .stopwatch-action-button{border:none;height:160px;padding:20px 0;display:block;background-color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.2);transition:all .1s}.page-self-study-study-show .stopwatch .stopwatch-action-button:focus,.page-self-study-study-show .stopwatch .stopwatch-action-button:hover{text-decoration:none}.page-self-study-study-show .stopwatch .stopwatch-action-button.start .stopwatch-button-content{background-image:url(/img/kan2/10/7/kan2-10-7-start.png)}.page-self-study-study-show .stopwatch .stopwatch-action-button.stop .stopwatch-button-content{background-image:url(/img/kan2/10/7/kan2-10-7-stop.png)}.page-self-study-study-show .stopwatch .stopwatch-action-button .stopwatch-button-content{margin:auto;width:320px;height:120px;text-align:left;line-height:normal;color:#000;background-image:url(/img/kan2/10/7/kan2-10-7-start.png);background-position:100%;background-repeat:no-repeat}.page-self-study-study-show .stopwatch .stopwatch-action-button .stopwatch-button-content .time{line-height:normal;font-size:40px}.page-self-study-study-show .stopwatch .stopwatch-action-button .stopwatch-button-content .stopwatch-action-button-text,.page-self-study-study-show .stopwatch .stopwatch-action-button .stopwatch-button-content .stopwatch-action-stop-button-text{font-size:44px}.page-self-study-study-show .stopwatch .stopwatch-action-button:active{box-shadow:0 0 1px rgba(0,0,0,.2);background-color:#f0f0f0}.page-self-study-study-show .studying-students-button{position:fixed;right:15px;bottom:170px;height:100px;width:100px;background-color:#de5900;border-radius:50%;box-shadow:0 6px 15px rgba(0,0,0,.4)}.page-self-study-study-show .studying-students-button .studying-students-icon{width:48px;height:48px;top:4px;left:26px;background-image:url(/img/icon/studying.png);background-repeat:no-repeat;position:absolute}.page-self-study-study-show .studying-students-button .studying-students-count{width:100px;height:48px;top:52px;left:0;text-align:center;font-size:28px;color:#fff;position:absolute}.page-self-study-study-show .common-form.in-layout{box-shadow:0 4px 10px rgba(0,0,0,.5)}.page-self-study-study-show .common-form.in-layout .textbook-select-wrapper{width:100vw}.page-self-study-study-show .common-form.in-layout .textbook-select-wrapper select{width:100vw;border-radius:0;border:none}.page-self-study-study-show .common-form.in-layout .textbook-select-wrapper select:disabled{background-color:#d3d3d3}.page-self-study-study-show .units-outer{position:relative;overflow:hidden}.page-self-study-study-show .units-outer .units{width:100vw;min-height:120px;max-height:540px;overflow:auto;background-color:#e0e0e0}.page-self-study-study-show .units-outer .units::-webkit-scrollbar{-webkit-appearance:none;appearance:none;width:24px;border-radius:12px;background-color:#eaeaea}.page-self-study-study-show .units-outer .units::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:12px;background-color:#878787;background-clip:content-box}.page-self-study-study-show .units-outer .units .unit-list{margin:5px 0;overflow:hidden}.page-self-study-study-show .units-outer .units ul.unit-list{list-style:none;margin:0 0 0 20px;padding:0}.page-self-study-study-show .units-outer .units ul.unit-list li{position:relative;padding:2px;height:136px;overflow:hidden;background-color:#fff;margin:20px 0;box-shadow:0 2px 10px rgba(0,0,0,.2);transition:all .1s}.page-self-study-study-show .units-outer .units ul.unit-list li.already-finished{border-width:1px;background-color:#d0d0d0}.page-self-study-study-show .units-outer .units ul.unit-list li.already-finished .unit-name .unit-name-text{color:grey;transition-property:color}.page-self-study-study-show .units-outer .units ul.unit-list li.already-finished .check,.page-self-study-study-show .units-outer .units ul.unit-list li.already-finished .circle{stroke:#a4a4a4;stroke-dashoffset:0}.page-self-study-study-show .units-outer .units ul.unit-list li.checked{background-color:#e2fbe9}.page-self-study-study-show .units-outer .units ul.unit-list li.checked .unit-name .unit-name-text{color:#b0b0b0;transition-duration:.1s}.page-self-study-study-show .units-outer .units ul.unit-list li.checked .check,.page-self-study-study-show .units-outer .units ul.unit-list li.checked .circle{stroke-dashoffset:0;transition-property:stroke-dashoffset}.page-self-study-study-show .units-outer .units ul.unit-list li.checked .circle{transition-duration:.5s;transition-timing-function:ease-in-out}.page-self-study-study-show .units-outer .units ul.unit-list li.checked .check{transition-duration:.2s;transition-delay:.15s;transition-timing-function:ease-in}.page-self-study-study-show .units-outer .units ul.unit-list li .unit-name{padding:0 1px;display:table;height:136px}.page-self-study-study-show .units-outer .units ul.unit-list li .unit-name .unit-long-name{display:table-cell;vertical-align:middle}.page-self-study-study-show .units-outer .units ul.unit-list li .unit-name .unit-long-name .unit-name-text{display:inline-block;vertical-align:middle;line-height:32px;font-size:24px;margin-left:124px;width:472px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.page-self-study-study-show .units-outer .units ul.unit-list li .check-image{position:absolute;left:22px;top:22px}.page-self-study-study-show .units-outer .units ul.unit-list li .movie-box{position:absolute;top:18px;right:0;margin-right:8px}.page-self-study-study-show .units-outer .units ul.unit-list li .movie-box .movie-select-button{float:right;position:relative;width:120px;padding-top:54px;line-height:42px;font-size:26px}.page-self-study-study-show .units-outer .units ul.unit-list li .movie-box .movie-select-button:before{content:" ";display:block;position:absolute;top:12px;left:28px;width:64px;height:36px;border-radius:12px;background-image:url(/img/common/common-study-movie-play.png);background-repeat:no-repeat;background-position:27px 7.5px;background-color:#de5900}.page-self-study-study-show .units-outer .units ul.unit-list li.template{display:none}.page-self-study-study-show .units-outer .units ul.unit-list li:active{box-shadow:0 0 1px rgba(0,0,0,.2)}.page-self-study-study-show .units-outer .units .unit-university{margin:10px}.page-self-study-study-show .units-outer .units .unit-university .unit-university-panel{height:96px;background-color:#fff;font-size:26px;box-shadow:0 4px 10px #000}.page-self-study-study-show .units-outer .units .unit-university .unit-university-panel .unit-university-panel-inner{height:96px;display:flex}.page-self-study-study-show .units-outer .units .unit-university .unit-university-panel .unit-university-panel-inner .unit-university-panel-button{height:70px;width:70px;border-radius:20px;box-shadow:0 2px 5px #000;padding:5px;margin:13px;display:inline-block}.page-self-study-study-show .units-outer .units .unit-university .unit-university-panel .unit-university-panel-inner .unit-university-panel-button.already-finished{border-width:1px;background-color:#d0d0d0}.page-self-study-study-show .units-outer .units .unit-university .unit-university-panel .unit-university-panel-inner .unit-university-panel-button.checked{background-color:#e2fbe9}.page-self-study-study-show .units-outer .units .unit-university .unit-university-panel .unit-university-panel-inner .unit-university-panel-button.checked .check,.page-self-study-study-show .units-outer .units .unit-university .unit-university-panel .unit-university-panel-inner .unit-university-panel-button.checked .circle{stroke-dashoffset:0;transition-property:stroke-dashoffset}.page-self-study-study-show .units-outer .units .unit-university .unit-university-panel .unit-university-panel-inner .unit-university-panel-button.checked .circle{transition-duration:.5s;transition-timing-function:ease-in-out}.page-self-study-study-show .units-outer .units .unit-university .unit-university-panel .unit-university-panel-inner .unit-university-panel-button.checked .check{transition-duration:.2s;transition-delay:.15s;transition-timing-function:ease-in}.page-self-study-study-show .units-outer .units .unit-university .unit-university-panel .unit-university-panel-inner .unit-university-panel-button .unit-university-panel-button-background{position:relative;width:60px;height:60px;background-image:url(/img/kan2/7/4/kan2-7-4-tab-study-on.png);background-position:50%;background-repeat:no-repeat;background-size:80%}.page-self-study-study-show .units-outer .units .unit-university .unit-university-panel .unit-university-panel-inner .unit-university-panel-button .unit-university-panel-button-background svg{position:absolute}.page-self-study-study-show .units-outer .units .unit-university .unit-university-panel .unit-university-panel-inner .unit-university-panel-button .unit-university-panel-button-background .unit-university-panel-button-background-study-date{position:absolute;bottom:14px;width:100%;text-align:center;font-size:22px}.page-self-study-study-show .units-outer .units .unit-university .unit-university-panel .unit-university-panel-inner .unit-university-panel-button.already-finished .unit-university-panel-button-background{background-image:none}.page-self-study-study-show .units-outer .units .unit-university .unit-university-panel .unit-university-panel-inner .unit-university-movie-button{height:70px;width:70px;border-radius:20px;box-shadow:0 2px 5px #000;padding:15px 10px;margin:13px;display:inline-block}.page-self-study-study-show .units-outer .units .unit-university .unit-university-panel .unit-university-panel-inner .unit-university-movie-button .university-movie-box .movie-select-button{content:" ";display:block;position:relative;width:50px;height:40px;border-radius:12px;background-image:url(/img/common/common-study-movie-play.png);background-repeat:no-repeat;background-position:18.5px 7.5px;background-color:#de5900}.page-self-study-study-show .units-outer .units .unit-university .unit-university-panel .unit-university-panel-inner .unit-university-panel-content{margin:10px;width:100%;line-height:1.1;display:inline-flex;align-content:center}.page-self-study-study-show .units-outer .units .unit-university .unit-university-panel .unit-university-panel-inner .unit-university-panel-content>div{display:inline-block;align-content:center;margin-right:10px}.page-self-study-study-show .units-outer .units .unit-university .unit-university-panel .unit-university-panel-inner .unit-university-panel-content .unit-university-button-content-times{font-size:20px;padding:0 5px;text-align:center}.page-self-study-study-show .units-outer .units .unit-university .unit-university-panel .unit-university-panel-inner .unit-university-panel-content .unit-university-button-content-item{flex:1}.page-self-study-study-show .units-outer .units .unit-university .unit-university-panel .unit-university-panel-inner .unit-university-panel-content .unit-university-button-content-item div{overflow:hidden}.page-self-study-study-show .units-outer .units .unit-university .unit-university-panel .unit-university-panel-inner .unit-university-panel-content .unit-university-button-content-item .unit-university-button-content-item-stage{font-size:22px;height:26px}.page-self-study-study-show .units-outer .units .unit-university .unit-university-panel .unit-university-panel-inner .unit-university-panel-content .unit-university-button-content-item .unit-university-button-content-item-title{height:50px;line-height:2}.page-self-study-study-show .units-outer .units .unit-university .unit-university-panel .unit-university-panel-inner .unit-university-panel-content .unit-university-button-content-target{font-size:22px;border-radius:10px;background-color:#f0f0f0;padding:5px;margin-right:0}.page-self-study-study-show .units-outer .unit-loading{position:absolute;display:none;top:0;left:0;right:0;height:220px;text-align:center;line-height:220px}.page-self-study-study-show .units-outer .unit-loading .loading-frame{display:inline-block;width:100px;height:100px;padding:10px;vertical-align:middle;line-height:80px;background-color:#fff}.page-self-study-study-show .units-outer .unit-loading .loading-frame img{width:80px;height:80px}.page-self-study-study-show .ajax-report-form{margin-left:0;margin-right:0}.page-self-study-study-show .ajax-report-form .report-button{border:none;box-shadow:0 6px 15px rgba(0,0,0,.4);transition:all .1s}.page-self-study-study-show .ajax-report-form .report-button:active{box-shadow:0 0 1px rgba(0,0,0,.2)}.page-self-study-study-show .option-pane{display:none;margin-bottom:30px;padding-top:10px}.page-self-study-study-show .option-pane .title{font-size:28px;font-weight:700;margin-bottom:20px}.page-self-study-study-show .option-pane .title img{margin-right:8px;vertical-align:middle}.page-self-study-study-show .stamp-pane .stamp-list-outer{margin:0;position:relative;height:396px;width:100%;overflow:auto;border-top:2px solid #adadad;border-bottom:2px solid #adadad;background:#fff}.page-self-study-study-show .stamp-pane .stamp-list-outer .stamp-list{list-style:none;margin:0;padding:0 0 0 30px;overflow:auto;height:396px}.page-self-study-study-show .stamp-pane .stamp-list-outer .stamp-list::-webkit-scrollbar{-webkit-appearance:none;appearance:none;width:24px;border-radius:12px;background-color:#eaeaea}.page-self-study-study-show .stamp-pane .stamp-list-outer .stamp-list::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:12px;background-color:#878787;background-clip:content-box}.page-self-study-study-show .stamp-pane .stamp-list-outer .stamp-list li{display:block;position:relative;float:left;width:165px;height:165px;transition:opacity .2s ease-in-out}.page-self-study-study-show .stamp-pane .stamp-list-outer .stamp-list li img{width:165px;height:165px}.page-self-study-study-show .stamp-pane .stamp-list-outer .stamp-list li .cancel{display:none}.page-self-study-study-show .stamp-pane .stamp-list-outer .stamp-list.item-selected li{opacity:.3}.page-self-study-study-show .stamp-pane .stamp-list-outer .stamp-list.item-selected li.selected{opacity:1}.page-self-study-study-show .stamp-pane .stamp-list-outer .stamp-list.item-selected li.selected .cancel{display:block;position:absolute;top:-22px;right:-22px;width:88px;height:88px;z-index:1;background:url(/img/common/common-study-stamp-cancel.png) 50% no-repeat;background-size:44px 44px}.page-self-study-study-show ul.content-buttons{margin:0;padding:0;height:100px;list-style:none}.page-self-study-study-show ul.content-buttons li{float:left;width:130px;height:100px;line-height:100px;margin-left:20px}.page-self-study-study-show ul.content-buttons a{box-shadow:0 4px 10px rgba(0,0,0,.2);transition:all .1s}.page-self-study-study-show ul.content-buttons a:active{box-shadow:0 0 1px rgba(0,0,0,.2);background-color:#f0f0f0}.page-self-study-study-show ul.content-buttons .button-frame .sub-button{position:relative;width:140px;height:100px;padding-right:45px;padding-left:5px}.page-self-study-study-show ul.content-buttons .button-frame .sub-button:after{content:" ";position:absolute;background-image:url(/img/common/common-study-icon-arrow.png);top:50%;right:20px;width:28px;height:23px;margin-top:-11px;pointer-events:none}.page-self-study-study-show ul.content-buttons .sub-button{border:0}.page-self-study-study-show ul.content-buttons .stamp-button-frame{width:auto}.page-self-study-study-show ul.content-buttons .image-upload-button-frame .upload-image-button{width:100px;height:100px;margin:0}.page-self-study-study-show ul.content-buttons .image-upload-button-frame .upload-image-button:before{content:" ";display:inline-block;width:54px;height:48px;vertical-align:middle;background:url(/img/common/common-study-icon-camera.png);background-size:contain}.page-self-study-study-show ul.content-buttons .image-upload-button-frame .upload-image-button.disabled:before{background:url(/img/common/common-study-icon-camera-disabled.png)}.page-self-study-study-show ul.content-buttons .image-upload-button-frame input#image{visibility:hidden;width:1px;height:1px}.page-self-study-study-show .university-student{margin-bottom:20px}.page-self-study-study-show .university-student-menu{height:50px;font-size:28px;position:relative}.page-self-study-study-show .university-student-menu:after{clear:both}.page-self-study-study-show .university-student-menu .school-period-week{font-size:26px;position:absolute;top:-50px;right:12px}.page-self-study-study-show .university-student-menu .link-button{float:right;margin-top:10px}.page-self-study-study-show .university-student-menu .link-button a{color:#de5900;padding:10px 15px 10px 25px}.page-self-study-study-show .progress-swiper{width:100%;min-height:520px;margin-top:10px;--swiper-navigation-top-offset:220px;--swiper-navigation-color:#de5900;--swiper-pagination-bottom:auto;--swiper-pagination-top:13px;--swiper-pagination-color:#de5900;--swiper-pagination-bullet-size:16px}.page-self-study-study-show .progress-swiper .list-goal .list-goal-title{font-size:26px}.page-self-study-study-show .partials-tabs{z-index:1}#dialog-movie-select{position:relative;display:none}#dialog-movie-select .movie-select-header{position:relative;height:100px;padding:0 65px;border-bottom:2px solid #de5900;text-align:center;line-height:100px}#dialog-movie-select .movie-select-header .header-title{display:inline-block;overflow:hidden;vertical-align:middle;max-height:80px;line-height:40px;font-size:36px}#dialog-movie-select .movie-select-header .back{position:absolute;top:0;left:0;height:102px;line-height:102px;width:200px;z-index:1;padding-left:20px;text-align:left}#dialog-movie-select .page-list{position:relative;width:100%;height:100%;overflow:hidden}#dialog-movie-select ul.main-list{list-style:none;margin:0;padding:0;font-size:30px;overflow:scroll}#dialog-movie-select ul.main-list li{position:relative;min-height:100px;padding:10px 64px 10px 10px;border-bottom:2px solid #d5d5d5;line-height:80px}#dialog-movie-select ul.main-list li:after{content:url(/img/common/common-arrow-forward.png);position:absolute;top:50%;right:20px;margin-top:-16px;width:auto;height:32px;line-height:32px;vertical-align:middle}#dialog-movie-select ul.main-list li span{display:inline-block;line-height:42px;vertical-align:middle}#dialog-movie-select ul.main-list li.current{background:#e2fbe9}#dialog-movie-select .movie-list,#dialog-movie-select .textbook-list,#dialog-movie-select .textbook-unit-list{position:absolute;left:14px;right:14px;top:7px;bottom:7px;background:#fff;overflow:hidden}#dialog-movie-select .textbook-list .not-wifi-alert{background:#fff;padding:20px;border-bottom:2px solid #d5d5d5;color:#be0004;font-size:26px}#dialog-movie-select .movie-list,#dialog-movie-select .textbook-unit-list{display:none}#dialog-movie-select .movie-list .header-title{font-size:30px}#movie-container{background:#000;position:relative;display:none}#movie-container .movie-header{position:absolute;z-index:1;top:0;left:0;right:0;height:100px;padding:0 65px;text-align:center;line-height:100px;background:rgba(0,0,0,.3)}#movie-container .movie-header .header-title{display:inline-block;overflow:hidden;vertical-align:middle;color:#fff;max-height:80px;line-height:40px;font-size:30px}#movie-container .movie-header .header-title .movie-name,#movie-container .movie-header .header-title .unit-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:600px}#movie-container .movie-header .back{position:absolute;top:0;left:0;height:102px;line-height:102px;width:200px;z-index:1;padding-left:20px;text-align:left}#movie-container .movie-content{padding-left:27px}.times-1{background-color:#c1c1ff}.times-1,.times-2{border-radius:10px}.times-2{background-color:#c1ffff}.times-3{background-color:#c1ffc1}.times-3,.times-4{border-radius:10px}.times-4{background-color:#ffffc1}.login-bonus-notification{position:fixed;opacity:0;left:0;top:-40px;width:100%;font-size:28px;text-align:right;animation:login-bonus-notification-animation 5s linear;animation-delay:2s;box-shadow:0 2px 2px 1px rgba(0,0,0,.2);z-index:99;color:#1abd82;background-color:#c4f2d8}.login-bonus-notification a{width:100%;height:100%;display:block;text-decoration:none;padding:10px}@keyframes login-bonus-notification-animation{0%{top:-40px;opacity:1}10%{top:0;opacity:1}70%{top:0;opacity:1}to{top:-30px;opacity:0}}.page-self-study-study-university .page-self-study-study-university-content{padding:5px 30px}.page-self-study-study-university .page-self-study-study-university-content .select-wrapper{border:1px solid #303030;border-radius:16px;background-color:#fff;padding:0 20px}.page-self-study-study-university .page-self-study-study-university-content .select-wrapper:after{content:" ";position:absolute;background-image:url(/img/common/common-form-arrow.png);top:50%;right:27px;width:28px;height:23px;margin-top:-11px;pointer-events:none}.page-self-study-study-university .page-self-study-study-university-content select{border:none;background-color:#fff;-webkit-appearance:none}.page-self-study-study-university .page-self-study-study-university-content .university-student-progress .select-label{font-size:26px}.page-self-study-study-university .page-self-study-study-university-content .university-student-progress .select-box{position:relative;margin:10px 0}.page-self-study-study-university .page-self-study-study-university-content .university-student-progress .select-box.select-box-textbooks{position:sticky;position:-webkit-sticky;top:0}.page-self-study-study-university .page-self-study-study-university-content .university-student-progress .select-box select{height:100px;padding:35px 0;line-height:1;font-size:26px;width:650px;margin:5px 0}.page-self-study-study-university .page-self-study-study-university-content .university-student-progress .progress-container .progress-times{font-size:32px;font-weight:700;margin:32px 0;position:sticky;position:-webkit-sticky;top:112px;background-color:#fff}.page-self-study-study-university .page-self-study-study-university-content .university-student-progress .progress-container .progress-stage{font-size:28px}.page-self-study-study-university .page-self-study-study-university-content .university-student-progress .progress-container .progress-stage .progress-titles{margin-bottom:14px;border:2px solid #999;border-radius:16px;overflow:hidden;height:164px}.page-self-study-study-university .page-self-study-study-university-content .university-student-progress .progress-container .progress-stage .progress-titles .progress-title{margin:5px;display:inline-block;width:480px;height:100%;vertical-align:middle}.page-self-study-study-university .page-self-study-study-university-content .university-student-progress .progress-container .progress-stage .progress-titles .progress-title-homework-button{display:inline-block;width:170px;border:1px solid #de5900;height:134px;border-radius:45px;vertical-align:middle}.page-self-study-study-university .page-self-study-study-university-content .university-student-progress .progress-container .progress-stage .progress-titles .progress-title-homework-button .progress-homework-button{height:100%;position:relative}.page-self-study-study-university .page-self-study-study-university-content .university-student-progress .progress-container .progress-stage .progress-titles .progress-title-homework-button .progress-homework-button .progress-homework-button-text{position:absolute;top:0;left:0;bottom:0;right:0;width:128px;height:60px;margin:auto;font-size:48px}.page-self-study-study-university .page-self-study-study-university-content .university-student-progress .progress-container .progress-stage .progress-titles .progress-title-ct-result-button{display:inline-block;width:170px;border:1px solid #de5900;height:134px;border-radius:45px;vertical-align:middle;text-align:center;padding-top:16px}.page-self-study-study-university .page-self-study-study-university-content .university-student-progress .progress-container .progress-stage .progress-titles .progress-title-ct-result-button .progress-ctresult-button select{font-size:76px}.page-self-study-study-university .select-wrapper{width:100%}.page-self-study-study-university .curriculum-table{font-size:26px;margin-top:20px;line-height:26px}.page-self-study-study-university .curriculum-table *{box-sizing:initial}.page-self-study-study-university .curriculum-table .CurriculumContainer{max-width:100%;max-height:calc(100vh - 110px);overflow:scroll}.page-self-study-study-university .curriculum-table .CurriculumContainer .CurriculumTable{font-size:26px;line-height:26px;height:170px;border-collapse:collapse}.page-self-study-study-university .curriculum-table .CurriculumContainer .CurriculumTable td{border:1px solid grey}.page-self-study-study-university .curriculum-table .CurriculumContainer .CurriculumTable thead tr:first-child td{position:sticky;top:0;z-index:2;background-color:#fff}.page-self-study-study-university .curriculum-table .CurriculumContainer .CurriculumTable thead tr:nth-child(2) td{position:sticky;top:43px;z-index:2;background-color:#fff}.page-self-study-study-university .curriculum-table .CurriculumContainer .CurriculumTable .ColSchoolYear{position:sticky;left:0;z-index:1;background-color:#fff}.page-self-study-study-university .curriculum-table .CurriculumContainer .CurriculumTable .ColMonth{position:sticky;left:43px;z-index:1;background-color:#fff}.page-self-study-study-university .curriculum-table .CurriculumContainer .CurriculumTable .ColWeek{position:sticky;left:89px;z-index:1;background-color:#fff}.page-self-study-study-university .curriculum-table .CurriculumContainer .CurriculumTable .Textbook{min-width:130px;vertical-align:top;text-align:left}.page-self-study-study-university .curriculum-table .CurriculumContainer .CurriculumTable td{padding:8px;text-align:center;position:relative}.page-self-study-study-university .curriculum-table .CurriculumContainer .CurriculumTable tr.Month1{background-color:beige}.page-self-study-study-university .curriculum-table .CurriculumContainer .CurriculumTable tr.CurrentWeek td.Textbook{border-top:4px solid red}.page-self-study-study-university .curriculum-table .CurriculumContainer .CurriculumTable .CurriculumBox{position:absolute;width:100px;top:0;left:15px}.page-self-study-study-university .curriculum-table .CurriculumContainer .CurriculumTable .CurriculumStar{position:absolute;text-align:center;text-shadow:1px 0 4px #fff;color:#1e90ff}.group-common-timeline-item-content{font-size:26px}.group-common-timeline-item-content .reply-to{font-size:24px;height:34px;margin-bottom:20px;color:#888}.group-common-timeline-item-content .reply-to img{margin-top:5px;vertical-align:top}.group-common-timeline-item-content .textbook-icon{float:left;width:70px;height:70px;text-align:center;line-height:70px}.group-common-timeline-item-content .textbook-icon img{max-width:70px;max-height:70px}.group-common-timeline-item-content .textbook-icon+.study-info{margin-left:85px}.group-common-timeline-item-content .study-info{margin-bottom:20px}.group-common-timeline-item-content .duration{margin-top:4px}.group-common-timeline-item-content .duration:before{content:" ";display:inline-block;width:32px;height:30px;margin:3px 10px 0 0;vertical-align:top;background-image:url(/img/kan2/16/kan2-16-timeline-time.png)}.group-common-timeline-item-content ul.unit-list{margin:10px 0 2px;padding:0;list-style:none}.group-common-timeline-item-content ul.unit-list:before{content:" ";display:inline-block;float:left;width:32px;height:32px;background-image:url(/img/kan2/16/kan2-16-timeline-unit.png)}.group-common-timeline-item-content ul.unit-list li{margin-left:42px;line-height:1.2}.group-common-timeline-item-content ul.unit-list li.omitted{display:none}.group-common-timeline-item-content ul.unit-list li.sum{margin-top:7px}.group-common-timeline-item-content .unit-progress{margin-top:8px}.group-common-timeline-item-content .unit-progress .bar-frame{float:left;overflow:hidden;width:200px;height:28px;border-radius:14px;background:#fff}.group-common-timeline-item-content .unit-progress .bar-frame .bar{height:28px;background:#de5900}.group-common-timeline-item-content .unit-progress .text{font-size:22px;margin-left:220px}.group-common-timeline-item-content .comment{clear:left;white-space:pre-wrap;word-break:break-all}.group-common-timeline-item-content .comment+.image{margin-top:25px}.group-common-timeline-item-content .image img{max-width:300px;max-height:300px}.group-common-timeline-item-content .study-stamp{margin-bottom:-20px;height:200px}.group-common-timeline-item-content .study-stamp img{width:200px;height:200px}.group-common-timeline-item-content .action-buttons{margin-top:30px;height:60px;line-height:60px}.group-common-timeline-item-content .action-buttons .like-button{display:inline-block;margin:-10px 5px -10px -10px;padding:10px 5px;vertical-align:top;font-size:24px;font-weight:700}.group-common-timeline-item-content .action-buttons .like-button .visual-border{border:2px solid #888;border-radius:18px;height:60px;padding:0 20px;line-height:56px;color:#888}.group-common-timeline-item-content .action-buttons .like-button .visual-border:before{content:" ";display:inline-block;width:28px;height:26px;margin:15px 5px 0 0;background:url(/img/kan2/16/kan2-16-timeline-like-off.png);vertical-align:top}.group-common-timeline-item-content .action-buttons .like-button .visual-border .like-count:not(.is-zero){font-size:36px;font-weight:400}.group-common-timeline-item-content .action-buttons .like-button .send-like{height:60px;margin-top:-44px;position:absolute;font-size:24px;font-weight:700;color:#e30054}.group-common-timeline-item-content .action-buttons .like-button .send-like .send-point-text{display:inline-block}.group-common-timeline-item-content .action-buttons .like-button .send-like .send-point-text.animation{animation:get-send-like-point-text-animation 1s linear;opacity:0}.group-common-timeline-item-content .action-buttons .like-button .send-like .send-point-stars{display:inline-block;position:absolute;color:orange}.group-common-timeline-item-content .action-buttons .like-button .send-like .send-point-stars.send-point-star1{top:20px;left:-10px}.group-common-timeline-item-content .action-buttons .like-button .send-like .send-point-stars.send-point-star1.animation{animation:get-send-like-point-star1-animation .7s ease-out;opacity:0}.group-common-timeline-item-content .action-buttons .like-button .send-like .send-point-stars.send-point-star2{top:5px;left:50px}.group-common-timeline-item-content .action-buttons .like-button .send-like .send-point-stars.send-point-star2.animation{animation:get-send-like-point-star2-animation .7s ease-out;opacity:0}.group-common-timeline-item-content .action-buttons .like-button .send-like .send-point-stars.send-point-star3{top:20px;left:100px}.group-common-timeline-item-content .action-buttons .like-button .send-like .send-point-stars.send-point-star3.animation{animation:get-send-like-point-star3-animation .7s ease-out;opacity:0}.group-common-timeline-item-content .action-buttons .like-button .send-like .like-point-heart{position:absolute;top:41px;left:22px}.group-common-timeline-item-content .action-buttons .like-button .send-like .like-point-heart.animation{animation:send-point-heart-animation .6s ease-in-out;animation-fill-mode:both}.group-common-timeline-item-content .action-buttons .like-button.has-sent .visual-border{border-color:#e30054;color:#e30054}.group-common-timeline-item-content .action-buttons .like-button.has-sent .visual-border:before{background:url(/img/kan2/16/kan2-16-timeline-like-on.png);animation:sent-like .4s linear}.group-common-timeline-item-content .action-buttons .reply-button{display:inline-block;margin:-10px 5px -10px -10px;padding:10px 5px;vertical-align:top;font-size:24px}.group-common-timeline-item-content .action-buttons .reply-button .visual-border{border:2px solid #888;border-radius:18px;height:60px;padding:0 20px;line-height:56px;color:#888}.group-common-timeline-item-content .action-buttons .reply-button img{vertical-align:top;margin:16px 7px 0 0}.group-common-timeline-item-content .action-buttons .thread-button{display:inline-block;margin:-10px 5px -10px -10px;padding:10px 5px;vertical-align:top;font-size:24px}.group-common-timeline-item-content .action-buttons .thread-button .visual-border{border:2px solid #888;border-radius:18px;height:60px;padding:0 20px;line-height:56px;color:#888}.group-common-timeline-item-content .action-buttons .thread-button img{vertical-align:top;margin:16px 7px 0 0}.group-common-timeline-item-content .action-buttons .thread-button.exists-reply .visual-border{border-color:#e30054;color:#e30054}.group-common-timeline-item-content .action-buttons .delete-button{display:inline-block;margin:-10px 5px -10px -10px;padding:10px 5px;vertical-align:top;font-size:24px}.group-common-timeline-item-content .action-buttons .delete-button .visual-border{border:2px solid #888;border-radius:18px;height:60px;padding:0 20px;line-height:56px;color:#888}.group-common-timeline-item-content .action-buttons .delete-button img{vertical-align:top;margin:16px 7px 0 0}@keyframes sent-like{0%{opacity:0;transform:scale(0)}43%{opacity:.6;transform:scale(1.5)}57%{opacity:.8;transform:scale(1.8)}86%{opacity:1;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes get-send-like-point-text-animation{0%{opacity:1;transform:translateY(10px)}40%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes get-send-like-point-star1-animation{0%{opacity:1}to{opacity:0;transform:scale(.5) translate(-45px,-40px) rotate(.8turn)}}@keyframes get-send-like-point-star2-animation{0%{opacity:1}to{opacity:0;transform:scale(.5) translate(-20px,-80px) rotate(540deg)}}@keyframes get-send-like-point-star3-animation{0%{opacity:1}to{opacity:0;transform:scale(.5) translate(70px,-30px) rotate(.5turn)}}@keyframes send-point-heart-animation{0%{filter:drop-shadow(0 2px 2px rgba(0,0,0,.15));transform:scale(.5)}60%{filter:drop-shadow(0 9px 5px rgba(0,0,0,.15));transform:scale(1.4) translateY(-40px)}to{filter:drop-shadow(0 2px 2px rgba(0,0,0,.15));transform:scale(.3)}}.page-groups-common-top:before{content:" ";display:block;position:fixed;background-color:#fff;top:-100px;left:0;right:0;height:130px;z-index:5}.page-groups-common-top header{position:fixed;left:0;right:0;top:0;height:111px;background-color:#fff;text-align:center;font-size:36px;z-index:5}.page-groups-common-top header .group-select{display:inline-block;position:relative;height:111px}.page-groups-common-top header .group-select:after{content:" ";display:block;position:absolute;width:22px;height:16px;top:50%;margin-top:-8px;right:0;background:url(/img/kan2/16/1/kan2-16-1-group-arrow.png);pointer-events:none}.page-groups-common-top header .group-select select{position:relative;display:inline-block;height:111px;border:0 transparent;padding-right:44px;-webkit-appearance:none;background-color:#fff}.page-groups-common-top header .group-name{line-height:111px}.page-groups-common-top .timeline-menu{position:fixed;top:0;left:0;right:0;height:128px;background-color:#fff;z-index:5;padding:20px 30px 0}.page-groups-common-top .timeline-menu .self-icon-image{float:left;margin-top:4px;height:80px;width:80px}.page-groups-common-top .timeline-menu .self-icon-image img{height:80px;width:80px}.page-groups-common-top .timeline-menu .common-content-tab{margin-left:110px;margin-right:128px;height:88px}.page-groups-common-top .timeline-menu .common-content-tab li{width:33.3%;line-height:40px;font-weight:700}.page-groups-common-top .timeline-menu .switch-schoolhouse{float:right;border:3px solid #de5900;border-radius:15px;padding:0;margin:0;overflow:hidden;font-size:28px;text-align:center;width:120px;height:88px;cursor:pointer}.page-groups-common-top .timeline-menu .switch-schoolhouse label{font-weight:400;cursor:pointer;width:100%;color:#de5900}.page-groups-common-top .timeline-menu .switch-schoolhouse label #all-schoolhouse,.page-groups-common-top .timeline-menu .switch-schoolhouse label #my-schoolhouse{height:43px}.page-groups-common-top .timeline-menu .switch-schoolhouse label .active{font-weight:700;color:#fff;background-color:#de5900}.page-groups-common-top .timeline-menu .student-scope-button{float:right;border:3px solid #de5900;border-radius:15px;padding:0;margin:0;overflow:hidden;font-size:26px;font-weight:700;align-content:center;width:120px;height:88px;cursor:pointer;color:#fff;background-color:#de5900;text-align:center}.page-groups-common-top .timeline-menu .student-scope-button-down-triangle{display:inline-block;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:16px solid #fff}.page-groups-common-top .main-content{margin-top:128px}.page-groups-common-top .partials-tabs{z-index:5}.page-groups-common-top.multiple-groups .timeline-menu{top:111px;height:108px;padding-top:0}.page-groups-common-top.multiple-groups .main-content{margin:219px 0 0}#student-scope-dialog .common-content-tab{margin:40px}#student-scope-dialog .common-content-tab.timeline-type{position:relative}#student-scope-dialog .common-content-tab div{float:left;line-height:60px;font-weight:700;font-size:28px;display:flex;justify-content:center;align-items:center;background-color:#fff;cursor:pointer}#student-scope-dialog .common-content-tab div.active{background-color:#de5900;color:#fff}#student-scope-dialog .common-content-tab div:not(.active){background-color:#fff;color:#de5900}#student-scope-dialog .common-content-tab div.timeline-type-change{position:absolute;top:34%;left:35%;height:32%;width:30%;border:3px solid #de5900;border-radius:18px;font-size:18px}#student-scope-dialog .common-content-tab div.timeline-type-change.active{border-color:#fff}#student-scope-dialog .common-content-tab div.student-scope-item.three-items{width:33.3%;height:100%}#student-scope-dialog .common-content-tab div.student-scope-item.two-items{width:50%;height:100%}#student-scope-dialog .common-content-tab div.timeline-type-item{width:50%;height:50%}#student-scope-dialog .common-content-tab div.student-scope-item:nth-child(n+2),#student-scope-dialog .common-content-tab div.timeline-type-item:nth-child(2n){border-left:3px solid}#student-scope-dialog .common-content-tab div.timeline-type-item:nth-child(n+3){border-top:3px solid}#student-scope-dialog .common-content-tab div.timeline-type-item.active{border-color:#fff}#student-scope-dialog .common-content-tab div.timeline-type-item:no(.active){border-color:#de5900}#student-scope-dialog .timeline-type{height:188px}#student-scope-dialog #all-select-button,#student-scope-dialog #unselect-button{border:2px solid #888;border-radius:18px;height:20px;padding:5px;line-height:10px;color:#888}#student-scope-dialog .footer-button-panel{margin:60px 100px 40px}.page-groups-index ul.timeline{padding:30px 30px 154px}.page-groups-index ul.timeline li.timeline-item:last-child{padding-bottom:160px}.page-groups-index ul.timeline li.loading{text-align:center;padding:30px 0}.page-groups-index .post-stamp-button{position:fixed;right:40px;bottom:195px;height:150px;width:150px;border-radius:75px;padding-top:93px;line-height:26px;background-color:#de5900;color:#fff;font-size:26px;text-align:center;box-shadow:0 5px 22px rgba(0,0,0,.6)}.page-groups-index .post-stamp-button:before{content:" ";display:inline-block;position:absolute;width:54px;height:48px;top:32px;left:50%;margin-left:-27px;background-image:url(/img/kan2/16/1/kan2-16-1-post.png)}.page-groups-index .post-stamp-button.touch{box-shadow:0 3px 12px rgba(0,0,0,.6)}.group-index-stamp-selector-background{position:fixed;display:none;top:0;bottom:0;left:0;right:0;z-index:10;background:hsla(0,0%,100%,.7)}.group-index-stamp-form{position:fixed;display:none;z-index:12;left:0;right:0;bottom:440px;height:320px}.group-index-stamp-form .selected-stamp{margin:0 auto;width:200px;height:200px}.group-index-stamp-form .selected-stamp img{height:200px;width:200px}.group-index-stamp-form .send-button{margin-top:10px;height:80px;width:200px;line-height:80px}.group-index-stamp-selector{position:fixed;right:0;left:0;bottom:0;height:440px;z-index:11;opacity:0;transform:translateY(440px);transition:transform .2s ease-in-out,opacity .2s ease-in-out}.group-index-stamp-selector.slide-in{transform:translate(0);opacity:1}.group-index-stamp-selector .selector-close{position:absolute;z-index:2;right:15px;top:110px;width:88px;height:88px;line-height:0}.group-index-stamp-selector .selector-close img{filter:drop-shadow(0 0 5px #fff)}.group-index-stamp-selector .selector-tab{position:absolute;margin:0;padding:0 0 0 60px;height:88px;z-index:1;list-style:none}.group-index-stamp-selector .selector-tab li{height:88px;float:left;margin-right:-20px;border:6px solid #878787;border-bottom:0 transparent;border-radius:40px 40px 0 0;padding:0 70px;background:#fff;line-height:88px;font-size:26px}.group-index-stamp-selector .selector-tab li a{display:block;color:#878787}.group-index-stamp-selector .selector-tab li.active{height:94px;position:relative;border-color:#de5900;background:#fff;color:#de5900;z-index:2}.group-index-stamp-selector .selector-tab li .with-icon:before{content:" ";display:inline-block;margin:-8px 10px 0 0;vertical-align:middle}.group-index-stamp-selector .selector-tab li.stamp .with-icon:before{width:48px;height:48px;background-image:url(/img/kan2/16/kan2-16-icon-tab-stamp.png)}.group-index-stamp-selector .selector-tab li.comment .with-icon:before{width:48px;height:44px;background-image:url(/img/kan2/16/kan2-16-icon-tab-comment.png)}.group-index-stamp-selector .stamp-list-outer{margin:88px 0 0;position:relative;height:352px;width:100%;overflow:hidden;border-top:6px solid #de5900;background:#fff}.group-index-stamp-selector .stamp-list-outer .stamp-list{list-style:none;margin:0;padding:70px 0 15px 15px;overflow:auto;height:352px}.group-index-stamp-selector .stamp-list-outer .stamp-list li{display:block;float:left;width:180px;height:180px}.group-index-stamp-selector .stamp-list-outer .stamp-list li img{width:180px;height:180px}.page-groups-units-index .study-units{padding:10px 30px 154px}.page-groups-units-index .study-units ul.student-unit-list{margin:88px 0 0;padding:0;list-style:none}.page-groups-units-index .study-units ul.student-unit-list li{position:relative;height:90px;padding:0 20px;line-height:90px;font-size:28px}.page-groups-units-index .study-units ul.student-unit-list li.is-me{background-color:#fff4e9}.page-groups-units-index .study-units ul.student-unit-list li .student-name{float:left;width:280px;height:90px;white-space:nowrap}.page-groups-units-index .study-units ul.student-unit-list li .student-name .icon{display:inline-block;vertical-align:middle;width:60px;height:60px;margin-right:10px}.page-groups-units-index .study-units ul.student-unit-list li .student-name .icon .icon-image{width:60px;height:60px}.page-groups-units-index .study-units ul.student-unit-list li .student-name .nickname{display:inline-block;text-overflow:ellipsis;overflow:hidden;width:220px;line-height:1em;vertical-align:middle}.page-groups-units-index .study-units ul.student-unit-list li .number-of-units{float:left;width:65px;text-align:right}.page-groups-units-index .study-units ul.student-unit-list li .unit-name-of-english-word{float:right;height:90px;text-align:right}.page-groups-units-index .study-units ul.student-unit-list li .bar-container{float:left;margin:35px 0 0 20px;width:240px;height:20px}.page-groups-units-index .study-units ul.student-unit-list li .bar-container .bar{position:relative;height:20px;box-sizing:initial;background-color:#de5900}.page-groups-units-index .study-units ul.student-unit-list li .bar-container .bar:after{content:" ";display:block;position:absolute;right:-40px;top:-15px;width:40px;height:50px;background-image:url(/img/kan2/16/6/kan2-16-6-arrowhead.png)}.page-groups-units-index .study-units ul.student-unit-list li .rank-up{position:absolute;border-radius:10px;padding:5px 15px;top:65px;left:100px;width:auto;height:auto;line-height:1;background:#e31454;color:#fff;font-size:26px}.page-groups-units-index .study-unit-tab-container{position:fixed;top:128px;left:0;right:0;padding:0 30px;width:100%;background-color:#fff;z-index:1}.page-groups-units-index .study-unit-tab-container ul.study-unit-tab{height:88px;list-style:none;padding:0;border-radius:15px;border:3px solid #de5900;font-size:28px;font-weight:700;overflow:hidden}.page-groups-units-index .study-unit-tab-container ul.study-unit-tab li{width:50%;text-align:center;float:left}.page-groups-units-index .study-unit-tab-container ul.study-unit-tab li a{display:block;color:#de5900}.page-groups-units-index .study-unit-tab-container ul.study-unit-tab li.study{line-height:88px}.page-groups-units-index .study-unit-tab-container ul.study-unit-tab li.english-word{line-height:44px}.page-groups-units-index .study-unit-tab-container ul.study-unit-tab li.active{background-color:#de5900;color:#fff}.page-groups-units-index .unit-name-of-english-word{font-size:30px;margin-left:5%;margin-top:50px}.page-groups-units-index .student-eng{margin-left:10%}.page-groups-time-index .study-time{padding:10px 30px 154px;background-color:#fff;z-index:1}.page-groups-time-index .study-time .bar-type{list-style:none;margin:12px 0 25px;padding:0;height:88px}.page-groups-time-index .study-time .bar-type li{float:left;position:relative;height:88px;width:25%;line-height:70px;text-align:center;font-size:26px;background-color:initial;color:#878787;cursor:pointer}.page-groups-time-index .study-time .bar-type li.active{color:#de5900;border-bottom:6px solid #de5900;cursor:auto}.page-groups-time-index .study-time .bar-type li:nth-child(n+2):before{content:" ";display:inline-block;position:absolute;left:-1px;top:7px;width:2px;height:60px;background-color:#c1c1c1}.page-groups-time-index .study-time .time-bars-outer{overflow:hidden}.page-groups-time-index .study-time .time-bars-outer ul.time-bars{display:none;margin:0;padding:0;overflow:auto;list-style:none}.page-groups-time-index .study-time .time-bars-outer ul.time-bars.time-bars-weekly{display:block}.page-groups-time-index .study-time .time-bars-outer ul.time-bars>li{position:relative;padding:0 20px;line-height:90px;overflow:hidden;font-size:26px}.page-groups-time-index .study-time .time-bars-outer ul.time-bars>li.is-me{background-color:#fff4e9}.page-groups-time-index .study-time .time-bars-outer ul.time-bars>li .student-name{float:left;width:260px;font-size:26px;white-space:nowrap}.page-groups-time-index .study-time .time-bars-outer ul.time-bars>li .student-name .icon{display:inline-block;vertical-align:middle;width:60px;height:60px;margin-right:10px}.page-groups-time-index .study-time .time-bars-outer ul.time-bars>li .student-name .icon .icon-image{width:60px;height:60px}.page-groups-time-index .study-time .time-bars-outer ul.time-bars>li .student-name .nickname{white-space:nowrap;display:inline-block;line-height:1em;width:200px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.page-groups-time-index .study-time .time-bars-outer ul.time-bars>li ul.bar-list{margin:35px 150px 35px 295px;min-height:20px;padding:0;list-style:none}.page-groups-time-index .study-time .time-bars-outer ul.time-bars>li ul.bar-list .bar-container{margin-bottom:4px;padding:0 6px;height:12px}.page-groups-time-index .study-time .time-bars-outer ul.time-bars>li ul.bar-list .bar-container .bar{height:0;margin:0 -6px;border:6px solid #de5900;border-radius:7px;box-sizing:initial;background-color:#de5900}.page-groups-time-index .study-time .time-bars-outer ul.time-bars>li ul.bar-list .bar-container:last-child{margin-bottom:0;padding:0 10px;height:20px}.page-groups-time-index .study-time .time-bars-outer ul.time-bars>li ul.bar-list .bar-container:last-child .bar{margin:0 -10px;border:10px solid #de5900;border-radius:10px}.page-groups-time-index .study-time .time-bars-outer ul.time-bars>li .duration{float:right;height:90px;color:#262626;text-align:right;font-size:22px}.page-groups-calendar-show{position:fixed;top:0;bottom:0;left:0;right:0}.page-groups-calendar-show .calendar-container{position:absolute;top:143px;bottom:30px;left:30px;right:30px;border:2px solid #adadad;border-radius:8px}.page-groups-calendar-show .calendar-container .calendar-header-container{height:118px;background-color:#eaeaea}.page-groups-calendar-show .calendar-container .calendar-header-container .calendar-header{display:table;height:118px;width:100%;table-layout:fixed}.page-groups-calendar-show .calendar-container .calendar-header-container .calendar-header .hours-header{display:table-cell;width:13.2%}.page-groups-calendar-show .calendar-container .calendar-header-container .calendar-header .day-header{display:table-cell;width:12.4%;text-align:center}.page-groups-calendar-show .calendar-container .calendar-header-container .calendar-header .day-header.weekend:not(:last-child){color:#d30043}.page-groups-calendar-show .calendar-container .calendar-header-container .calendar-header .day-header.saturday:not(:last-child){color:#1360c0}.page-groups-calendar-show .calendar-container .calendar-header-container .calendar-header .day-header .day{margin-top:23px;height:32px;line-height:32px;font-size:32px}.page-groups-calendar-show .calendar-container .calendar-header-container .calendar-header .day-header .day-of-week{margin-top:15px;font-size:22px}.page-groups-calendar-show .calendar-container .calendar-header-container .calendar-header .day-header:last-child{background-color:#de5900;color:#fff}.page-groups-calendar-show .calendar-container .calendar-header-container .calendar-header .day-header:last-child .day{font-size:28px}.page-groups-calendar-show .calendar-container .calendar-body-container{position:absolute;top:118px;bottom:0;left:0;right:0;overflow:scroll}.page-groups-calendar-show .calendar-container .calendar-body-container .calendar-body{display:table;table-layout:fixed;width:100%}.page-groups-calendar-show .calendar-container .calendar-body-container .calendar-body .hours{display:table-cell;width:13.2%;text-align:center;font-size:22px}.page-groups-calendar-show .calendar-container .calendar-body-container .calendar-body .hours .hour{height:52px;margin-right:13px;text-align:right;line-height:0}.page-groups-calendar-show .calendar-container .calendar-body-container .calendar-body .day-lane{display:table-cell;position:relative;width:12.4%;height:100%;border-left:2px solid #c1c1c1;background-image:url(/img/kan2/16/4/kan2-16-4-calendar-bg.svg);background-size:100% 52px;background-repeat:repeat-y}.page-groups-calendar-show .calendar-container .calendar-body-container .calendar-body .day-lane .calendar-data{position:absolute;margin-left:19%;width:62%;border-radius:8px;background-color:#de5900}.page-groups-calendar-show .calendar-container .calendar-body-container .calendar-body .day-lane .calendar-data.continue-first{border-top-left-radius:0;border-top-right-radius:0}.page-groups-calendar-show .calendar-container .calendar-body-container .calendar-body .day-lane .calendar-data.continue-last{border-bottom-left-radius:0;border-bottom-right-radius:0}#timeline-content-dialog{padding:22px 29px}#timeline-content-dialog .bar-frame{border:2px solid #de5900}.page-groups-post-comment-show .timeline{border-bottom:2px solid #adadad;margin-bottom:30px}.page-groups-post-comment-show .reply-to{font-size:26px;line-height:37px}.page-groups-post-comment-show .reply-to img{margin-top:7px;vertical-align:top}.page-groups-post-comment-show textarea{width:100%}.page-groups-post-comment-show label.image-button{margin-top:25px;width:100px;height:100px}.page-groups-post-comment-show input#image{visibility:hidden;width:1px;height:1px}.page-groups-post-comment-show .image-preview{display:none;text-align:center;margin-top:74px}.page-groups-post-comment-show .image-preview .image-box{position:relative;display:inline-block;font-size:0}.page-groups-post-comment-show .image-preview .image-box img{max-width:285px;max-height:285px}.page-groups-post-comment-show .image-preview .image-box .close-button{position:absolute;display:block;right:-44px;top:-44px;width:88px;height:88px;background-image:url(/img/kan2/16/3/kan2-16-3-icon-close.png)}.page-groups-post-comment-show .alert-message{text-align:center;font-size:24px}.page-groups-post-comment-show .staff-alert-message{font-size:24px;margin-top:10px}.dialog-thread-show .dialog-thread{max-height:80vh;overflow:scroll;overscroll-behavior:contain}.dialog-thread-show .dialog-thread li{width:80vw}.page-notifications-index .notification-page-body{max-height:999999px;padding:0 30px 154px}.page-notifications-index .notification-page-body .no-data{margin:124px 10px 0;color:#888;line-height:64px;text-align:center;font-size:30px;font-weight:400}.page-notifications-index .notification-page-body ul.notification-list{margin:0;padding:0;list-style:none}.page-notifications-index .notification-page-body ul.notification-list li{padding:30px;border-bottom:2px solid #c1c1c1;font-size:26px}.page-notifications-index .notification-page-body ul.notification-list li.important,.page-notifications-index .notification-page-body ul.notification-list li.unread{background-color:#fff4e9}.page-notifications-index .notification-page-body ul.notification-list li.important .text,.page-notifications-index .notification-page-body ul.notification-list li.unread .text{font-weight:700}.page-notifications-index .notification-page-body ul.notification-list li.unread .icon:after{content:" ";position:absolute;display:block;right:-25px;top:-12px;width:70px;height:32px;background-image:url(/img/kan2/17/1/kan2-17-1-new.png)}.page-notifications-index .notification-page-body ul.notification-list li .icon{position:relative;float:left;width:80px;height:80px;text-align:center;line-height:80px}.page-notifications-index .notification-page-body ul.notification-list li .icon .icon-image{width:80px;height:80px}.page-notifications-index .notification-page-body ul.notification-list li .icon img{width:80px;height:80px;vertical-align:middle}.page-notifications-index .notification-page-body ul.notification-list li .icon img.mini-icon{width:auto;height:auto;max-width:60px;max-height:60px}.page-notifications-index .notification-page-body ul.notification-list li .text{margin-left:120px;font-size:28px;color:#262626}.page-notifications-index .notification-page-body ul.notification-list li .time-and-point{margin:10px 0 0 120px}.page-notifications-index .notification-page-body ul.notification-list li .time{display:inline-block;font-size:20px;color:#262626}.page-notifications-index .notification-page-body ul.notification-list li .point{display:inline-block;margin-left:10px;font-size:20px;color:#149062;font-weight:700}.page-settings-index .settings-content{padding:5px 30px 184px}.page-settings-index .settings-content ul.menu-list{list-style:none;margin:0;padding:0}.page-settings-index .settings-content ul.menu-list li{height:112px;line-height:112px;padding:0 16px;border-bottom:2px solid #d5d5d5;font-size:30px;clear:left}.page-settings-index .settings-content ul.menu-list li a{position:relative;display:block;height:112px;color:#262626}.page-settings-index .settings-content ul.menu-list li a:after{content:url(/img/common/common-arrow-forward.png);position:absolute;top:50%;right:10px;margin-top:-16px;width:auto;height:32px;line-height:32px;vertical-align:middle}.page-settings-index .settings-content ul.menu-list li a .icon{float:left;display:block;margin-left:-16px;margin-right:7px;width:67px;text-align:center}.page-settings-index .settings-content ul.menu-list li.logout{color:#be0004}.page-settings-index .settings-content ul.menu-list li.logout label{display:block;margin:0;font-weight:400}.page-settings-index .settings-content ul.menu-list li.logout label .logout-button{padding:0;border-width:0;background-color:initial}.page-settings-index .settings-content ul.menu-list li.level-information .student-level{display:inline-block;width:43px;height:43px;line-height:43px;border-radius:50%;text-align:center;border:1px solid}.page-settings-profile-index{overflow:hidden;padding-bottom:50px}.page-settings-profile-index .settings-content{padding:0 30px}.page-settings-profile-index .settings-content .profile-box{margin:65px 10px 0;border-radius:20px;padding:20px;text-shadow:2px 2px 4px #fff,2px -2px 4px #fff,-2px 2px 4px #fff,-2px -2px 4px #fff;background-size:cover;background-position:50%;position:relative}.page-settings-profile-index .settings-content .profile-box .frame{position:absolute;margin:0;left:0;right:0;top:0;bottom:0;pointer-events:none}.page-settings-profile-index .settings-content .profile-box .frame .frame-left{position:absolute;left:-50px;width:100px;top:25px;bottom:25px}.page-settings-profile-index .settings-content .profile-box .frame .frame-right{position:absolute;right:-50px;width:100px;top:25px;bottom:25px}.page-settings-profile-index .settings-content .profile-box .frame .frame-top{position:absolute;left:25px;right:25px;top:-50px;height:100px}.page-settings-profile-index .settings-content .profile-box .frame .frame-bottom{position:absolute;left:25px;right:25px;bottom:-50px;height:100px}.page-settings-profile-index .settings-content .profile-box .frame .frame-top-left{position:absolute;left:-50px;top:-50px;width:100px;height:100px}.page-settings-profile-index .settings-content .profile-box .frame .frame-top-right{position:absolute;right:-50px;top:-50px;width:100px;height:100px}.page-settings-profile-index .settings-content .profile-box .frame .frame-bottom-left{position:absolute;left:-50px;bottom:-50px;width:100px;height:100px}.page-settings-profile-index .settings-content .profile-box .frame .frame-bottom-right{position:absolute;right:-50px;bottom:-50px;width:100px;height:100px}.page-settings-profile-index .settings-content .profile-box .profile-content{margin:25px}.page-settings-profile-index .settings-content .profile-box .profile-content .icon{float:left;margin-left:20px;width:120px;text-align:center}.page-settings-profile-index .settings-content .profile-box .profile-content .icon .icon-image{width:120px;height:120px;position:relative}.page-settings-profile-index .settings-content .profile-box .profile-content .icon .icon-edit-button{display:inline-block;margin-top:60px;width:120px;height:70px;line-height:68px;font-size:26px}.page-settings-profile-index .settings-content .profile-box .profile-content .icon input#image{visibility:hidden;width:1px;height:1px}.page-settings-profile-index .settings-content .profile-box .profile-content .nickname{position:relative;margin-left:185px;min-height:140px;font-size:32px}.page-settings-profile-index .settings-content .profile-box .profile-content .nickname .display-nickname .nickname-text{padding-top:37px;width:312px}.page-settings-profile-index .settings-content .profile-box .profile-content .nickname .display-nickname .edit-nickname-button{top:18px;right:0;width:120px;height:70px;line-height:68px;padding:0}.page-settings-profile-index .settings-content .profile-box .profile-content .nickname .edit-nickname{display:none;padding-top:16px}.page-settings-profile-index .settings-content .profile-box .profile-content .nickname .edit-nickname input{width:292px;height:80px}.page-settings-profile-index .settings-content .profile-box .profile-content .nickname .edit-nickname .save-nickname-button{top:18px;right:0;width:120px;height:70px;line-height:68px;padding:0}.page-settings-profile-index .settings-content .profile-box .profile-content .nickname .edit-nickname .save-nickname-button.disabled{font-size:0}.page-settings-profile-index .settings-content .profile-box .profile-content .nickname .edit-nickname .save-nickname-button.disabled:before{content:"\6587\5B57\6570\A\30AA\30FC\30D0\30FC";font-size:20px;white-space:pre;line-height:1.62;display:block}.page-settings-profile-index .settings-content .profile-box .profile-content .nickname .no-nickname-alert{display:none;margin:8px 0 0;color:#666;font-size:24px}.page-settings-profile-index .settings-content .profile-box .profile-content .nickname .edit-nickname-button,.page-settings-profile-index .settings-content .profile-box .profile-content .nickname .save-nickname-button{position:absolute;display:inline-block;margin:0;width:140px;height:84px;line-height:78px}.page-settings-profile-index .settings-content .profile-box .profile-content .background{margin-top:40px;margin-left:20px;display:inline-block;width:200px;vertical-align:bottom}.page-settings-profile-index .settings-content .profile-box .profile-content .background .background-edit-button{width:200px;height:70px;line-height:68px;font-size:26px}.page-settings-profile-index .settings-content .profile-box .profile-content .background input#image-background{visibility:hidden;width:1px;height:1px}.page-settings-profile-index .settings-content .profile-box .profile-content .frame-button{margin-left:18px;display:inline-block;width:198px;vertical-align:bottom;margin-right:-20px}.page-settings-profile-index .settings-content .profile-box .profile-content .frame-button img{width:40px;height:40px}.page-settings-profile-index .settings-content .profile-box .profile-content .frame-button .frame-edit-button{height:70px;line-height:68px;overflow:hidden}.page-settings-profile-index .settings-content .profile-box .profile-content .frame-button .frame-edit-button .frame-level{vertical-align:middle;font-size:32px;border-radius:50%;display:inline-block;width:1.1em;height:1.1em;line-height:normal;margin:0 -8px;text-shadow:none;background-color:#000;color:#fff;opacity:.5}.page-settings-profile-index .settings-content .profile-box .profile-content .frame-button .frame-edit-button .frame-edit-button-text{vertical-align:middle;font-size:26px}.page-settings-profile-index .settings-content .profile-box .profile-content .frame-button .frame-edit-button.notOpenFrame{border-color:grey;background-color:#d0d0d0;color:grey}.page-settings-profile-index .settings-content .profile-box .profile-content .profile-items{clear:left;padding-top:20px;position:relative}.page-settings-profile-index .settings-content .profile-box .profile-content .profile-items dl{margin:0}.page-settings-profile-index .settings-content .profile-box .profile-content .profile-items dl dt{float:left;padding-top:17px;height:60px;max-width:180px;color:#262626;font-size:28px}.page-settings-profile-index .settings-content .profile-box .profile-content .profile-items dl dd{position:relative;margin:0 0 10px 200px;min-height:80px;color:#262626;font-size:28px}.page-settings-profile-index .settings-content .profile-box .profile-content .profile-items dl dd .display-profile .profile-text{margin-right:140px;padding-top:17px}.page-settings-profile-index .settings-content .profile-box .profile-content .profile-items dl dd .display-profile .edit-profile-button{position:absolute;top:2px;right:0;width:120px;height:70px;line-height:68px;padding:0}.page-settings-profile-index .settings-content .profile-box .profile-content .profile-items dl dd .edit-profile{display:none}.page-settings-profile-index .settings-content .profile-box .profile-content .profile-items dl dd .edit-profile input{height:80px;width:254px}.page-settings-profile-index .settings-content .profile-box .profile-content .profile-items dl dd .edit-profile input.profile-birthday{display:inline-block;width:86px}.page-settings-profile-index .settings-content .profile-box .profile-content .profile-items dl dd .edit-profile textarea{height:240px;width:254px}.page-settings-profile-index .settings-content .profile-box .profile-content .profile-items dl dd .edit-profile select{height:80px;width:254px;padding:0 0 0 30px}@media (min-width:769px){.page-settings-profile-index .settings-content .profile-box .profile-content .profile-items dl dd .edit-profile select.multiple-select{height:300px;padding-top:5px;padding-left:10px}}.page-settings-profile-index .settings-content .profile-box .profile-content .profile-items dl dd .edit-profile .save-profile-button{position:absolute;top:2px;right:0;width:120px;height:70px;line-height:68px;padding:0}.page-settings-profile-index .settings-content .profile-box .profile-content .profile-items dl dd .edit-profile .save-profile-button.disabled{font-size:0}.page-settings-profile-index .settings-content .profile-box .profile-content .profile-items dl dd .edit-profile .save-profile-button.disabled:before{content:"\6587\5B57\6570\A\30AA\30FC\30D0\30FC";font-size:20px;white-space:pre;line-height:1.62;display:block}.page-settings-profile-index .settings-content .profile-box .profile-content .profile-items .lock-profile-detail{position:absolute;left:-20px;right:-20px;top:0;bottom:0;background-color:rgba(0,0,0,.5)}.page-settings-profile-index .settings-content .profile-box .profile-content .profile-items .lock-profile-detail .lock-profile-detail-content{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:240px;height:120px}.page-settings-profile-index .settings-content .profile-box .profile-content .profile-items .lock-profile-detail .lock-profile-detail-content img{width:120px;height:120px;filter:grayscale() brightness(50%)}.page-settings-profile-index .settings-content .profile-box .profile-content .profile-items .lock-profile-detail .lock-profile-detail-content .profile-level{font-size:98px;vertical-align:middle;border-radius:50%;display:inline-block;text-shadow:none;width:1.1em;height:1.1em;line-height:1.1em;text-align:center;background-color:#000;color:#fff;opacity:.5}.frame-dialog.ui-widget.ui-widget-content{border:6px solid #de5900;border-radius:20px}.frame-dialog.ui-widget.ui-widget-content .ui-dialog-titlebar{display:none}.frame-dialog.ui-widget.ui-widget-content .ui-dialog-buttonpane{border:0 transparent}.frame-dialog.ui-widget.ui-widget-content .ui-dialog-content.ui-widget-content{overflow:visible}.frame-dialog.ui-widget.ui-widget-content .ui-widget-overlay{background-color:#fff;opacity:.2}.frame-dialog.ui-widget.ui-widget-content #frame-dialog{position:relative;overflow:hidden}.frame-dialog.ui-widget.ui-widget-content #frame-dialog .frames-container{width:532px;margin:20px auto auto}.frame-dialog.ui-widget.ui-widget-content #frame-dialog .frames-container .frame-container{display:inline-block;margin:12px 6px;width:118px;height:80px;background-position:50%}.frame-dialog.ui-widget.ui-widget-content #frame-dialog .frames-container .frame-label{width:100%;height:100%}.frame-dialog.ui-widget.ui-widget-content #frame-dialog .frames-container input[type=radio]{display:none}.frame-dialog.ui-widget.ui-widget-content #frame-dialog .frames-container input[type=radio]:checked+label{border:4px solid #de5900}.frame-dialog.ui-widget.ui-widget-content #frame-dialog .frames-container .frame-radio{width:100%;height:100%}.frame-dialog.ui-widget.ui-widget-content #frame-dialog .buttons-pane{margin:32px 0}.frame-dialog.ui-widget.ui-widget-content #frame-dialog .buttons-pane .dialog-close-button{font-size:38px;width:520px}.page-settings-about .settings-content{padding:5px 30px 30px}.page-settings-about .settings-content ul.menu-list{list-style:none;margin:0;padding:0}.page-settings-about .settings-content ul.menu-list li{height:112px;line-height:112px;padding:0 16px;border-bottom:2px solid #d5d5d5;font-size:30px;clear:left}.page-settings-about .settings-content ul.menu-list li a{position:relative;display:block;height:112px;color:#262626}.page-settings-about .settings-content ul.menu-list li a:after{content:url(/img/common/common-arrow-forward.png);position:absolute;top:50%;right:10px;margin-top:-16px;width:auto;height:32px;line-height:32px;vertical-align:middle}.page-settings-about .settings-content ul.menu-list li a .icon{float:left;display:block;margin-left:-16px;margin-right:7px;width:67px;text-align:center}.page-settings-account-index .settings-content{padding:0 30px}.page-settings-account-index .settings-content .account-info,.page-settings-account-index .settings-content .homework,.page-settings-account-index .settings-content .statistics{margin:40px 10px 0}.page-settings-account-index .settings-content .account-info h3,.page-settings-account-index .settings-content .homework h3,.page-settings-account-index .settings-content .statistics h3{margin-bottom:20px;font-size:32px;font-weight:700}.page-settings-account-index .settings-content .account-info dl,.page-settings-account-index .settings-content .homework dl,.page-settings-account-index .settings-content .statistics dl{margin:0}.page-settings-account-index .settings-content .account-info dl dt,.page-settings-account-index .settings-content .homework dl dt,.page-settings-account-index .settings-content .statistics dl dt{float:left;height:60px;line-height:60px;color:#262626;font-size:26px;font-weight:400}.page-settings-account-index .settings-content .account-info dl dd,.page-settings-account-index .settings-content .homework dl dd,.page-settings-account-index .settings-content .statistics dl dd{margin-left:160px;height:60px;line-height:60px;color:#262626;font-size:28px}.page-settings-account-index .settings-content .account-info dl dd .number,.page-settings-account-index .settings-content .homework dl dd .number,.page-settings-account-index .settings-content .statistics dl dd .number{font-size:32px}.page-settings-account-index .settings-content a.leave{display:block;position:relative;margin-top:80px;height:128px;line-height:128px;padding:0 16px;border-top:2px solid #d5d5d5;border-bottom:2px solid #d5d5d5;font-size:30px;color:#888}.page-settings-account-index .settings-content a.leave:after{content:url(/img/common/common-arrow-list-forward.png);position:absolute;top:50%;right:20px;margin-top:-16px;width:auto;height:32px;line-height:32px;vertical-align:middle}.page-settings-leave-confirm .common-page-body{padding:80px 60px 0}.page-settings-leave-confirm .common-page-body p{font-size:26px;margin-bottom:30px}.page-settings-leave-confirm .common-page-body .main-button{margin-top:80px}.page-settings-leave-finish .common-page-body{padding:100px 100px 0}.page-settings-leave-finish .common-page-body p{font-size:26px;margin-bottom:30px}.page-settings-level-information-index header.partials-main-header{padding-bottom:30px}.page-settings-level-information-index header.partials-main-header .icon{height:96px;line-height:96px}.page-settings-level-information-index header.partials-main-header .icon .icon-image{width:96px;height:96px}.page-settings-level-information-index header.partials-main-header .nickname{margin-left:120px}.page-settings-level-information-index .level-up-item-container{margin:10px 30px 0;border-bottom:2px solid #535353}.page-settings-level-information-index .level-up-item-container .level-up-item{height:180px;padding-left:20px}.page-settings-level-information-index .level-up-item-container .level-up-item .level{width:96px;height:96px;line-height:96px;border-radius:50%;text-align:center;font-size:72px;display:inline-block;vertical-align:middle}.page-settings-level-information-index .level-up-item-container .level-up-item .items{vertical-align:middle;display:inline-block;font-size:28px;padding-left:20px}.page-settings-level-information-index .level-up-item-container .level-up-item .items .item-container{display:inline-block;text-align:center;width:175px}.page-settings-level-information-index .level-up-item-container .level-up-item .items .item-container.gray img{filter:grayscale(1)}.page-settings-level-information-index .level-up-item-container .level-up-item .items .item-container img{width:120px;height:120px}.page-settings-level-information-index .level-up-item-container .level-up-item .items .item-container .item-text{padding:2px 12px;font-size:23px;border-radius:17px;border:1px solid #de5900;color:#de5900;height:34px;min-width:160px;display:inline-block}.page-settings-level-information-index .level-up-item-container .level-up-more{height:120px;padding-left:20px}.page-settings-level-information-index .level-up-item-container .level-up-more .point-text{font-size:56px;text-align:center;line-height:140px}.page-settings-level-information-index .level-up-icon-container{margin:10px 30px 0}.page-settings-level-information-index .level-up-icon-container .items{vertical-align:middle;display:inline-block;font-size:28px;padding-left:20px}.page-settings-level-information-index .level-up-icon-container .items .item-container{display:inline-block;text-align:center;width:160px;padding-bottom:20px}.page-settings-level-information-index .level-up-icon-container .items .item-container div{width:100px;height:100px;background-size:contain;background-repeat:no-repeat;background-position:50%;display:inline-block;margin:0}.page-settings-level-information-index .level-up-icon-container .items .item-container .item-text{padding:2px 12px;font-size:23px;border-radius:17px;border:1px solid #de5900;color:#de5900;height:34px;width:140px;display:inline-block}.student-level-box{margin-left:40px}.student-level-box .level{display:inline-block;text-align:center;width:150px}.student-level-box .level .level-text{font-size:44px;line-height:53px}.student-level-box .level .level-icon{width:150px;height:150px;line-height:150px;border-radius:50%;text-align:center;font-size:114px}.student-level-box .next-level-container{display:inline-block;margin-left:40px;vertical-align:bottom}.student-level-box .next-level-container .next-level{font-size:26px;text-align:right}.student-level-box .next-level-container .next-level .next-level-text{width:48px;height:48px;line-height:48px;border-radius:50%;text-align:center;display:inline-block;font-size:32px}.student-level-box .next-level-container .next-level-bar-container .next-level-point{text-align:right;font-size:24px}.student-level-box .next-level-container .next-level-bar-container .next-level-bar{height:32px;width:420px;border-radius:10px;border:1px solid #000;background-color:#effffe}.student-level-box .next-level-container .next-level-bar-container .next-level-bar .current-point-bar{height:100%;border-radius:10px;background-color:#1abd82}.page-settings-badge-index .badge-list{margin-top:40px}.page-settings-badge-index .badge-list ul{list-style:none}.page-settings-badge-index .badge-list ul li{display:inline-block;width:150px;height:268px;vertical-align:top;margin:10px 20px 40px 0}.page-settings-badge-index .badge-list ul li .badges{background-color:#fff;width:100%;height:100%;position:relative}.page-settings-badge-index .badge-list ul li .badges .badge-illustration{margin:0}.page-settings-badge-index .badge-list ul li .badges .badge-illustration img{width:100%;text-align:center}.page-settings-badge-index .badge-list ul li .badges .badge-name{font-size:28px;text-align:center;font-weight:700;margin:2px 0 4px}.page-settings-badge-index .badge-list ul li .badges .badge-criteria{font-size:24px;line-height:1.1;margin:0 0 10px}.page-settings-badge-index .badge-list ul li .badges .badge-bar{position:absolute;width:100%;height:7px;background-color:#d3d3d3;bottom:0}.page-settings-badge-index .badge-list ul li .badges .badge-bar .badge-current-bar{height:100%;background-color:#de5900}.page-licenses-show p.app{padding:30px;font-size:26px}.page-licenses-show hr{margin:0 30px}.page-licenses-show .content{padding:30px;white-space:pre-wrap;font-size:26px}.page-faq-index .faq-content{padding:40px}.page-faq-index .faq-content dl{color:#262626;font-size:30px}.page-faq-index .faq-content dl dt{position:relative;padding-left:50px;line-height:166%;font-weight:400}.page-faq-index .faq-content dl dt:before{content:" ";position:absolute;background-image:url(/img/kan2/14/1/kan2-14-1-q.png);left:0;top:8px;width:38px;height:33px}.page-faq-index .faq-content dl dd{margin:30px 0 50px;border:2px solid #d5d5d5;border-radius:10px;padding:30px 40px;line-height:166%}.page-faq-index .faq-content dl dd p{margin:0 0 30px}.page-faq-index .faq-content dl dd p:last-child{margin-bottom:0}.page-faq-index .faq-content dl dd a{color:#2266df;text-decoration:underline}.page-terms-show .terms-content{padding:30px;font-size:26px;max-height:999999px}.page-terms-show .terms-content h1{font-size:34px;margin:20px 0}.page-terms-show .terms-content h2{font-size:30px;margin:40px 0 20px}.page-terms-show .terms-content p{font-size:26px;margin:0}.page-terms-show .terms-content ol{margin:20px 0;padding-left:55px;list-style:none}.page-terms-show .terms-content ol li{position:relative;font-size:26px}.page-terms-show .terms-content ol li span{position:absolute;display:block;left:-55px;width:55px;font-size:26px}.page-messages-index .page-messages-index-header{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:1;height:126px}.page-messages-index .teacher-name{text-align:center}.page-messages-index .timeline-container .timeline{padding:30px 60px 0 30px;list-style:none;margin-top:190px}.page-messages-index .timeline-container .timeline li.loading{text-align:center;padding:30px}.page-messages-index .timeline-container .timeline li.timeline-item{display:block;margin:10px 0}.page-messages-index .timeline-container .timeline li.timeline-item .timeline-item-staff-nickname{font-size:22px}.page-messages-index .timeline-container .timeline li.timeline-item .timeline-item-content{border-radius:18px;min-width:300px;min-height:60px;position:relative;display:inline-block;margin:5px 0 0 40px;padding:22px 29px;max-width:470px;font-size:26px;white-space:normal}.page-messages-index .timeline-container .timeline li.timeline-item .comment{margin:10px;text-align:left;line-height:1.2}.page-messages-index .timeline-container .timeline li.timeline-item .information{display:inline-block;vertical-align:bottom}.page-messages-index .timeline-container .timeline li.timeline-item.teacher .timeline-item-content{background-color:#d1f5dd}.page-messages-index .timeline-container .timeline li.timeline-item.teacher .timeline-item-content:before{left:-25px;top:12px;width:30px;height:30px;content:" ";position:absolute;display:inline-block;background-image:url(/img/kan2/16/1/kan2-16-1-baloon-study-left.png)}.page-messages-index .timeline-container .timeline li.timeline-item.teacher .information{margin:0 8px}.page-messages-index .timeline-container .timeline li.timeline-item.student{text-align:right;direction:rtl}.page-messages-index .timeline-container .timeline li.timeline-item.student .timeline-item-content{background-color:#eee;direction:ltr;margin-left:0}.page-messages-index .timeline-container .timeline li.timeline-item.student .timeline-item-content:before{left:auto;top:12px;right:-25px;width:30px;height:30px;content:" ";position:absolute;display:inline-block;background-image:url(/img/kan2/16/1/kan2-16-1-baloon-right.png)}.page-messages-index .timeline-container .timeline li.timeline-item.student .timeline-item-content .information{direction:left;text-align:right}.page-messages-index .timeline-container .form-container{margin:0 60px 184px 70px;height:auto;position:relative}.page-messages-index .timeline-container .form-container form.comment-form{padding-right:82px}.page-messages-index .timeline-container .form-container form.comment-form .comment-container{font-size:28px}.page-messages-index .timeline-container .form-container form.comment-form .alert-message{text-align:center;font-size:24px}.page-messages-index .timeline-container .form-container form.comment-form .submit-container{position:absolute;bottom:0;right:0}.page-messages-index .timeline-container .form-container form.comment-form .submit-container .send-button{line-height:normal;height:auto;width:78px;padding:0}