.role-select-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.52857143px;font-family:Noto Sans TC;font-style:normal;font-weight:400}.role-select-header-en{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.52857143px;font-family:Roboto;font-style:normal;font-weight:400}.role-select-body{position:relative;padding:15px;font-family:Noto Sans TC;font-style:normal;font-weight:400}.role-select-body-en{position:relative;padding:15px;font-family:Roboto;font-style:normal;font-weight:400}.normaldiv{font-family:Noto Sans TC;font-style:normal;font-weight:400}.endiv{font-family:Roboto;font-style:normal;font-weight:400}.ngdialog.ngdialog-theme-default.ngdialog-lg .ngdialog-content{width:80%}.ngdialog.ngdialog-theme-default{overflow:hidden}.map-fixed{position:fixed!important}.float-container{position:absolute;z-index:100;margin:10px}.form-validate :required{border-color:#0081d2}.pagination{float:right!important}.fa-shake{-webkit-animation:fa-shake 1s infinite linear;animation:fa-shake 1s infinite linear}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(0);transform:rotate(0)}7%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}21%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}35%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}49%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}56%{-webkit-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}7%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}21%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}35%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}49%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}56%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}7%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}21%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}35%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}49%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}56%{-webkit-transform:rotate(0);transform:rotate(0)}}label.input-group-addon{min-width:90px}#site-content{background:#eee;min-height:100%;height:auto!important;height:100%;position:relative}.thin{font-weight:300}.choose-content.container{width:100%;padding-top:30px;background-image:url(../img/choose-bg.png)}.choose-content.container>*{min-height:80%;width:1120px;margin-left:auto;margin-right:auto}.highlight{float:left;width:260px;height:340px;margin:0 10px 30px 10px}.h-caption{text-align:center}.h-caption img{color:#382526;display:block;font-size:54px;margin-bottom:36px}.h-caption h4{color:#382526;font-size:16px;font-weight:700;margin-bottom:20px}.productitem h4{text-align:center}.productitem .productitem-logo{display:block;height:230px;margin-left:auto;margin-right:auto;width:230px}.productitem>a{color:#444}.productitem>a:hover{text-decoration:none}.productitem .color,.productitem .greyscale{background-size:cover;height:230px;position:absolute;width:230px}.blue-pattern-box{background:rgba(0,0,0,0) url(../img/login-bg.jpg) no-repeat scroll right 0 center/cover;height:70px}.grey-pattern-box{background:#eee;height:70px}.main-head{background:rgba(0,0,0,0) url(../img/greybg.png) no-repeat scroll right 0 center/cover;box-shadow:0 3px 7px 0 rgba(0,0,0,.05) inset;padding-bottom:20px;padding-top:20px}.main-head-index{background:rgba(0,0,0,0) url(../img/choose-head-bg.png) no-repeat scroll right 0 center/cover;box-shadow:0 3px 7px 0 rgba(0,0,0,.05) inset;padding-bottom:20px;padding-top:20px;height:200px}.main-head-index h1{margin-bottom:0!important}.main-head-index h1,.main-head-index h4{color:#fff}.bottom-margin{margin-bottom:20px}.bottom-margin-edition{margin-bottom:40px}.choose-logo{background:url(../img/logo2.png) no-repeat;height:112px;width:496px;margin-bottom:-20px;margin-left:80px}.wd-xxxl{width:390px}.login-main{display:flow-root;width:100%;height:100vh;min-height:768px;background:url(../img/login/pict_bg.png) no-repeat;background-position:center;background-attachment:fixed;background-size:cover}.row.outer{width:1920px}.login-body{width:500px;margin-top:7%;margin-left:auto;margin-right:auto}.login-oss-btn{display:flow-root;width:400px;height:36px;margin:10px auto;padding:6px;border-radius:4px;border:solid 1px #5b5b5b;background-color:#fff;text-align:center;vertical-align:middle}.login-oss-dividing-line{display:inline-flex;margin-left:49px;margin-bottom:10px;text-align:center;align-items:center}.login-oss-dividing-line span{width:14px;height:20px;margin-left:9px;margin-right:9px;color:#151515}.login-oss-dividing-line .dividing-line{width:183px;height:1px;border:solid 1px #5b5b5b}.wd-left{width:50%;position:absolute;float:left;top:15px}.wd-right{position:absolute;top:0;right:5px}.logo{float:left;margin-left:50%}.login-body .wd-xxxl-right{width:100%;margin-left:auto;margin-right:auto;border-radius:30px;border:solid .5px #d8d8d8;background-color:#fff}.login-body .wd-xxxl-left{margin-top:58px;margin-left:61px}.login-body .wd-xxxl-left.right_b_bg{margin-top:60px;margin-left:90px}.login-body input.form-control{width:400px;height:50px;margin-left:45px;padding-left:40px;color:#151515;font-size:16px;border-radius:0;border-top-width:0;border-right-width:0;border-bottom-width:2px;border-left-width:0;border-bottom-color:#0081d2;border-radius:0!important;background-color:#fff}.login-body form{margin-bottom:9px;margin-left:3px}.login-body form .has-feedback .form-control{padding-right:0}.login-body form .form-control+.form-control-feedback{right:auto;top:18px;left:40px;font-size:24px}.wd-xxxl-right .panel-heading .panel-title{margin-top:66px;color:#000;font-size:36px;margin-bottom:9px;text-align:center}.wd-xxxl-right .form-group{margin-top:0;margin-bottom:12px}.wd-xxxl-right .form-group .select{width:400px;height:45px;margin-left:45px;padding-left:36px;color:#151515;font-size:16px;border-top-width:0;border-right-width:0;border-bottom-width:2px;border-left-width:0;border-bottom-color:#0081d2;border-radius:0!important;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:url(../img/select-anchor.png) no-repeat right center}.wd-xxxl-right .checkbox{margin-left:5px;margin-top:0}.wd-xxxl-right .panel-body.login-input{float:left;margin-top:10px;width:50px;height:42px;font-size:16px;line-height:42px}.wd-xxxl-right .btn-block{margin:53px 0 10px 0;width:300px;font-size:19px;color:#eee;padding:4px 16px}.wd-xxxl-right .btn-login{margin-top:0;background-color:#0081d2;color:#fff;width:400px;height:35px;border-radius:4px;font-weight:500;margin-left:43px;font-size:16px;margin-bottom:15px}.wd-xxxl-right .login-a{font-size:14px;color:#151515}.wd-xxxl-right .login-type{margin-left:-10px;font-size:14px;text-align:center;color:#151515}.wd-xxxl-right .login-again-code-btn{font-size:14px;text-align:center;color:#5b5b5b;background-color:transparent;border:0}.btn-login.active,.btn-login.focus,.btn-login:active,.btn-login:focus,.btn-login:hover,.open>.dropdown-toggle.btn-login{color:#064799;background-color:#0081d2}.btn-login.active,.btn-login:active,.open>.dropdown-toggle.btn-login{background-image:none}.wd-xxxl-right .btn-reg{margin-top:10px;background-color:#0081d2;color:#86560a;width:277px;height:50px;border-radius:5px;line-height:37px;margin-left:-21px;font-size:20px}.btn-reg.active,.btn-reg.focus,.btn-reg:active,.btn-reg:focus,.btn-reg:hover,.open>.dropdown-toggle.btn-reg{color:#3799e3;background-color:#0081d2}.btn-reg.active,.btn-reg:active,.open>.dropdown-toggle.btn-reg{background-image:none}.login-foot .text{padding-top:10px;text-align:center}.login-foot .text:first-child{font-weight:700}.login-foot .text span{margin-right:25px}.login-foot .row{font-size:20px;color:#fff;background-position:bottom center;background-repeat:no-repeat;height:50px;margin:auto;background-size:100% 100%}.login-foot{position:absolute;padding-top:15px;width:100%}.login-head{font-size:42px;width:100%;color:#fff;margin-top:92px;text-align:center;font-family:Noto Sans TC;font-style:normal;font-weight:400}.login-head-en{font-size:42px;width:100%;color:#fff;margin-top:92px;text-align:center;font-family:Roboto;font-style:normal;font-weight:400}.dropdown-menu>li>a:hover,.login-head .dropdown-menu.dropdown-menu>li>a:focus{color:#151515;text-decoration:none;background-color:#e8f3fa}.login-head .col-12{height:187px;width:100%;background-position-y:45px;background-repeat:no-repeat;margin:auto;background-position-x:128px}label.required:after{content:"*";color:red}.required:after{content:"*";color:red}.toggle-btn.btn.btn-primary.active{color:#fff;background-color:#4b91ea;border-color:#3483e7}.toggle-btn.btn.btn-primary{color:#000;background-color:#a4c2e8;border-color:#5899eb}.tab-container{margin-top:100px}.tab-container .nav-tabs{padding-left:116px}.tab-container .nav-stacked{width:71px;padding-left:0}.map-container{position:fixed;width:100%;height:100%;padding-bottom:90px;padding-right:250px}.report.map-container{padding-bottom:210px}.map-container #box_container{position:absolute;bottom:90px;left:15px;overflow-y:auto;max-height:200px;background-color:#fff}#box_container td,#box_container th{border:1px solid #04368f}#map{height:100%}.BMap_bubble_content{font-size:12px}label.BMapLabel{max-width:none}.input-group-addon img{height:20px}.form-control label{padding-left:10px;padding-right:10px}.nowrap{white-space:nowrap;text-overflow:ellipsis;overflow-x:hidden}.input-group-addon select{height:33px;width:100%;border:none;padding:0}.place-list.dropdown-menu{max-height:200px;overflow-y:auto;overflow-x:hidden}.locate-pointer.pointer{margin-left:159px}.modal .pagination{margin:0}.modal .table{margin:0}.align-right{text-align:right}.carousel{background-color:#fff}.carousel .carousel-inner .item.active img{height:300px;max-width:568px}.break-word{break-word:break-word}.pointer{margin-top:-22px;margin-left:152px;width:0;border-left-width:10px;border-left-color:transparent;line-height:0;border-right-width:10px;border-right-color:transparent;border-style:solid;border-top-width:10px;border-top-color:#f5f5f5;border-bottom-width:0}#terminal_list_sub_container:hover{opacity:1!important}.nav li a img{padding-right:10px}.aside-collapsed .sidebar a img.left{display:none}.aside-collapsed .sidebar a img.right{display:block}.sidebar a img.left{display:block;padding-left:45px}.sidebar a img.right{display:none;padding-left:36px}.dropdown-menu .list-group .list-group-item.sum{height:21px;padding:0;text-align:center}.dropdown-menu .list-group .list-group-item.sum.bg-danger:hover{background-color:#0081d2}.label.label-round{border-radius:10px}em.mi{height:30px;width:30px;background-size:contain!important;margin-bottom:-7px;margin-top:5px}em.mi.mi-fence{background:url(../img/menu/customer.png) no-repeat}em.mi.mi-slide{background:url(../img/menu/register.png) no-repeat}em.mi.mi-alarm{background:url(../img/menu/user.png) no-repeat}em.mi.mi-terminal{background:url(../img/menu/log.png) no-repeat}li.active em.mi.mi-fence,li:active em.mi.mi-fence,li:hover em.mi.mi-fence{background:url(../img/menu/customer-active.png) no-repeat}li.active em.mi.mi-slide,li:active em.mi.mi-slide,li:hover em.mi.mi-slide{background:url(../img/menu/register-active.png) no-repeat}li.active em.mi.mi-alarm,li:active em.mi.mi-alarm,li:hover em.mi.mi-alarm{background:url(../img/menu/user-active.png) no-repeat}li.active em.mi.mi-terminal,li:active em.mi.mi-terminal,li:hover em.mi.mi-terminal{background:url(../img/menu/log-active.png) no-repeat}.aside-collapsed em.mi{height:36px;width:36px;background-size:cover!important;margin-top:0}.aside-collapsed em.mi.mi-fence{background:url(../img/menu/fence-big.png) no-repeat}.aside-collapsed em.mi.mi-slide{background:url(../img/menu/slide-big.png) no-repeat}.aside-collapsed em.mi.mi-alarm{background:url(../img/menu/alarm-big.png) no-repeat}.aside-collapsed em.mi.mi-terminal{background:url(../img/menu/terminal-big.png) no-repeat}.aside-collapsed em.mi.mi-sys{background:url(../img/menu/sys-big.png) no-repeat}.aside-collapsed li:hover em.mi.mi-fence,li.active em.mi.mi-fence,li:active em.mi.mi-fence{background:url(../img/menu/customer-active.png) no-repeat}.aside-collapsed li:hover em.mi.mi-slide,li.active em.mi.mi-slide,li:active em.mi.mi-slide{background:url(../img/menu/register-active.png) no-repeat}.aside-collapsed li:hover em.mi.mi-alarm,li.active em.mi.mi-alarm,li:active em.mi.mi-alarm{background:url(../img/menu/user-active.png) no-repeat}.aside-collapsed li:hover em.mi.mi-terminal,li.active em.mi.mi-terminal,li:active em.mi.mi-terminal{background:url(../img/menu/log-active.png) no-repeat}.table.table-ssmp tr td,.table.table-ssmp tr th{border:none}.table.table-ssmp thead tr{font-size:16px;background-color:#0081d2;color:#fff}.table.table-ssmp tbody tr{border-bottom:#dbceb3 solid 1px;background-color:#fff;border-left:#dbceb3 solid 1px;border-right:#dbceb3 solid 1px}.table.table-ssmp tbody tr:hover{background-color:#eee}.table.table-ssmp tbody tr>td{padding:4px 8px;color:#303030}.table.table-ssmp tbody tr>td a{color:#00f}.content-wrapper>div{padding-left:20px;padding-right:15px;padding-top:20px;background-color:#fff}.modal.modal-ssmp .modal-dialog{margin:210px auto}.modal.modal-ssmp .modal-header{text-align:center;padding:5px 15px}.modal.modal-ssmp .modal-dialog.modal-md .modal-content{border-radius:30px}.modal.modal-ssmp .modal-radius .modal-dialog .modal-sm .modal-content{border-radius:30px}.modal.modal-ssmp .modal-dialog.modal-md{width:700px}.modal.modal-ssmp .modal-dialog.modal-sm{width:500px}.modal.modal-common .modal-dialog{margin:210px auto}.modal.modal-common .modal-header{text-align:center;padding:5px 15px}.modal.modal-common .modal-dialog.modal-md .modal-content{border-radius:30px}.modal.modal-common .modal-radius .modal-dialog.modal-sm .modal-content{border-radius:30px}.modal.modal-common .modal-dialog.modal-md{width:700px}.modal.modal-common .modal-dialog.modal-sm{width:600px;border-radius:30px}.table-ssmp-detail th{text-align:center;border-right:#eee solid 1px}.table-ssmp-detail tr:first-child td,.table-ssmp-detail tr:first-child th{border-top:none}table.table.table-ssmp-form td{border:solid 1px #d7d7d7;background-color:#fff}table.table.table-ssmp-form td input[readonly]{background-color:#f8f2e6}table.table.table-ssmp-form td select{-webkit-appearance:none}table.table.table-ssmp-form td select:disabled{background-color:#f8f2e6}table.table.table-ssmp-form td .form-control-feedback{width:24px;height:19px;float:right;margin-top:-26px;margin-right:24px;position:relative}table.table.table-ssmp-form th{border:solid 1px #d7d7d7;background-color:#fff;text-align:center;line-height:2.4}.modal.modal-ssmp .table.table-ssmp-detail{margin-left:-15px;margin-right:-15px;width:calc(100% + 30px);max-width:none}.btn.btn-ssmp{border-radius:5px;background:linear-gradient(#0081d2,#0081d2);color:#fff;border-color:#0081d2;height:35px}.btn.btn-ssmp:hover{background-color:#0081d2}.btn.btn-ssmp:active{background-color:#0081d2}.tabs-ssmp ul.nav.nav-tabs li a{padding:4px 35px;border:#0081d2 solid 1px;background-color:#fff;color:#303030}.tabs-ssmp ul.nav.nav-tabs li:first-child a{border-right:none}.tabs-ssmp ul.nav.nav-tabs li.active a{background-color:#0081d2;color:#fff}.page-ssmp.pagination>.active>a{background-color:#3194f1;border-color:#3194f1}.tabs-cont{padding-left:0;padding-right:0}.btn-search{border-radius:5px}.btn-search span{color:#303030}.form-option{border-width:1px;border-color:#0081d2}.ssmp-form-group.form-group.has-feedback select{-webkit-appearance:none;border:#0081d2 solid 1px!important}.ssmp-form-group.form-group.has-feedback img.form-control-feedback{width:24px;height:14px;right:4px}.mySelect{border:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:url(../img/select-anchor.png) no-repeat right center;width:100%;text-align:center}.ssmp img.form-control-feedback{height:20px;left:450px;top:84px;width:20px}.btn.btn-change{background-color:#6495ed;color:#fff;border-radius:5px;width:80px;height:30px}.btn.btn-delete{background-color:red;color:#fff;border-radius:5px;width:80px;height:30px}.BMap-bubble-content{font-size:14px}.form-control:focus{border-color:#0081d2}.form-validate .form-control.ng-dirty.ng-invalid{border-color:#0081d2}.form-validate .form-control.ng-dirty.ng-valid,.form-validate .form-control.ng-dirty.ng-valid:focus{border-color:#0081d2}.form-control2{display:block;width:370px;height:35px;padding:6px 16px;font-size:14px;line-height:1.52857143;color:#3a3f51;background-color:#fff;background-image:none;border:1px solid #dde6e9;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.table>thead>tr>th{text-align:center;vertical-align:bottom;border-bottom:2px solid #eee}.btn-primary{color:#fff;background-color:#0081d2;border-color:#0081d2}.btn-primary:hover{color:#fff;background-color:#0081d2;border-color:#0081d2}@media (max-width:767px){#register-from{margin-left:-15px}#register-to{margin-left:-15px}#log-to{margin-left:-15px}#log-from{margin-left:-15px}#log-input{min-width:90px}}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{min-width:500px;box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-smmd{width:436px}.modal-mmmm{width:450px}#searchBtn{left:-14px;top:14px}#searchBtn1{left:-14px;top:12px}#register-from{margin-left:-15px}#register-toinput{min-width:90px}#register-frominput{min-width:90px}#register-to{margin-left:-15px}#log-to{margin-left:-15px}#log-from{margin-left:-15px}#log-input{min-width:90px}}@media (min-width:992px){#searchBtn{left:25px;top:100px}#searchBtn1{left:19px;top:161px}#register-from{margin-left:-15px}#register-to{margin-left:-15px}#register-toinput{min-width:90px}#register-frominput{min-width:90px}#log-to{margin-left:-15px}#log-from{margin-left:-15px}}@media (min-width:1200px){#searchBtn{left:40px;top:35px}#searchBtn1{left:40px;top:35px}#register-to{margin-left:-17px}#register-from{margin-left:10px}#log-to{margin-left:8px;padding:0}#log-from{margin-left:-8px;padding:0}#log-input{min-width:50px}#log-toinput{min-width:50px}#register-toinput{padding-left:27px;min-width:15px;padding-right:0}#register-frominput{min-width:25px}}@media (min-width:1250px){#register-toinput{padding-left:23px;padding-right:0;min-width:15px}#register-frominput{min-width:25px}#log-to{margin-left:1px}#log-from{margin-left:-1px}}@media (min-width:1300px){#register-toinput{padding-left:39px;padding-right:0;min-width:15px}#register-frominput{min-width:25px}#log-to{margin-left:7px}#log-from{margin-left:-7px}}@media (min-width:1357px){#register-toinput{padding-left:23px;padding-right:0;min-width:15px}#register-frominput{min-width:25px}#log-to{margin-left:35px;max-width:40%}#log-from{margin-left:18px;max-width:40%}#log-account{max-width:29.5%}}@media (min-width:1400px){#register-to{max-width:38%}#register-from{max-width:39%;margin-left:130px}}.mac-table{border:none;width:100%}.mac-table tr{height:40px;text-align:center;border:none}.mac-table td{height:40px;text-align:center}.mac-table tr td:first-child{text-align:right;position:absolute;left:100px;line-height:38px;font-weight:700}.mac-table tr td:last-child{text-align:left}.table-edit tr td{height:50px;text-align:left}.table-edit tr td:first-child{position:absolute;left:45px;line-height:46px}.table-edit{width:460px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}.table-edit input{background-color:#f7f7f7}.infoBox .panel{cursor:default}.table{padding:10px}.table>thead>tr>th{background-color:#f2f2f2;color:#666;font-size:16px;border-width:1px;border-style:solid;border-color:#e6e6e6;position:relative;padding:9px 15px;min-height:20px;line-height:20px;font-size:14px}.table>tbody>tr>td{text-align:center;border-width:1px;border-style:solid;border-color:#e6e6e6;position:relative;padding:9px 15px;min-height:20px;line-height:20px;font-size:14px}a{color:#727171}.pagination>.active>a{background-color:#0081d2;border-color:#0081d2}.input-group-addon{background-color:#f5f5f5;border:none}.form-control{border:1px solid #ccc;border-radius:3px!important}.arrow{position:absolute;width:40px;height:40px;bottom:0;left:100%}.arrow *{display:block;position:absolute;border-style:dashed solid solid dashed;font-size:0;line-height:0}.arrow em{border-color:transparent transparent #eee #eee;border-width:15px 15px}.arrow span{border-width:15px 15px;border-color:transparent transparent #fff #fff;bottom:11px;left:-4px}.topnavbar{background:#fff;height:90px;font-family:Noto Sans TC;font-style:normal;font-weight:400}.topnavbar-en{background:#fff;height:90px;font-family:Roboto;font-style:normal;font-weight:400}.topnavbar-role-btn{background-color:#fff!important;color:#000!important;border-color:#fff!important;margin-top:-2px!important}.topnavbar-role-btn.focus,.topnavbar-role-btn:focus,.topnavbar-role-btn:hover{color:#fff!important;background-color:#0081d2!important}.wrapper{overflow-y:hidden}.drop-btn{width:95%;border:1px solid #dde6e9;border-radius:0;height:35px;-webkit-appearance:none;background:url(../img/drop-btn.png) right center no-repeat;background-position:326px}button.close{width:40px;height:40px}.close{opacity:1}.close img{margin-left:1px;margin-top:-6px}#sample-table-1>tbody>tr>td{padding:4px}.table-responsive lable{padding-top:0}.pagination{margin-top:0}.del-submit{width:80px;border-radius:5px;margin-left:124px;background:linear-gradient(#0081d2,#0081d2);border:none}.del-close{width:80px;border-radius:5px;margin-right:124px;background:linear-gradient(#d8d5d5,#959595);border:none;margin-left:5px;margin-bottom:0}#delIndex:nth-child(1):active{background:linear-gradient(#0081d2,#0081d2)}#delIndex:nth-child(2):active{background:linear-gradient(#d8d5d5,#959595)}.page-card{margin:0 auto;color:#666;font-size:14px;max-width:414px;text-align:center;background-color:#fff}.page-card .item-choose{padding-left:15px;padding-right:15px}.page-card .item-choose input[type=checkbox],input[type=radio]{width:20px;height:22px;margin:4px 10px 0 0}.page-card .item-group{margin:15px}.page-card .item-group div{margin:10px}.page-card .item-group div input,select{width:260px;height:43px;border-radius:7px;border:1px solid #8dc0b2;padding-left:12px}.page-card .item-group select{border-radius:7px;border:1px solid #8dc0b2;width:260px;height:43px;padding-left:20px}.page-card .item-group textarea{border-radius:7px;border:1px solid #8dc0b2;height:43px;padding-left:12px}.page-card .table>thead>tr>th{background-color:#00c397;color:#fff;text-align:center}.redText{color:#0081d2}.page-card .btn-submit{font-size:14px;line-height:2;width:260px;height:43px;border-radius:7px;border:1px solid #8dc0b2;background-color:#00c397;color:#fff}.page-payChoose{padding:0 0;margin:0 auto;color:#666;font-size:14px;max-width:414px;background-color:#fff}.page-payChoose>div{padding:10px 10px;border-top:1px solid #00c397}.page-payChoose>div>li{position:relative;left:20px}.page-payChoose>div>label{position:relative;left:20px}.page-paytype{border-top:5px solid #ebebeb;border-bottom:40px solid #ebebeb}.page-payChoose li div{margin:0 20px}.page-payChoose .btn-submit{font-size:14px;line-height:2;width:260px;height:43px;border-radius:7px;border:1px solid #8dc0b2;background-color:#00c397;color:#fff}.modal.modal-card .modal-header{-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;text-align:center;padding:15px 15px}.modal.modal-card .modal-header span{font-size:20px;color:#fff}.modal.modal-card .modal-dialog.modal-md .modal-content{border-radius:25px}.modal.modal-card.modal-radius .modal-dialog.modal-sm .modal-content{border-radius:14px}.modal.modal-card .modal-dialog.modal-md{width:700px}.modal.modal-card .modal-dialog.modal-sm{width:500px}.page-card .radio{position:relative;top:-5px;width:40px;height:40px;margin-top:0;margin-bottom:0;background:url(../img/radio-card.png) no-repeat;cursor:pointer}.page-card input[type=radio]:checked~.radio{background:url(../img/radio-card-checked.png) no-repeat}.page-card input[type=radio]{display:none}.page-card .checkbox{position:relative;top:-5px;width:40px;height:40px;margin:0 0;background:url(../img/checkbox-card.png) no-repeat;cursor:pointer}.page-card input[type=checkbox]:checked~.checkbox{background:url(../img/checkbox-card-checked.png) no-repeat}.page-card input[type=checkbox]{display:none}.page-payChoose .radio{position:relative;left:150px;top:-6px;width:40px;height:40px;margin:0 0;background:url(../img/radio-pay.png) no-repeat;cursor:pointer}.page-payChoose input[type=radio]:checked~.radio{background:url(../img/radio-pay-checked.png) no-repeat}.page-payChoose input[type=radio]{display:none}.page-card-pc{margin:0 auto;color:#666;font-size:14px;max-width:710px;text-align:center;background-color:#fff}.page-card-pc .item-choose{padding-top:20px;padding-left:15px;padding-right:15px;margin-bottom:15px}.page-card-pc .item-choose input[type=checkbox],input[type=radio]{width:20px;height:22px;margin:0 10px 0 0}.page-card-pc .item-group{margin:15px}.page-card-pc .item-group div{margin:10px}.page-card-pc .item-group div input,select{width:470px;height:43px;border-radius:7px;border:1px solid #8dc0b2;padding-left:12px}.page-card-pc .item-group select{border-radius:7px;border:1px solid #8dc0b2;height:43px;padding-left:20px}.page-card-pc .item-group textarea{border-radius:7px;border:1px solid #8dc0b2;height:43px;padding-left:12px}.page-card-pc .table>thead>tr>th{background-color:#00c397;color:#fff;text-align:center}.page-card-pc .btn-submit{font-size:14px;line-height:2;width:470px;height:43px;border-radius:7px;border:1px solid #8dc0b2;background-color:#00c397;color:#fff}.page-payChoose-pc{padding:0 0;padding-bottom:1px;margin:0 auto;color:#666;font-size:14px;max-width:710px;background-color:#fff}.page-payChoose-pc>div{padding:10px 10px}.page-payChoose-pc>div>li{position:relative;left:20px}.page-payChoose-pc>div>label{position:relative;left:20px}.page-paytype{border-top:5px solid #ebebeb;border-bottom:40px solid #ebebeb}.page-payChoose-pc li div{margin:0 20px}.page-payChoose-pc .btn-submit{font-size:14px;line-height:2;width:120px;height:35px;padding-top:2px;border-radius:7px;background-color:#00c397;color:#fff}.page-card-pc .radio{position:relative;top:-5px;width:200px;height:40px;padding-top:6px;margin-top:20px;margin-bottom:0;background:url(../img/radio-card-pc.png) no-repeat;cursor:pointer}.page-card-pc input[type=radio]:checked~.radio{background:url(../img/radio-card-pc-checked.png) no-repeat}.page-card-pc input[type=radio]{display:none}.page-card-pc .checkbox{position:relative;top:-5px;width:40px;height:40px;margin:0 0;background:url(../img/checkbox-card-pc.png) no-repeat;cursor:pointer}.page-card-pc input[type=checkbox]:checked~.checkbox{background:url(../img/checkbox-card-pc-checked.png) no-repeat}.page-card-pc input[type=checkbox]{display:none}.page-payChoose-pc .radio{position:relative;left:20px;width:40px;height:40px;margin:0 0;background:url(../img/radio-pay-pc.png) no-repeat;cursor:pointer}.page-payChoose-pc input[type=radio]:checked~.radio{background:url(../img/radio-pay-pc-checked.png) no-repeat}.page-payChoose-pc input[type=radio]{display:none}.modal.modal-card-pc .modal-dialog.modal-pc{top:42px;left:64px}.modal.modal-card-pc .modal-dialog.modal-pc .modal-content{width:470px;min-width:180px}.modal.modal-card-app .modal-dialog.modal-app{top:61px;left:67px}.modal.modal-card-app .modal-dialog.modal-app .modal-content{width:260px;min-width:180px}.clientlist{padding:0 14px}.clientlist li{overflow:hidden;line-height:40px;width:98%;margin:0 auto;border-bottom:dashed 1px #ebebeb;font-size:15px;padding:0 0 0 50px}.clientlist li a{display:block}.clientlist li a:hover{color:red}.clientlist li img{width:40px;float:left}.clientlist li label{float:left;text-align:right;padding-right:10px}.clientlist li span{float:right}.m-message .time{margin:7px 0;text-align:center}.m-message .time>span{display:inline-block;padding:0 18px;font-size:9pt;color:#151515;border-radius:2px}.main{position:relative;overflow:hidden}.m-message .avatar{float:left;margin:0 10px 0 0;border-radius:3px}.m-message .text{display:inline-block;position:relative;padding:0 10px;max-width:calc(100% - 40px);min-height:30px;line-height:2.5;font-size:9pt;text-align:left;word-break:break-all;background-color:transparent;border-radius:4px;border:1px solid #fff;color:#151515}.m-text textarea{padding:10px;height:100%;width:100%;border:none;outline:0;resize:none;margin-top:10px}.m-text textarea::-webkit-input-placeholder{color:#d6d0ca!important}.m-text textarea::-moz-placeholder{color:#d6d0ca!important}.m-message .self{text-align:right}.m-message .self .avatar{float:right;margin:0 0 0 10px}.m-message .self .text{border:1px solid #0081d2}ol,ul{list-style:none}.pop:hover{z-index:-1;border-radius:5px;-o-box-shadow:inset 0 1px 1px #909193,0 1px 0 #fff;box-shadow:0 1px 3px 2px #c8c8c8}.zhezhao{width:100%;height:100%;background-color:#000;filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7;position:absolute;left:0;top:0;z-index:1000}.content{position:absolute;top:50%;left:50%;width:800px;height:420px;margin:-210px 0 0 -400px;z-index:1001}#send:hover{background-color:#fff}.alert-alertwarning{background-color:#edcba7;border-color:rgba(0,0,0,.1);color:#fff}.alert-alertwarning hr{border-top-color:rgba(0,0,0,.1)}.alert-alertwarning .alert-link{color:#e6e6e6}.alert-dismissable .close,.alert-dismissible .close{top:-27px}.form-signin{max-width:330px;padding:43px 15px 15px 15px;margin:0 auto}.form-signin input[type=text]{margin-bottom:14px;border-radius:0;background:url(../img/login/login_user.png) 0 0 #bdbdbd no-repeat;padding-left:60px;color:#fff}.form-signin .form-control{position:relative;font-size:16px;height:auto;padding:10px;box-sizing:border-box}.form-signin input[type=password]{margin-bottom:10px;border-radius:0;background:url(../img/login/login_pas.png) 0 0 #bdbdbd no-repeat;padding-left:60px;color:#fff}.form-signin button{border-radius:0}.tools{list-style:none;margin:0;padding:0}.tools li{text-align:center;line-height:30px;cursor:pointer;position:relative;max-height:45px}.tools li:hover{background:#646e79}.tools li.active{background:#c93}.icon-tools{display:inline-block;width:30px;height:30px;margin:5px}.icon-tools{margin-top:2px;margin-left:10px;transform:scale(.7,.7);transform-origin:left top;-ms-transform:scale(.7,.7);-ms-transform-origin:left top;-moz-transform:scale(.7,.7);-moz-transform-origin:left top;-webkit-transform:scale(.7,.7);-webkit-transform-origin:left top;-o-transform:scale(.7,.7);-o-transform-origin:left top}@media (max-width:1367px){.tools li{max-height:38px}#msh{position:relative;top:246px}}@media (min-width:1368px){#msh{position:relative;top:286px}}@media (max-width:1600px){.icon-tools{margin-top:10px}.tools .tools li{width:45px}.tools li{max-height:40px}#videoView{max-height:425px}}@media (max-width:1367px){.icon-tools{margin-top:7px}.tools li{max-height:40px}#videoView{max-height:304px}}@media (min-width:1920px){#videoView{max-height:444px}}.icon-color-gray{background-position:0 0}.icon-color-red{background-position:-28px 0}.icon-color-black{background-position:-56px 0}.icon-color-blue{background-position:-84px 0}.icon-color-select{background-position:-112px 0}.icon-eye-black{background-position:-140px 0}.icon-eye-select{background-position:-168px 0}.icon-noeye-black{background-position:-196px 0}.icon-noeye-select{background-position:0 -28px}.icon-predraw-black{background-image:url(../img/tool/btn-undo-n.png);background-repeat:no-repeat;width:60px;height:60px}.icon-predraw-select{background-image:url(../img/tool/btn-undo-n.png);background-repeat:no-repeat;width:60px;height:60px}.icon-predraw-clear{background-image:url(../img/tool/btn-undo-n-copy-18.png);background-repeat:no-repeat;width:60px;height:60px}.icon-next-black{background-image:url(../img/tool/nextselect.png);background-repeat:no-repeat}.icon-next-select{background-image:url(../img/tool/nextselect.png);background-repeat:no-repeat}.icon-pen-black{background-image:url(../img/tool/btn-pen-n.png);background-repeat:no-repeat;width:60px;height:60px}.icon-pen-select{background-image:url(../img/tool/btn-pen-n.png);background-repeat:no-repeat;width:60px;height:60px}.icon-move-black{background-position:-196px -28px}.icon-move-select{background-position:0 -56px}.icon-text-black{background-image:url(../img/tool/btn-text-n.png);background-repeat:no-repeat;width:60px;height:60px}.icon-text-select{background-image:url(../img/tool/btn-text-n.png);background-repeat:no-repeat;width:60px;height:60px}.icon-dottedline-arrow-black{background-position:-84px -56px}.icon-dottedline-arrow-select{background-position:-112px -56px}.icon-line-black{background-image:url(../img/tool/lineselect.png);background-repeat:no-repeat}.icon-line-select{background-image:url(../img/tool/lineselect.png);background-repeat:no-repeat}.icon-dottedline-black{background-image:url(../img/tool/btn-line-n.png);background-repeat:no-repeat;width:60px;height:60px}.icon-dottedline-select{background-image:url(../img/tool/btn-line-n.png);background-repeat:no-repeat;width:60px;height:60px}.icon-arrow-black{background-image:url(../img/tool/btn-draw-arrow-n.png);background-repeat:no-repeat;width:60px;height:60px}.icon-arrow-select{background-image:url(../img/tool/btn-draw-arrow-n.png);background-repeat:no-repeat;width:60px;height:60px}.icon-circle-black{background-image:url(../img/tool/circleselect.png);background-repeat:no-repeat}.icon-circle-select{background-image:url(../img/tool/circleselect.png);background-repeat:no-repeat}.icon-ellipse-black{background-image:url(../img/tool/btn-oval-n.png);background-repeat:no-repeat;width:60px;height:60px}.icon-ellipse-select{background-image:url(../img/tool/btn-oval-n.png);background-repeat:no-repeat;width:60px;height:60px}.icon-square-black{background-position:-196px -84px}.icon-square-select{background-position:0 -112px}.icon-rectangle-black{background-image:url(../img/tool/btn-rectangle-n.png);background-repeat:no-repeat;width:60px;height:60px}.icon-rectangle-select{background-image:url(../img/tool/btn-rectangle-n.png);background-repeat:no-repeat;width:60px;height:60px}.icon-rightangle-black{background-image:url(../img/tool/rightangleselect.png);background-repeat:no-repeat}.icon-rightangle-select{background-image:url(../img/tool/rightangleselect.png);background-repeat:no-repeat}.icon-equilateral-black{background-image:url(../img/tool/equilateralselect.png);background-repeat:no-repeat}.icon-equilateral-select{background-image:url(../img/tool/equilateralselect.png);background-repeat:no-repeat}.icon-isosceles-black{background-position:-196px -112px}.icon-isosceles-select{background-position:0 -140px}.icon-isoscelesrighttriangle-black{background-position:-28px -140px}.icon-isoscelesrighttriangle-select{background-position:-56px -140px}.icon-remove-black{background-image:url(../img/tool/removeselect.png);background-repeat:no-repeat}.icon-remove-select{background-image:url(../img/tool/removeselect.png);background-repeat:no-repeat}.icon-clear-black{background-position:-140px -140px}.icon-clear-select{background-position:-168px -140px}.video-preview-modal-div{width:69%;margin:5% auto 0;text-align:center;background-color:#fff}.big-brush{border-radius:10px;width:15px;height:15px;background-color:#080808;display:inline-block}.middle-brush{border-radius:5px;width:10px;height:10px;background-color:#080808;display:inline-block}.small-brush{border-radius:10px;width:5px;height:5px;background-color:#080808;display:inline-block}.toolinfo{background-color:#ccc;padding:0;left:64px;top:56px;position:absolute}.toolinfo li{display:inline-block;max-height:45px;width:50px;text-align:center;font-size:18px;border-right:#dad7d9 solid 1px;cursor:pointer;position:relative;padding:10px}.toolinfo li:hover{background:#f2f1f2}.toolinfo li:active{background:#f2f1f2}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#fff;background-color:#10304e;border-color:transparent}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#fff;border-color:transparent}.nav-tabs>li>a{color:#fff;background-color:#071828;border-color:transparent;margin:0;border-radius:0;padding:10px 20px}#topcolor{background:linear-gradient(to top,#10304e,#071828);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#10304e', endColorstr='#071828', GradientType=0 )}.controls{height:40px;background-color:rgba(224,223,225,.3);position:absolute;bottom:20px;left:10px;border-radius:10px}.switch{position:absolute;width:22px;height:22px;left:10px;top:9px;border-radius:50%}.progress{width:432px;height:10px;position:absolute;background-color:rgba(255,255,255,.4);left:40px;top:15px;border-radius:4px;overflow:hidden}.curr-progress{width:0%;height:100%;background-color:#fff}.class-box{width:100vw;height:auto;background-image:url(../img/myclass/bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% auto}.class-box .class-bg{display:flex;align-items:center;justify-content:center;height:100vh}.class-box .class-bg .class-cont{display:flex;align-items:center;justify-content:center;width:40vw;margin:auto;height:6vh;padding-top:40vh}.class-box .class-bg .class-cont .left{width:48%;height:7vh}.class-box .class-bg .class-cont .right{width:48%;height:7vh}.class-box .class-bg .class-cont .left img,.class-box .class-bg .class-cont .right img{margin:0 auto;border:none;outline:0;cursor:pointer;display:flex;align-items:center;justify-content:center;height:7vh}.btn_list_class_timetable{width:102.4%;height:120px;border-radius:10px;border:solid .5px #a3a3a3;background-color:#e8f3fa;margin-top:10px}.btn_list_class_timetable_serial{width:102.4%;height:155px;border-radius:10px;border:solid .5px #a3a3a3;background-color:#e8f3fa;margin-top:10px}.avatar_class_past{width:120px;height:90px;-o-object-fit:contain;object-fit:contain}.div_header_class_timetable_time{position:absolute;top:-111px;right:800px;height:65px;z-index:999;width:251px}.div_calendar_class_timetable_time{background-color:#fff;padding-bottom:7px;left:2%;width:71.5%;border-radius:10px}.div_list_class_timetable_time{padding-bottom:7px;left:3%;width:70%;overflow-y:auto;overflow-x:auto}.dayEventClass{width:35px;height:35px;-o-object-fit:contain;object-fit:contain;margin-top:75px;margin-left:50%;text-align:center;border-radius:50%}.dayEventClass::before{display:inline-block;width:30px;height:30px;color:#5b5b5b;content:url(../img/myclass/ico-classnum-copy-13.png);margin-left:-70px;font-size:25px}.dayEventClass .fc-content{top:-25px}.dayNoClass{margin-top:50px;margin-bottom:25px;height:25vh;margin-left:35%;background-image:url(../img/myclass/pic-no-class.png);background-repeat:no-repeat}.myNoClass{margin-top:50px;margin-bottom:25px;height:300px;margin-left:35%;background-image:url(../img/myclass/pic-register.png);background-repeat:no-repeat}.mytab_selected{width:150px;border:solid 2px #0081d2}.my_input{border-top-width:0;border-right-width:0;border-bottom-width:2px;border-left-width:0;border-bottom-color:#0081d2;border-radius:0!important;background-color:#f7f7f7;margin-top:25px}.my_lang_btn{width:350px;text-align:left;border-top-width:0;border-right-width:0;border-bottom-width:2px;border-left-width:0;border-bottom-color:#0081d2;border-radius:0!important;background-color:#f7f7f7;margin-top:25px}.my_caret{color:#0081d2;position:inherit;left:270px;border-right:6px solid transparent;border-left:6px solid transparent}.my_btn{width:90px;border-radius:4px;background-color:#0081d2;font-size:14px;color:#fff}.timetable_btn{width:90px;border-radius:10px;background-color:#65b400;font-size:14px;color:#fff;-o-object-fit:contain;object-fit:contain}.timetable_btn.focus,.timetable_btn:focus,.timetable_btn:hover{color:#fff;text-decoration:none;background-color:#519000}.timetable_playback_btn{width:90px;border-radius:10px;background-color:#0081d2;font-size:14px;color:#fff;-o-object-fit:contain;object-fit:contain}.timetable_playback_btn.focus,.timetable_playback_btn:focus,.timetable_playback_btn:hover{color:#fff;text-decoration:none;background-color:#727171}.timetable_pay_btn{width:90px;border-radius:10px;background-color:#0081d2;font-size:14px;color:#fff;-o-object-fit:contain;object-fit:contain}.timetable_pay_btn.focus,.timetable_pay_btn:focus,.timetable_pay_btn:hover{color:#fff;text-decoration:none;background-color:#0081d2}.oss_link_panel{position:absolute;display:initial;width:319px;top:0;right:-323px;z-index:99;line-height:3;padding:0}.oss_link_btn_join_check{display:inline-flex;width:197px;height:48px;z-index:99;background-color:#fff;line-height:3;padding:0;justify-content:center;border-radius:8px;border:1px solid var(--Neutral-Grey-70,#494949)}.oss_link_btn_join_check_bigstore_hover{display:inline-flex;width:197px;height:48px;z-index:99;background-color:#0081d2;line-height:3;padding:0;justify-content:center;border-radius:8px;border:1px solid var(--Neutral-Grey-70,#0081d2)}.oss_link_btn_join_check_hover{display:inline-flex;width:197px;height:48px;z-index:99;background-color:#fff;line-height:3;padding:0;justify-content:center;border-radius:8px;border:1px solid var(--Neutral-Grey-70,#0081d2)}.oss_link_btn_join_check_microphone{width:24px;height:24px;-o-object-fit:contain;object-fit:contain;margin-left:15px;margin-top:12px;background:url(../img/myclass/microphone.svg)}.oss_link_btn_join_check_microphone_hover{width:24px;height:24px;-o-object-fit:contain;object-fit:contain;margin-left:15px;margin-top:12px;background:url(../img/myclass/microphone_hover.svg)}.oss_link_btn_join_check_speaker{width:24px;height:24px;-o-object-fit:contain;object-fit:contain;margin-left:15px;margin-top:12px;background:url(../img/myclass/speaker.svg)}.oss_link_btn_join_check_speaker_hover{width:24px;height:24px;-o-object-fit:contain;object-fit:contain;margin-left:15px;margin-top:12px;background:url(../img/myclass/speaker_hover.svg)}.oss_link_btn{display:inline-flex;width:100%;height:60px;z-index:99;border-radius:10px;background-color:#0081d2;line-height:3;padding:0;justify-content:center}.oss_link_href{height:28px;font-size:18px;font-weight:500;text-align:center;color:var(--Neutral-Grey-70,#494949);display:block;line-height:26px;margin-top:10px}.oss_link_href_old{height:28px;font-size:18px;font-weight:500;text-align:center;color:#494949;display:block;line-height:26px;margin-top:10px}.oss_link_href_bigstore{height:28px;font-size:18px;font-weight:500;text-align:center;color:var(--Neutral-Grey-70,#0081d2);display:block;line-height:26px;margin-top:10px}.oss_link_href_bigstore_hover{height:28px;font-size:18px;font-weight:500;text-align:center;color:#fff;display:block;line-height:26px;margin-top:10px}.oss_link_href_hover{height:28px;font-size:18px;font-weight:500;text-align:center;color:var(--Neutral-Grey-70,#0081d2);display:block;line-height:26px;margin-top:10px}.oss_link_tips{display:block;width:100%;min-height:308px;border-radius:10px;margin-top:30px;margin-left:0;z-index:99;line-height:1.5;padding-top:10px}.oss_link_tips_title{width:249px;font-size:16px;font-weight:500;color:#727171;margin-bottom:5px}.oss_link_tips_text{width:100%;font-size:14px;font-weight:500;color:#727171;margin-left:-15px;line-height:16px}.oss_link_tips_text_stu_join{width:444px;font-size:14px;font-weight:500;color:#727171;margin-left:-15px;line-height:16px}.oss_link_tips_label{font-weight:500;font-size:14px;text-align:left;width:-webkit-fit-content;width:fit-content;width:-moz-fit-content;min-width:100px;border-radius:2px;color:var(--Neutral-Grey-60,#616161);margin-left:-15px;background:var(--Neutral-Grey-10,#e4e4e4);padding:4px 8px;height:28px}.timetable_recorded_div{left:3%;width:70%;height:calc(100% - 310px);overflow-y:auto;overflow-x:hidden;text-align:center}.timetable_recorded_more_text{width:-webkit-max-content;width:-moz-max-content;width:max-content;height:33px;display:inline;font-size:16px;color:#0081d2;padding:0;margin-top:7px}.timetable_recorded_more_btn{margin-top:0;width:24px;height:24px;background-image:url(../img/myclass/btn-more-record-course.png);background-repeat:no-repeat;background-size:100% 100%;background-color:#f5f7fa}.timetable_recorded_title{float:left;margin-left:-15px;font-size:26px;font-weight:bolder;color:#151515}.timetable_recorded_grid{width:85%;float:left;display:inline;margin-left:52px}.timetable_recorded_card{text-align:left;width:620px;height:120px;display:inline-block;margin-top:10px;margin-bottom:10px;margin-right:20px;padding:0 0 4px;border-radius:10px;border:solid .5px #a3a3a3;background-color:#e8f3fa}.timetable_recorded_card_head{height:90px;width:158px;background-repeat:no-repeat;background-size:100% 100%;background-color:#fff;background-position:center center;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;margin-top:-4px}.timetable_recorded_card_title{height:20px;margin:4px 5px 0;font-size:25px;font-weight:bolder;color:#151515;white-space:nowrap}.timetable_recorded_card_content{height:54px;opacity:.6;font-size:20px;color:#5b5b5b;margin:5px 0 10px 5px;word-break:break-all;overflow:hidden}.timetable_recorded_card_content_watched{height:37px;font-size:25px;color:#151515;width:380px}.timetable_recorded_card_content_expiry{height:30px;width:320px;margin-top:0;font-size:16px;color:#ff6940;display:flex}.timetable_recorded_card_content_expiry a{color:#0081d2}.timetable_recorded_modal_tooltip .tooltip-inner{max-width:350px;color:#fff;text-align:left;text-decoration:none;background-color:transparent;border-radius:15px}.timetable_recorded_modal{max-width:550px;min-height:450px;box-shadow:0 0 10px 0 rgba(0,0,0,.3);background-color:#fff;background-repeat:no-repeat;background-size:100% auto;border-radius:15px}.timetable_recorded_modal_head{width:100%;height:30vh;-o-object-fit:contain;object-fit:contain;position:relative;box-shadow:0 0 4px 0 rgba(0,0,0,.3);background-size:100% 100%;background-color:#fff;background-position:center center;border-top-left-radius:15px;border-top-right-radius:15px}.timetable_recorded_modal_head>span{display:inline-block;position:absolute;bottom:0;font-size:1.5rem;font-weight:500;color:#fff;padding-left:5px;padding-right:6px;background-color:#c3c0c0}.timetable_recorded_modal_body{width:100%;height:40vh;min-height:350px;overflow-x:hidden;overflow-y:auto}.timetable_recorded_modal_content_title{display:inline-block;white-space:nowrap;padding-top:10px;color:#151515;height:20px;width:410px;font-size:1.4rem;font-weight:500}.timetable_recorded_modal_content_time{color:#5b5b5b;height:20px;width:-webkit-max-content;width:-moz-max-content;width:max-content;font-size:1rem;font-weight:500}.timetable_recorded_modal_content_new{color:#fff;background-color:#ed5890;height:16px;width:27px;border-radius:3px;font-size:1rem;font-weight:500;margin-left:5px;margin-top:1px}.timetable_recorded_modal_body_list{max-width:320px;height:630px;box-shadow:0 0 10px 0 rgba(0,0,0,.3);background-color:#fff;background-image:url(../img/myclass/thumbnail-default-video-course.png);background-repeat:no-repeat;background-size:100% auto}.timetable_recorded_modal_body_list_col1{color:#151515;text-align:center;font-size:16px;font-weight:bolder;padding-top:10%}.timetable_recorded_modal_body_list_col2{width:100%;height:70%;min-width:60px;min-height:40px;margin-top:1.5rem;background-color:#fff;background-image:url(../img/myclass/thumbnail-default-video-cover.png);background-repeat:no-repeat;background-size:100% auto}.timetable_btn_flicker{-webkit-animation:buttonFlickerPulse 1.5s infinite;animation:buttonFlickerPulse 1.5s infinite}@-webkit-keyframes buttonFlickerPulse{from{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 15px #fff}50%{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-box-shadow:0 0 35px #84ff26}to{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 15px #fff}}@keyframes buttonFlickerPulse{from{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 15px #fff}50%{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-box-shadow:0 0 35px #84ff26}to{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 15px #fff}}.modal.modal-record .modal-dialog{margin:150px auto}.modal.modal-upgradeinfo .modal-dialog{width:672px}.modal.modal-mainupgrade .modal-dialog{width:560px}.modal.modal-record .modal-header{text-align:center;padding:5px 15px}.modal.modal-record .modal-dialog.modal-md .modal-content{border-radius:30px}.modal.modal-record.modal-radius .modal-dialog.modal-sm .modal-content{border-radius:30px}.modal.modal-record .modal-dialog.modal-sm{width:34.1vw}.modal.modal-record .modal-content{width:550px;border-radius:15px;margin-top:-70px}.modal.modal-upgradeinfo .modal-content{width:672px;height:543px;border-radius:16px;margin-top:120px}.modal.modal-mainupgrade .modal-content{width:560px;height:460px;border-radius:16px;margin-top:calc(100% - 460px)}.recorded_tab_selected{width:90%;border:solid 2px #0081d2}.recorded_tab_content{padding:10px 10px 10px 0;border-top-width:1px;border-right-width:0;border-bottom-width:0;border-left-width:0;display:flex}.recorded_tab .tab-content>.active{display:flex}.lives .playerDiv{width:175vh;--plyr-audio-controls-background:#000000;--plyr-audio-control-color:#ffffff}.lives .bottomDiv{display:none}.lives:hover .playerDiv{width:155vh}.lives:hover .bottomDiv{display:inline-flex}.livesFloatDiv{z-index:100;position:absolute;background-color:transparent;display:inline;left:88px;top:66px;border-radius:.65rem;text-align:center;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none}.livesFloatDiv>h1{margin:0;font-size:2vw;-webkit-text-stroke:1px #ccc;-webkit-text-fill-color:transparent}.allCourse_recorded_tab_content{padding:0 10px 0 0;border-top-width:1px;border-right-width:0;border-bottom-width:0;border-left-width:0;display:grid;grid-template-columns:1078px;grid-template-rows:1fr;grid-column-gap:10px}.allCourse_selected{border:solid 2px #0081d2}.specialCourse_selected{border:solid 2px #0081d2}.allCourse_sort{display:inline;height:22px;left:30px;top:4px;font-size:16px;text-align:right;color:#0081d2}.allCourse_sort>a{color:#0081d2}.allCourse_btn-primary{color:#fff!important;background-color:#0081d2;border-color:#0081d2}.allCourse_btn-primary:active,.allCourse_btn-primary:hover .allCourse_btn-primary:focus{color:#fff!important;background-color:#0081d2;border-color:#0081d2}.stu_guest_join_check_onediv{margin:0 auto;margin-top:30px;width:900px;height:502px;border-radius:30px;box-shadow:0 0 8px 0 rgba(0,0,0,.2);background-color:#fff}@media only screen and (max-width:1297px){.stu_join_check_notice{display:none}}.stu_join_check_notice{width:319px;margin-right:0;z-index:99;float:right;margin-top:-568px}.stu_join_check_onediv{margin:0 auto;margin-top:32px;width:960px;height:505px;border-radius:16px;box-shadow:0 0 8px 0 rgba(0,0,0,.2);background-color:#e8f3fa;display:block;border:1px solid var(--Primary-Blue-50,#0081d2)}.stu_join_check_onediv_test_device{margin:0 auto;margin-top:32px;width:960px;height:291px;border-radius:16px;background-color:#f5f5f5;padding:24px}.stu_join_check_to_store_div{width:464px;height:40px;display:flex;padding:7px 16px;justify-content:center;align-items:center;gap:8px;flex:1 0 0;align-self:stretch;border-radius:8px;border:1px solid var(--Secondary-Green-60,#2aaf97);background:var(--Secondary-Green-10,#d6f8f2);color:var(--Secondary-Green-70,#1f8371);font-family:"Noto Sans TC";font-size:18px;font-style:normal;font-weight:500}.timetable_to_store_div{width:320px;height:48px;display:flex;padding:11px 12px;justify-content:center;align-items:center;gap:8px;flex:1 0 0;align-self:stretch;border-radius:8px;border:1px solid var(--Secondary-Green-60,#2aaf97);background:var(--Secondary-Green-10,#d6f8f2);color:var(--Secondary-Green-70,#1f8371);font-family:"Noto Sans TC";font-size:18px;font-style:normal;font-weight:500}.timetable_to_store_div:hover{width:320px;height:48px;display:flex;padding:7px 16px;justify-content:center;align-items:center;gap:8px;flex:1 0 0;align-self:stretch;border-radius:8px;color:var(--Neutral-White,#fff);font-family:"Noto Sans TC";font-size:18px;font-style:normal;font-weight:500;border-radius:8px;background:var(--Secondary-Green-60,#2aaf97)}.stu_join_check_to_store_div:hover{width:464px;height:40px;display:flex;padding:7px 16px;justify-content:center;align-items:center;gap:8px;flex:1 0 0;align-self:stretch;border-radius:8px;color:var(--Neutral-White,#fff);font-family:"Noto Sans TC";font-size:18px;font-style:normal;font-weight:500;border-radius:8px;background:var(--Secondary-Green-60,#2aaf97)}.stu_join_check_onediv_no_valid{margin:0 auto;margin-top:32px;width:960px;height:569px;border-radius:16px;box-shadow:0 0 8px 0 rgba(0,0,0,.2);background-color:#e8f3fa;border:1px solid var(--Primary-Blue-50,#0081d2);display:block}.stu_join_check_spn{width:104px;height:37px;margin:0 auto;margin-top:45px;font-size:26px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#151515}.stu_guest_join_check_spn{width:104px;height:37px;margin:0 auto;margin-top:25px;font-size:26px;font-weight:600;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#151515}.stu_join_check_one{width:960px;max-height:92px;margin:0 auto;font-size:30px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#000;vertical-align:middle;text-overflow:ellipsis;display:block;-webkit-line-clamp:2;-webkit-box-pack:center;-webkit-box-align:center;overflow:hidden}.stu_join_check_t{width:440px;height:29px;margin:0 auto;font-size:20px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#797979}.stu_join_check_s{width:440px;height:70px;margin:0 auto;font-size:24px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#000;margin-top:8px}.stu_join_check_f{width:440px;height:23px;margin:0 auto;margin-top:16px;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:red}.stu_join_check_fe{width:383px;height:242px;margin:0 0 10px;-o-object-fit:contain;object-fit:contain}.stu_join_check_sk{width:440px;height:29px;margin:0 auto;margin-top:24px;font-size:20px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#797979}.stu_join_check_sw{width:440px;height:35px;margin:0 auto;font-size:24px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#151515;margin-top:8px}.stu.join.check_spn{width:104px;height:37px;margin:0 auto;margin-top:45px;font-size:26px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#151515}.stu_join_check_bo:hover{background-color:#0067a8;text-decoration:none;color:#fff}.stu_join_check_bo{display:block;width:912px;height:52px;margin:0 auto;margin-top:40px;text-align:center;line-height:30px;color:#fff;cursor:pointer;padding:11px 16px 12px 16px;border-radius:8px;background-color:#0081d2;font-size:20px}@-webkit-keyframes immediatelyFlickerPulse{from{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 15px #fff}50%{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-box-shadow:0 0 35px #0081d2}to{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 15px #fff}}@keyframes immediatelyFlickerPulse{from{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 15px #fff}50%{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-box-shadow:0 0 35px #0081d2}to{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 15px #fff}}.stu_join_check_bt{width:912px;height:40px;margin:0 auto;margin-top:24px;text-align:center;line-height:23px;cursor:pointer;border-radius:8px;border:1px solid var(--Neutral-Grey-60,#616161);padding:8px 16px 9px 16px;color:var(--Neutral-Grey-60,#616161);font-size:16px}.stu_join_check_bt:hover{width:912px;height:40px;margin:0 auto;margin-top:24px;background-color:#fff;text-align:center;line-height:23px;cursor:pointer;border-radius:8px;border:1px solid var(--Neutral-Grey-60,#616161);padding:8px 16px 9px 16px;color:var(--Neutral-Grey-60,#616161);font-size:16px}.stu_join_check_bs{width:912px;height:20px;margin:0 auto;margin-top:16px;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;color:var(--Neutral-Grey-60,#616161)}.stu_join_check_dl{width:340px;height:37px;margin:0 auto;padding-top:10px;font-size:26px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#151515}.stu_join_check_tsdl{width:500px;height:60px;margin:0 auto;margin-top:20px;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#0081d2}.stu_join_check_zhts{font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#151515;width:480px;height:40px;margin:0 auto;margin-left:60px;margin-top:31px}.stu_join_check_oinput{width:250px;height:22px;margin-left:80px;border:none;background:0 0}.stu_join_check_mmts{width:375px;height:40px;margin:0 auto;margin-left:60px;margin-top:26px;border-bottom:1px #0081d2 solid}.stu_join_check_tinput{font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#151515;width:375px;height:22px;border:none}.stu_join_check_dlcc{display:block;width:400px;height:36px;margin:0 auto;margin-top:36px;border-radius:4px;background-color:#0081d2;text-align:center;line-height:36px;color:#fff;cursor:pointer}.stu_join_check_dlcc:hover{color:#000;text-decoration:none}.stu_join_check_ckcc{width:400px;height:36px;margin:0 auto;margin-top:20px;border-radius:4px;border:solid 1px #0081d2;background-color:#fff;text-align:center;line-height:36px;cursor:pointer;color:#0081d2;margin-bottom:20px}.noneAclick{display:none}