.app-header{width:100%;top:0;z-index:5;background:#fff}.app-header,.header-left{position:fixed;height:56px}.header-left{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:56px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;z-index:10}.header-left>i{font-size:24px;color:#636363}.header-right{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:fixed;width:56px;height:56px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;z-index:10;right:0}.header-right>i{font-size:24px;color:#636363}.header-center{position:fixed;width:100%;height:56px;padding:0 56px}.header-center>h5{display:block;height:16px;margin:12px 0 0;overflow:hidden;text-align:center}.header-center>p{display:block;margin:2px 0 0;text-align:center;color:#999;font-size:11px}.progress-line{width:100%;background:#e8e8e8;height:2px;top:54px;position:absolute}.progress-line-current{background:#f63;width:0;height:2px}.header-title-only h5{font-size:16px;margin-top:18px}.leaf-chapter-icon{display:inline-block;margin:18px;width:64px;vertical-align:top}.leaf-chapter-icon>.icon-img-container{height:64px;overflow:hidden;border-radius:100%}.leaf-chapter-icon>.icon-img-container>.chapter-icon{width:64px;height:64px;cursor:pointer}.leaf-chapter-icon>.icon-img-container>.chapter-icon-back-drop{position:relative;padding-bottom:64px;margin-bottom:-64px;background:#000;background:rgba(0,0,0,.15);z-index:-1}.leaf-chapter-icon>.chapter-title{height:2.8em;max-height:2.8em;margin:8px 0 0;font-size:11px;line-height:1.4em;overflow:hidden;color:#666}.chapter-title-divider{height:7px;line-height:14px;border-bottom:1px solid rgba(0,0,0,.07);margin:32px;text-align:center}.chapter-title-divider>span{font-size:14px;color:#000;color:rgba(0,0,0,.2);background:#fff;padding:0 10px}.noop{display:inline-block;width:100px;background:#000;background:rgba(0,0,0,.14118);border-radius:4px;border:1px solid #000;border:1px solid rgba(0,0,0,.2);padding:4px 6px;color:#000;text-align:center;cursor:pointer}.noop:hover{border:1px solid #000}.ie-alert{position:absolute;width:260px;background:#ff3131;background:#ffe6e6;border-radius:8px;border:1px solid #ff4141;height:45px;text-align:center;font-size:13px;color:red;z-index:20}body{background-color:#f4f4f4}a,a:hover,a:link{color:#fff;text-decoration:none}a:visited{color:#fff}.form-control,.form-control:focus{-webkit-box-shadow:none;box-shadow:none;border:0}.text-center{text-align:center}.inner-box{display:inline-block}.clear{clear:both}@media (min-width:700px){.type-description{margin-left:15px}.result-container .propensity-progress-bar{margin-top:30px}.result-container .propensity-progress-bar .bar-box{width:75%}.result-container .propensity-progress-bar .type-view-box{width:25%}.result-container .propensity-box .result-description{margin-top:25px;border-top:2px dashed #979797}.result-container .propensity-box .result-description .reason{width:303px;padding-right:20px;margin-right:22px;border-right:2px dashed #979797}.result-container .propensity-box .result-description .solution{width:275px}.result-container .type-description .description{text-align:justify}.result-container .result-description .content{text-aling:justify}}@media (max-width:699px){.type-description{margin-left:15px}.result-container .propensity-progress-bar .inner-box{width:100%}.result-container .propensity-progress-bar .bar-box{margin-top:25px}.result-container .propensity-progress-bar .type-view-box,.result-container .result-box{text-align:center}}.content-wrapper{max-width:670px;margin:40px auto 0;padding:40px 0 43px;border-radius:10px;background-color:#fff}.propensity{height:323px;cursor:default}.propensity .title .inner-box{font-size:20px;color:#515151}.propensity .description{margin-top:10px;text-align:justify}.propensity .description .inner-box{font-size:14px;color:#888}.propensity .img-start-propensity{margin-top:30px}.propensity .img-start-propensity .inner-box{width:180px;height:161px}.btn-test-start{display:block;margin-top:43px}.btn-test-start .inner-box{margin:auto;width:160px;height:45px;border-radius:100px;background-color:#f63;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.btn-test-start .inner-box span{font-size:16px;color:#fff}.info-input{padding:40px 0 83px}.info-input .title .inner-box{font-size:20px;color:#515151}.info-input .description{margin-top:10px}.info-input .description .inner-box{font-size:14px;color:#888}.info-input .input-name .inner-box{margin-top:62px;border-radius:2px;background-color:#f4f4f4;font-size:16px;color:#515151}.info-input .input-name input{border:0;width:270px;height:40px;background-color:#000;background-color:transparent}.info-input .input-name ::-webkit-input-placeholder{font-size:16px;color:#bebebe}.info-input .input-grade select{width:270px;height:40px;border-radius:2px;background-color:#f4f4f4;font-size:16px}.info-input .input-grade select:invalid{color:#bebebe}.info-input .input-grade select:not(:invalid){color:#515151}.question{position:relative;padding:95px 0 65px}.question .propensity-progress{top:0;left:0;width:100%;height:5px;position:absolute;background-color:#d8d8d8;line-height:0}.question .propensity-progress .propensity-progress-bar{height:5px;max-width:calc(100% - 20px);float:left;background-color:#f63;-webkit-transition:width 1s;-o-transition:width 1s;transition:width 1s}.question .propensity-progress .change{width:300px}.question .propensity-progress .propensity-progress-count{width:40px;height:19px;float:left;border-radius:100px;background-color:#6f6e6e;margin-left:-20px;margin-top:-7px}.question .propensity-progress .propensity-progress-count span{font-size:10px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;width:40px;height:19px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.question .problem{padding:0 20px;height:20px}.question .problem .inner-box{height:20px;font-size:18px;color:#515151}.question .no-touch .inner-box:hover{background-color:#f63;background-color:rgba(255,102,51,.3);border:0}.question .no-touch .inner-box:hover .dot{border:0}.question .answer{margin-top:60px;color:#fff}.question .answer .inner-box{margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:75%;height:40px;border-radius:100px;font-size:16px;line-height:1.1;color:#8b8b8b}.question .answer .inner-box .dot{content:"";display:inline-block;width:8px;height:8px;background-color:#fff;border-radius:100%;margin:0 12px;border:1px solid #979797}.question .answer .inner-box:active{background-color:#f63;color:#fff;border:0}.question .answer .inner-box:active .dot{border:0}.propensity-complete{cursor:default;padding:45px 0 50px}.propensity-complete .img-start-propensity .inner-box{width:180px;height:161px}.propensity-complete .title{margin-top:20px}.propensity-complete .title .inner-box{height:23px;font-size:20px;color:#515151}.propensity-complete .description{margin-top:10px}.propensity-complete .description .inner-box{height:16px;font-size:14px;color:#888}.propensity-result{padding:35px 0}.result-type-container .title{font-size:20px;font-weight:300;color:#515151}.result-type-container .student-info{font-size:14px;font-weight:300;color:#515151;margin-top:10px}.result-type-container .type-image{margin-top:22px}.result-type-container .type-image img{width:135px;height:135px}.result-type-container .type-text{margin-top:15px;font-size:26px;font-weight:300;color:#515151}.result-type-container .type-summary{font-size:16px;font-weight:300;color:#515151}.result-container{margin:10px 35px 0}.result-container .propensity-box .type-description{max-width:570px;font-size:14px;text-align:center;color:#7f7f7f}.result-container .propensity-box .progress-box:first-child{margin-top:0}.result-container .propensity-box .progress-box{padding:0 15px}.result-container .propensity-box .progress-box .propensity-progress-bar .inner-box{position:relative;clear:both;line-height:20px}.result-container .propensity-box .progress-box .propensity-progress-bar .text-widget{text-align:center;line-height:15px;position:absolute;top:-22px;width:30px;height:15px;border-radius:100px;background-color:#f63}.result-container .propensity-box .progress-box .propensity-progress-bar .text-widget:before{border:4px solid transparent;border-top-color:#f63;border-bottom-width:0;content:"";position:absolute;left:calc(50% - 4px);top:100%}.result-container .propensity-box .progress-box .propensity-progress-bar .text-widget span{font-size:10px;color:#fff}.result-container .propensity-box .progress-box .propensity-progress-bar .type-view-box{float:left;height:20px;font-size:16px;font-weight:700;color:#818181}.result-container .propensity-box .progress-box .propensity-progress-bar .progress-graph{display:inline-block;width:100%;height:14px;background-color:#e2e2e2;overflow:hidden}.result-container .propensity-box .progress-box .propensity-progress-bar .progress-graph .progress-line-inner{height:14px;background-color:#fb9c76;-webkit-transition:width 1s;-o-transition:width 1s;transition:width 1s}.result-container .propensity-box .result-description{padding-top:2px}.result-container .propensity-box .result-description:after{content:"";display:block;clear:both}.result-container .propensity-box .result-description .result-box{float:left}.result-container .propensity-box .result-description .result-box h3{font-size:18px;font-weight:700;color:#515151}.result-container .propensity-box .result-description .result-box .content{font-size:14px;color:#7f7f7f;text-align:justify}@media (max-width:519px){.fb-share,.go-matholic{width:80%;margin-bottom:15px}}@media (min-width:520px){.fb-share,.go-matholic{margin-left:30px;padding:0 22px}}.button-container .fb-share,.button-container .go-matholic,.propensity-btn{display:inline-block;height:45px;border-radius:100px}.button-container{margin-top:30px;margin-bottom:30px;text-align:center;color:#fff;font-size:16px}.button-container .go-matholic{background-color:#f63}.button-container .go-matholic .matholic-anchor{line-height:45px}.button-container .go-matholic .matholic-anchor:visited{color:#fff}.button-container .matholic-back{line-height:45px}.button-container .fb-share{background-color:#4560a1;cursor:pointer}.button-container .fb-share .fb-logo{border-right:1px solid hsla(0,0%,100%,.2)}.button-container .fb-share .fb-logo img{margin-right:8px}.button-container .fb-share .text-share{margin-left:8px}.button-container .fb-share .text-share span{line-height:45px}.android-app-update .title-area{background:#fff}.android-app-update .title-area>h1{padding:20px 10px;margin:0 0 20px;color:#777}.android-app-update .apk-list-container{margin:0;padding:0}.android-app-update .apk-list-container .apk-list-item{display:-webkit-box;display:-ms-flexbox;display:flex}.android-app-update .apk-list-container .apk-icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px}.android-app-update .apk-list-container .apk-title-container{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.android-app-update .apk-list-container .apk-btn-container,.android-app-update .apk-list-container .apk-title-container{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex}.android-app-update .apk-list-container .apk-btn-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:180px;padding:8px}.android-app-update .apk-list-container .apk-btn-download{background:#689f38;color:#fff;padding:12px 18px;border:none;font-weight:700;border-radius:4px}.dash-page{padding:10px}.answer-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;min-height:50px;margin-bottom:10px;padding-top:12px;padding-bottom:12px;padding-left:8px;border-radius:4px}.answer-number{min-width:32px;text-align:center;font-size:13px;font-weight:700}.dash-page{padding:10px}.table td,.table th{text-align:center}.dash-page{padding:10px}.student-learning-log .header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#2484e5}.student-learning-log .header .title{color:#dae8ed;font-size:21px}.student-learning-log .calender-controller{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#2484e5;padding-bottom:5px}.student-learning-log .calender-controller .control{color:#dae8ed;font-size:20px;padding:0 15px;cursor:pointer}.student-learning-log .calender-controller .selected-date{color:#fff;font-size:30px}.student-learning-log .calender .table{margin-bottom:0!important}.student-learning-log .calender .table tr th{background:#fff}.student-learning-log .calender .table tbody{border-bottom:2px solid #ddd;background:#fafafa}.student-learning-log .calender .table td{border:0!important}.student-learning-log .calender .table td .day,.student-learning-log .calender .table td .day span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.student-learning-log .calender .table td .day span{width:30px;height:30px;border-radius:15px}.student-learning-log .calender .table td .day.has-learning-log>span{cursor:pointer;background:#ffd440!important;color:#fff}.student-learning-log .calender .table td .day.selected>span{background:#2484e5!important;color:#fff}.student-learning-log .learning-log{background-color:#f4f4f4}.student-learning-log .learning-log .sub-title{padding:5px 0 8px;color:#8c8c8c;font-size:21px;text-align:center}.student-learning-log .learning-log .panel{margin:0 10px 15px}.student-learning-log .learning-log .panel .panel-body{border-left:10px solid #000;line-height:1.7}.student-learning-log .learning-log .panel .panel-body .learning-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.student-learning-log .learning-log .panel .panel-body .learning-header .learning-type{font-size:22px;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#9c9c9c}.student-learning-log .learning-log .panel .panel-body .learning-header .learning-type .sub-type-desc{font-size:14px}.student-learning-log .learning-log .panel .panel-body .learning-header .learning-result .type{color:#888;text-align:center}.student-learning-log .learning-log .panel .panel-body .learning-header .learning-result .count{min-width:50px;color:#fff;border-radius:10px;text-align:center;background-color:#4e4e4e}.student-learning-log .learning-log .panel .panel-footer{background-color:#fff}.student-learning-log .learning-log .panel .panel-footer .log-history{margin-bottom:5px;padding-bottom:5px;color:#555;border-bottom:1px solid #efefef}.student-learning-log .learning-log .panel .panel-footer .log-history:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.student-learning-log .learning-log .panel .panel-footer .log-history .info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.student-learning-log .learning-log .panel .panel-footer .log-history .info .date{min-width:44px}.student-learning-log .learning-log .panel .panel-footer .log-history .info .chapters{width:100%}.student-learning-log .learning-log .panel .panel-footer .log-history .info .chapters.overflow-ellipsis{width:calc(100% - 110px)}.student-learning-log .learning-log .panel .panel-footer .log-history .info .chapters.overflow-ellipsis.no-result{width:calc(100% - 53px)}.student-learning-log .learning-log .panel .panel-footer .log-history .info .chapters.overflow-ellipsis .chapter{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.student-learning-log .learning-log .panel .panel-footer .log-history .info .result{min-width:53px;text-align:right}.student-learning-log .has-no-learning-data{padding:30px;text-align:center}.student-learning-log .has-no-learning-data .message{font-size:20px;color:#a8a8a8}
/*# sourceMappingURL=open.css.map*/