@media screen and (max-width:767px){.display-none-phone{display:none!important}}@media screen and (max-width:539px){.display-none-sphone{display:none!important}}@-webkit-keyframes error-shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}50%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}}@keyframes error-shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}50%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}}@-webkit-keyframes select-shake{10%,90%{rotate:-5deg}20%,80%{rotate:5deg}30%,70%{rotate:-15deg}40%,60%{rotate:15deg}50%{rotate:-15deg}}@keyframes select-shake{10%,90%{rotate:-5deg}20%,80%{rotate:5deg}30%,70%{rotate:-15deg}40%,60%{rotate:15deg}50%{rotate:-15deg}}@-webkit-keyframes select-rotate{0%{rotate:0deg}100%{rotate:360deg}}@keyframes select-rotate{0%{rotate:0deg}100%{rotate:360deg}}body{background:#f5f5f5;font-family:'noto sans tc'}button{border:unset}input[type=checkbox]{cursor:pointer}.container{position:relative;width:100vw;max-width:unset!important;height:calc(100vh - 55px);padding:55px 0 0;position:relative;overflow-x:hidden}.container .wrap{max-width:1200px;width:90%;margin:0 auto}.btn{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;width:140px;margin:0 4px;aspect-ratio:3/1;border-radius:4px;color:#fff;font-size:18px;font-weight:500;font-family:"Noto Sans TC",serif;cursor:pointer}.btn.cta{background:#fd9841}.btn.introduce{background:#509291}.btn.back{background:unset;color:#5f5f5f;border:1px #5f5f5f solid}.btn.sure{background:#2f62a8}.btn.disable{cursor:unset!important;-ms-touch-action:none!important;touch-action:none!important;background:#ededed!important;color:#b0b0b0!important}.btn:active{-webkit-filter:brightness(.9);filter:brightness(.9)}.btn.disable:active{-webkit-filter:unset;filter:unset}img{width:100%;height:auto}ul{margin:0;padding:0}ul li{list-style:none}body{background-color:#ededed}.my-container{width:100%;height:100%;padding-top:80px;padding-bottom:120px}@media screen and (max-width:767px){.my-container{width:calc(100% - 40px);margin:auto}}.upper_part *{-webkit-transition:.3s ease-in-out all;transition:.3s ease-in-out all}.upper_part{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:60px}@media screen and (max-width:767px){.upper_part{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.upper_part .video_part{width:65%;padding-right:20px;position:relative;-webkit-transition:.3s ease-in-out all;transition:.3s ease-in-out all;z-index:8}.upper_part .video_part.active{width:40%}.upper_part .video_part.hide{display:inline!important;width:0%!important}.upper_part .video_part.hide .cover-video-background-alert{display:none}@media screen and (max-width:767px){.upper_part .video_part{width:80%;margin:0 auto;padding:unset}}@media screen and (max-width:539px){.upper_part .video_part{width:100%!important}}.upper_part .video_part.live{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.upper_part .video_part.full{position:absolute;width:100vw;height:calc(calc(var(--vh,1vh) * 100) - 132px);top:103px;left:0;margin:0;padding:0;display:block;z-index:10}.upper_part .video_part.full+.marker_part{width:0}.upper_part .video_part.full-100vh{height:calc(var(--vh,1vh) * 100);top:0}.upper_part .marker_part{width:35%;margin-left:auto;position:relative;z-index:9}.upper_part .marker_part.active{width:60%}@media screen and (max-width:767px){.upper_part .marker_part{width:100%!important;margin-top:20px}}.marker_part .marker_part_title{font-size:1.75em;font-size:24px;font-weight:700;color:#5f5f5f;margin:unset;padding-bottom:12px}.marker_part .marker_part_title.live-host{width:calc(100% - 50px)}.marker_part .question_panel{margin:unset}.marker_part .question_panel .question_list_div_item{cursor:pointer;margin:8px 0;padding:8px 40px 8px 8px;border-radius:5px;background-color:#fff;border:2px solid #b0b0b0}.marker_part .question_panel .question_list_div_item:hover{background-color:#ededed}.show{display:block}.showFlex{display:-webkit-box;display:-ms-flexbox;display:flex}.hide{display:none}.answerStatus{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:unset;-ms-flex-pack:unset;justify-content:unset;position:relative;padding-bottom:12px;border-bottom:1px #b0b0b0 solid}.answerStatus.live-host{margin-top:0}.answerStatus #anchor_question_title_text{color:#2f62a8;position:relative;font-weight:700;font-size:1.5em;word-wrap:break-word}.answerStatus #anchor_question_title{padding:0 40px 0 12px;margin:2px 0;width:calc(100% - 48px)}.answerStatus #anchor_question_title img{width:unset;height:auto;max-width:100%}.iconSquare{width:40px;height:40px;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;background:#fff;border-radius:6px;border:3px solid #2f62a8}.iconSquare .iconCircle{width:85%;height:85%;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;border-radius:50%;border:3px solid #2f62a8}.iconSquare .iconCircle .iconText{font-size:24px;font-weight:700;color:#2f62a8}.iconSquareFill{width:40px;height:40px;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;background-color:#fff;border:3px solid #2f62a8;background-color:#2f62a8;border-radius:6px}.iconSquareFill .iconCircleFill{width:85%;height:85%;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;border-radius:50%;background-color:#fff}.iconSquareFill .iconCircleFill .iconText{font-size:24px;font-weight:500;color:#2f62a8}.enlargeMaskPanel{position:absolute;top:8px;right:0;border-radius:4px;overflow:hidden;z-index:10;opacity:.5;background:rgba(0,0,0,0) no-repeat center;background-size:cover}.enlargeMaskPanel:hover{background:rgba(0,0,0,.25) no-repeat center}.enlargeMaskPanel.enlargeIcon{background-image:url(../img/expand.svg)}@media screen and (max-width:767px){.enlargeMaskPanel.enlargeIcon{background-image:url(../img/expand-m.svg)}}.enlargeMaskPanel.ensmallenIcon{background-image:url(../img/collapse.svg)}@media screen and (max-width:767px){.enlargeMaskPanel.ensmallenIcon{background-image:url(../img/collapse-m.svg)}}.enlargeIcon,.ensmallenIcon{width:32px;height:32px;cursor:pointer}.show_question_choices{position:relative;margin:20px 0;padding:0 0 0 52px}@media screen and (max-width:767px){.show_question_choices.full-width{padding:0}}.show_question_choices.edit{padding:0 40px 0 60px}.show_question_choices *{font-size:1.15em}.show_question_choices>div{-webkit-box-align:top;-ms-flex-align:top;align-items:top}.show_question_choices>div span{margin-right:8px}.show_question_choices #preview_content{font-size:1.25em;font-weight:700;color:#b0b0b0}.show_question_choices .circle_icon{font-size:1.5em!important}.show_question_choices .circle_icon input{margin:0 8px;width:.4em;height:.4em}.show_question_choices .optionTitle{margin-top:8px;margin-left:8px;font-size:2.25em}.show_question_choices .optionTitle>div{font-size:.65em}.show_question_choices .optionDiv{-webkit-box-align:top;-ms-flex-align:top;align-items:top;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:100%;position:relative}.show_question_choices .optionDiv .circle_icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:top;-ms-flex-align:top;align-items:top}.show_question_choices .optionDiv .judgeIcon{width:28px;height:28px;position:absolute;left:-12px;top:50%;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%);background-size:cover!important}.show_question_choices .optionDiv .judgeIconCorrect{background:url(../img/correct.svg) no-repeat center;color:#55e53e}.show_question_choices .optionDiv .judgeIconWrong{background:url(../img/wrong.svg) no-repeat center;color:#fe4e4e}.show_question_choices .optionDiv .judgeIconFinger{background:url(../img/point.svg) no-repeat center;color:#fe4e4e}.show_question_choices .optionDiv .optionContent{width:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:top;-ms-flex-align:top;align-items:top;margin:4px 0;padding:12px 0;border-radius:5px;background-color:#fff;border:2px solid #b0b0b0}.show_question_choices .optionDiv .optionContent.active{background-color:#2f62a8;border:2px solid #2f62a8!important}.show_question_choices .optionDiv .optionContent.correct{background-color:#d0fec9;border:2px solid #4fd111}.show_question_choices .optionDiv .optionContent.wrong{background-color:#ffc7c7;border:2px solid #fe4e4e}.bottomButtonDiv .button-in{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}@media screen and (max-width:767px){.bottomButtonDiv .button-in{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.btn:focus,.btn:focus-visible{-webkit-box-shadow:unset;box-shadow:unset;outline-style:none}.btn{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;width:120px!important;height:44px!important;aspect-ratio:unset!important;font-size:16px!important;margin:0 4px!important;padding:8px 12px!important;font-weight:500;color:#fff;border-radius:4px;background:#b0b0b0;font-family:"Noto Sans TC",serif}.btn.btn-continue{color:#fff!important;border:2px #2f62a8 solid!important;background:#2f62a8!important}.btn.btn-continue:hover{background:#26507f!important}.btn.btn-continue:active{color:#fff!important;border:2px #2f62a8 solid!important;background:#2f62a8!important}.btn.btn-send{background:#fd9841!important}.btn.btn-send:hover{color:#fff;background:#e07921!important}.btn.btn-send:active{color:#fff;background:#e07921!important}.btn.btn-back{color:#b0b0b0!important;border:2px #b0b0b0 solid!important;background:unset!important}.btn.btn-back:hover{color:#fff!important;border:2px #b0b0b0 solid!important;background:#b0b0b0!important}.btn.btn-back:active{color:#fff!important;border:2px #b0b0b0 solid!important;background:#b0b0b0!important}.btn.btn-save{background:#2f62a8!important}.btn.btn-save:hover{color:#fff;background:#26507f!important}.btn.btn-save:active{color:#fff;background:#26507f!important}.btn.btn-go-center{background:#e4007c!important}.btn.btn-go-center:hover{color:#fff}.btn.btn-go-center:active{color:#fff}.answerQuestionShownImg{position:relative;margin-top:8px;width:55%;height:auto;width:unset;max-width:100%}#fontSizeRange{cursor:pointer}.writing-pad-container{position:absolute!important;top:0;left:0;overflow:unset!important;z-index:100}.writing-pad-container .writing-inner-content{top:0;left:0}.writing-pad-container .writing-inner-content .drawing-board-controls{padding-top:100px}.drawing-board-canvas-wrapper{margin:0!important;top:0;left:0}.leftDownButton div{border:2px #5f5f5f solid!important}.leftDownButton div:hover{color:#fff;background-color:#5f5f5f}.controller_part{position:absolute;right:2%;top:0}.marker_part_enlarge{width:100%!important;max-height:unset!important;position:relative}.controlTextBar{display:inline-block;margin-top:auto;margin-bottom:auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.controlTextBar .sampleSmall{font-size:1em}.controlTextBar .sampleLarge{font-size:2em}.controlTextBar .text{width:120px;fon-size:16px;font-weight:700}.mask_panel{font-size:1.2em}.enlargeImageIcon{width:36px;height:36px;cursor:pointer;background:url(../img/open.svg) no-repeat center}.fontControllBar{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:absolute;bottom:20px;left:20px}.fontControllBar .smallerWord{cursor:pointer;width:30px;height:30px;background:url(../img/left.svg) no-repeat center}.fontControllBar .largererWord{cursor:pointer;width:30px;height:30px;background:url(../img/right.svg) no-repeat center}.fontControllBar .text-sample{margin-top:auto;margin-bottom:auto}.myModal{top:0;left:0;width:100%;height:100%;position:fixed;margin:0;float:left;z-index:10}.myModal .transparentBackground{width:100%;height:100%;background:rgba(0,0,0,.75);position:absolute;opacity:.95}.myModal .modalPopup{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.myModal .modalPopup .modalBody{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:unset;-ms-flex-pack:unset;justify-content:unset;width:420px;height:100%;max-width:95vw;max-height:95vh;min-width:240px;min-height:240px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;padding:20px 28px;background-color:#fff;border-radius:12px;z-index:503}.myModal .modalPopup .modalBody .modalTitle{font-size:26px;font-weight:700;color:#5f5f5f}.myModal .modalPopup .modalBody .modalContent{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:unset;-ms-flex-pack:unset;justify-content:unset;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:12px 0;width:100%;font-size:18px;font-weight:500;color:#b0b0b0}.myModal .modalPopup .modalBody .modalContent .checkDelete{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:unset;-ms-flex-pack:unset;justify-content:unset;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.myModal .modalPopup .modalBody .modalContent .checkDelete>span{margin-bottom:20px}.myModal .modalPopup .modalBody .modalContent .checkDelete span{line-height:unset;font-size:18px;font-weight:500;color:#b0b0b0}.myModal .modalPopup .modalBody .modalContent .checkDelete .checkIn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:unset;-ms-flex-pack:unset;justify-content:unset;margin:unset;cursor:pointer}.myModal .modalPopup .modalBody .modalContent .checkDelete .checkIn:hover{color:#2f62a8}.myModal .modalPopup .modalBody .modalContent .checkDelete .checkIn input{width:14px;height:14px;margin:0 4px 0 0}.myModal .modalPopup .modalBody .modalContent .checkDelete .checkIn span{font-size:14px}.myModal .modalPopup .modalBody .functions-info{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:20px;padding:unset}.myModal .modalPopup .modalBody .functions-info .btn[disabled]{opacity:unset}.myModal .modalPopup .modalBody .functions-info .btn.cta{color:#fff;background:#fd9841}.myModal .modalPopup .modalBody .functions-info .btn.cta:hover{background:#e07921}.myModal .modalPopup .modalBody .functions-info .btn.cta[disabled]{background:#ededed;color:#b0b0b0}.myModal .modalPopup .modalBody .functions-info .cancelButton{color:#5f5f5f;border:2px solid #5f5f5f}.myModal .modalPopup .modalBody .functions-info .cancelButton:hover{background-color:#5f5f5f;color:#fff}.question_list_div_item .inline-flex-div{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1em}.question_list_div_item .inline-flex-div .marker{margin-left:15px}.question_list_div_item .inline-flex-div .time-text{color:#2f62a8;margin-left:12px;font-size:1.2em;position:unset;height:100%}.question_list_div_item .inline-flex-div .title-text{margin-left:12px;position:unset;font-size:1.2em;font-weight:500;color:#5f5f5f;height:100%}.question_list_div_item .inline-flex-div .title-text-blue{height:100%;margin-left:12px;position:unset;font-size:1.2em;font-weight:500;color:#2f62a8}.question_list_div_item .inline-flex-div .delete-marker{width:28px;height:28px;position:absolute;right:8px;background:url(../img/icon-delete.svg) no-repeat center;border-radius:2px}.question_list_div_item .inline-flex-div .delete-marker:hover{background:url(../img/icon-delete-w.svg) no-repeat center rgba(0,0,0,.15)}.question_list_div_item .inline-flex-div .qa-content{width:100%}.title-text,.title-text-blue{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:normal}.optionLabel{width:100%;margin:0}.question_option_radio{width:16px!important;height:16px!important;position:absolute;left:-8px;top:12px;margin:unset!important;-webkit-transform:translate(-100%,10px);transform:translate(-100%,10px);visibility:hidden;cursor:pointer}input.question_option_radio:checked+.question_option_div .question_option{border:1.5px #2f62a8 solid;background:#d0fec9;position:relative}