@charset "utf-8";*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;outline:none}body{margin:0;padding:0;font-size:15px;font-family:"微軟正黑體",Arial,Helvetica}h1,h2,h3,h4{margin:0;padding:0}ul{margin:0;padding:0;list-style:none}img{border:0}.like-table{display:table-cell;vertical-align:middle}a{text-decoration:none}.head .logo img{display:none}.mtop{display:none}.mhead{display:none}.mnav{display:none}.mfooter{display:none}.top{margin:0 auto;width:1024px;height:45px}.top .nav{width:100%;height:45px;line-height:45px;text-align:right}.top .nav ul{}.top .nav li{display:inline;margin:0 0 0 10px;color:#e4e4e4;font-size:1em}.top .nav li a{text-decoration:none;color:#4a5158}.top .nav li:nth-child(1) a{color:#f60}.top .nav li:nth-child(1) i{color:#f60}.top .nav li i{padding-right:4px;color:#0cb3be}.head{position:relative;z-index:1;margin:0 auto;padding:0;width:1024px;min-width:1024px;height:120px;border-top:1px solid #0cb3be;border-bottom:1px solid #0cb3be}.head-main{display:flex;margin:0 auto;width:1024px;justify-content:flex-start;align-items:center;padding-bottom:0}.head-main .logo{position:relative;padding:0 0 0 0;display:flex;justify-content:center;align-items:center;width:25%;height:118px;font-size:2.1rem;color:#fff;background:url(https://www.cek.com.tw/images/class_map/headimage-01-cek.png) 25% top;font-weight:bold;text-align:center}.head-main .logo a{color:#fff}.head-main .logo .open_m{display:block}.head-main .info{position:relative;padding:20px 0 0 20px;display:inline-block;width:30%;height:118px;font-size:1.1rem}.head-main .info p{margin:0;padding:0}.head-main .info .fa-clock{display:inline-block;color:#0cb3be;margin-right:3px}.head-main .info .mapsvg{position:relative;top:2px;left:3px;width:20px;height:20px}.topuse{padding-bottom:10px!important;font-size:2rem!important}.topuse span{font-size:1.5rem}.gtime{font-size:.8rem;color:#999}.head-main .classphoto{display:flex;margin:0 auto;width:45%;height:118px;justify-content:center;align-items:center}.head-main .classphoto div{margin:0 2px;width:100%;height:110px;overflow:hidden}.head-main .classphoto img{width:100%;height:110px}.head-main .btn{position:fixed;z-index:99;bottom:calc((100vh/2) - 60px);right:-10px;display:block;width:auto;height:auto}.head-main .btn ul{padding:0}.head-main .btn li{display:block;width:60px;height:auto;font-size:1rem;padding:10px;color:#fff;text-align:center}.head-main .btn li:nth-child(1){margin:0 10px 0 0;background-color:#00c300}.head-main .btn li:nth-child(2){background-color:#2467b6}.head-main .btn li:nth-child(3){display:none}.head-main .btn li a{display:block;text-decoration:none;color:#fff}.head-main br.open_m{display:block}.content{margin:10px auto 40px auto;width:1024px;overflow:hidden}.content .path{padding:10px 0 30px 0;width:100%;overflow:hidden}.content .path ol{margin:0;padding:0;list-style:none}.content .path li{margin:0;padding:0 5px 0 0;float:left;color:#ccc}.content .path li a{text-decoration:none;color:#333}.content .path li a:hover{text-decoration:underline}.footer{padding:40px 0 30px 0;width:100%;overflow:hidden}.footer .logo{width:100%;margin:0 auto;text-align:center}.footer .link{margin:0 auto;width:100%;max-width:1024px}.footer .link ul{margin:15px auto;width:100%;text-align:center}.footer .link li{display:inline-block;font-size:1.4em;padding:0 15px;font-weight:bold}.footer .link li a{text-decoration:none;color:#171717}.footer-copyright{width:100%;padding:10px 0;text-align:center;border-top:1px solid #c1c1c1;font-size:14px;color:#7a7a7a;letter-spacing:1px}.opsp-login{margin:0 auto 20px auto;padding:20px;width:100%;max-width:500px;background-color:#f9f9f9}.opsp-login h2{margin:0;padding:0 0 30px 0;font-size:1.6em;text-align:center}.opsp-login h4{margin:20px 0;padding:0;font-size:1em;text-align:center;color:#666}.opsp-login p{margin:0;padding:20px 0 0 0;font-size:1em;color:#0096ff}.opsp-login .sns{width:100%;text-align:center}.opsp-login .sns li{display:inline-block;width:130px;height:40px;line-height:40px;font-size:1.1em;color:#fff;border-radius:5px}.opsp-login .sns li:nth-child(1){background-color:#2467b6}.opsp-login .sns li:nth-child(2){background-color:#ea4335}.opsp-login .sns li a{display:block;text-decoration:none;color:#fff}.opsp-login .sns li:nth-child(1) a:hover{background-color:#1f5aa0;border-radius:5px}.opsp-login .sns li:nth-child(2) a:hover{background-color:#cc3c30;border-radius:5px}.opsp-login .member{width:100%}.opsp-login .member .inputstyle{appearance:none;-webkit-appearance:none;border-radius:5px;padding:0 5px;color:#333;font-size:1em;width:100%;height:40px;font-family:Arial,Helvetica,"微軟正黑體",sans-serif;border:0;border:1px solid #ccc}.opsp-login .member .btnstyle{margin:0 auto;padding:8px 5px;width:100%;text-align:center;font-family:Arial,Helvetica,"微軟正黑體",sans-serif;font-size:16px;color:#fff;border-radius:5px;background-color:#00d514;border-top:1px solid #00d514;border-left:1px solid #00d514;border-right:2px solid #02bf13;border-bottom:3px solid #02bf13;cursor:pointer}.opsp-login .member div{margin:10px 0;font-size:1em;color:#333}.opsp-login .member div .forgetpass{padding:0 0 0 10px;text-decoration:none;color:#f60}.opsp-login .member div .forgetpass:hover{text-decoration:underline}.opsp-login .other{width:100%;text-align:center}.opsp-login .other li{display:inline-block;width:49%;height:40px;line-height:40px;font-size:1em;border-radius:5px;border:1px solid #4a5158;background-color:#fff}.opsp-login .other li a{display:block;text-decoration:none;color:#4a5158}.opsp-login .other li a:hover{background-color:#4a5158;border-radius:5px;color:#fff}.fancybox-active .fancybox-slide--iframe .fancybox-content{max-width:700px}.content .opsp-list{margin:0;padding:0;width:100%;overflow:hidden}.content .opsp-list h2{margin:0 0 0 10px;font-size:1.2em;color:#000}.content .opsp-list ul{margin:0;padding:0;width:100%}.content .opsp-list li{float:left;display:block;width:320px;margin:10px;padding:10px 9px;border:1px solid #ccc;border-radius:5px}@media(min-width:1024px){.content .opsp-list>ul{display:flex;flex-wrap:wrap}.content .opsp-list>ul>li{width:31%}}.content .opsp-list li .box{display:table}.content .opsp-list li .box ul{display:table-row}.content .opsp-list li .box ul li{display:table-cell;margin:0;padding:0;width:100%;border:0 solid #ccc;vertical-align:middle}.content .opsp-list li .box ul li img{height:auto}.content .opsp-list li .box ul li h3{padding:5px 0;font-size:1.1em;font-weight:normal;line-height:1.4;color:#000;text-align:justify}.content .opsp-list li .box ul li h3 a{color:#0096ff;text-decoration:none}.content .opsp-list li .box ul li h4{font-size:14px;font-weight:normal;color:#999}.content .opsp-list li .box ul li p{margin:0;padding:0;color:#00d514}.content .opsp-list li .box ul li p a{text-decoration:none;color:#00d514}.opsptext-list .search{position:relative;padding:10px 0;text-align:center}.fraud_box{position:fixed;z-index:889;bottom:calc((100vh/2) - 200px);right:0;width:60px;height:auto}.fraud_box img{width:100%}.cekclass-list{margin:10px auto;padding:0;width:1024px;overflow:hidden}.cekclass-list h3{padding:15px 0;font-size:1.5em;color:#333;text-align:center}.cekclass-list .mainbox{padding:0 0 30px 0;width:100%;border:1px solid #ccc;border-radius:5px}.cekclass-list .mainbox ul.cekclasstab{width:100%;height:auto;display:flex}.cekclass-list .mainbox ul.cekclasstab li{display:block;padding:15px 0;width:100%;background-color:#f4f4f4;cursor:pointer;font-size:1.2em;color:#000;text-align:center;border-bottom:3px solid #c8c8c8}.cekclass-list .mainbox ul.cekclasstab li:first-child{border-radius:5px 0 0 0}.cekclass-list .mainbox ul.cekclasstab li:last-child{border-radius:0 5px 0 0}.cekclass-list .mainbox ul.cekclasstab li.active{color:#0cb3be;border-bottom:3px solid #0cb3be;background-color:#fff}.cekclass-list .mainbox .btn{margin:0 auto;width:200px;height:45px;line-height:45px;font-size:1em;color:#fff;text-align:center;border-radius:10px;background-color:#0cb3be;font-weight:bold}.cekclass-list .mainbox .btn a{display:block;text-decoration:none;color:#fff}.opencekclasstab{padding:20px;width:100%;overflow:hidden}.opencekclasstab ul{}.opencekclasstab li{float:left;width:50%;margin:0;padding:0 10px 0 0}.opencekclasstab li{margin:0;padding:0;font-size:1.1em;color:#666;line-height:2;text-align:justify}.opencekclasstab li a{color:#333}.opencekclasstab i{color:#0cb3be}.cekclass-list-ps a{display:inline-block;width:16.333333%;text-align:center;padding:5px 0;color:#0cb3be;text-decoration:none;font-size:1rem}.cekclass-list-ps a:hover{color:#01737b}@media screen and (max-width:1023px){.mtop{display:block;width:100%;height:35px;border-bottom:1px solid #dbdbdb}.mtop .menu{float:left;width:35px;height:35px;line-height:35px;font-size:1.5em;text-align:center;color:#0cb3be;border-right:1px solid #dbdbdb}.mtop .user{float:right;padding:5px 5px 0 0;color:#e4e4e4;font-size:14px}.mtop .user a{text-decoration:none;color:#000}.mtop .user i{color:#0cb3be}.menu-main{clear:both;display:none;width:100%;background-color:#e5e5e6;position:relative;z-index:999}.menu-main li{position:relative;color:#fff;background:#4a5158}.menu-main li a{display:block;padding:10px;font-size:1em;color:#fff;text-decoration:none}.menu-main li:hover{background:#07929b}.menu-main li:hover a{color:#fff}.menu-main li ul{background-color:#f7f7f7;display:none;position:absolute;top:100%}.menu-main li:hover ul{position:relative;display:block;right:0;left:0;top:100%}.menu-main li:hover ul li a{padding-left:10px;font-size:1em;color:#464c53;text-decoration:none;background-color:#f7f7f7;border-bottom:1px dashed #cdcdcd}.menu-main li:hover ul li:last-child a{border-bottom:0 dashed #cdcdcd}.arrow-bottom{position:absolute;top:20px;right:13px;margin-left:5px;border-top:4px solid #fff;border-right:4px solid transparent;border-left:4px solid transparent;width:1px;height:1px}.head{position:relative;z-index:1;margin:0 auto;padding:0;width:100%;min-width:100%;height:auto;border-top:0;border-left:0;border-right:0;border-bottom:1px solid #0cb3be}.head-main{display:flex;flex-wrap:wrap;margin:0 auto;width:100%;justify-content:center;align-items:center;padding-bottom:0}.head-main .logo{position:relative;padding:0 0 0 0;display:flex;justify-content:center;align-items:center;width:45%;height:auto;font-size:2rem;color:#0cb3be;background:transparent;font-weight:bold;text-align:center}.head-main .logo a{color:#0cb3be}.head-main .logo .open_m{display:block}.head-main .info{position:relative;padding:5px 10px 0 0;display:inline-block;width:55%;height:auto;background-color:#fff;font-size:1rem}.head-main .info p{margin:0;padding:0}.head-main .info .fa-clock{display:inline-block;color:#0cb3be;margin-right:3px}.head-main .info .mapsvg{position:relative;top:2px;left:5px;width:18px;height:18px}.topuse{padding-top:0!important;font-size:2rem!important}.topuse span{font-size:1.5rem}.head-main .classphoto{display:flex;margin:0 auto;width:100%;height:100px;justify-content:center;align-items:center}.head-main .classphoto div{margin:0 2px;width:116px;height:88px;overflow:hidden}.head-main .classphoto img{width:100%;height:88px}.head-main .btn{position:fixed;z-index:99;bottom:0;right:0;float:right;width:100%;height:auto;background:transparent}.head-main .btn ul{padding:20px 0 0 0}.head-main .btn li{display:block;float:left;width:33.33333%;height:auto;font-size:1rem;color:#fff;text-align:center;border-radius:0}.head-main .btn li:nth-child(1){display:inline-block;margin:0;background-color:#00c300}.head-main .btn li:nth-child(2){display:inline-block;background-color:#2467b6}.head-main .btn li:nth-child(3){display:inline-block;background-color:#f39818}.head-main .btn li a{display:block;text-decoration:none;color:#fff}.head-main br.open_m{display:none}.top{display:none}.mnav{display:block;width:100%;height:auto}.mnav ul{margin:0 0 1px 0;width:100%;overflow:hidden;text-align:center}.mnav li{display:block;float:left;margin:0;width:50%;height:40px;line-height:40px;background-color:#0cb3be}.mnav li:nth-child(1){border-right:1px solid #fff}.mnav li a{display:block;text-decoration:none;color:#fff}.content{margin:0 auto 10px auto;width:100%;overflow:hidden}.content .path{padding:5px 5px 15px 5px;width:100%;overflow:hidden;font-size:14px}.content .path ol{margin:0;padding:0;list-style:none}.content .path li{margin:0;padding:0 5px 0 0;float:left;color:#ccc}.content .path li a{text-decoration:none;color:#333}.footer{display:none}.mfooter{display:block;width:100%}.mfooter .logo{width:100%;margin:0 auto;text-align:center}.mfooter .link{width:100%;padding:10px 0;text-align:center;background-color:#666}.mfooter .link ul{margin:0 auto;text-align:center}.mfooter .link li{display:inline;font-size:1em;margin:0 5px}.mfooter .link li a{text-decoration:none;color:#fff}.footer-copyright{width:100%;padding:10px 2px 50px 2px;text-align:center;border-top:1px solid #c1c1c1;font-size:13px;color:#7a7a7a;letter-spacing:0}.opsp-login{margin:0 auto 20px auto;padding:20px;width:100%;background-color:#fff}.opsp-login h2{margin:0;padding:0 0 30px 0;font-size:1.3em;text-align:center}.opsp-login h4{margin:20px 0;padding:0;font-size:14px;text-align:center;color:#666}.opsp-login p{margin:0;padding:20px 0 0 0;font-size:14px;color:#0096ff}.opsp-login .sns{width:100%;text-align:center}.opsp-login .sns li{display:inline-block;width:130px;height:40px;line-height:40px;font-size:1.1em;color:#fff;border-radius:5px}.opsp-login .sns li:nth-child(1){background-color:#2467b6}.opsp-login .sns li:nth-child(2){background-color:#ea4335}.opsp-login .sns li a{display:block;text-decoration:none;color:#fff}.opsp-login .sns li:nth-child(1) a:hover{background-color:#1f5aa0;border-radius:5px}.opsp-login .sns li:nth-child(2) a:hover{background-color:#cc3c30;border-radius:5px}.opsp-login .member{width:100%}.opsp-login .member .inputstyle{appearance:none;-webkit-appearance:none;border-radius:5px;padding:0 5px;color:#333;font-size:1em;width:100%;height:40px;font-family:Arial,Helvetica,"微軟正黑體",sans-serif;border:0;border:1px solid #ccc}.opsp-login .member .btnstyle{margin:0 auto;padding:8px 5px;width:100%;text-align:center;font-family:Arial,Helvetica,"微軟正黑體",sans-serif;font-size:16px;color:#fff;border-radius:5px;background-color:#00d514;border-top:1px solid #00d514;border-left:1px solid #00d514;border-right:2px solid #02bf13;border-bottom:3px solid #02bf13;cursor:pointer}.opsp-login .member div{margin:10px 0;font-size:14px;color:#333}.opsp-login .member div .forgetpass{padding:0 0 0 10px;text-decoration:none;color:#f60}.opsp-login .member div .forgetpass:hover{text-decoration:underline}.opsp-login .other{width:100%;text-align:center}.opsp-login .other li{display:inline-block;width:49%;height:40px;line-height:40px;font-size:1em;border-radius:5px;border:1px solid #4a5158;background-color:#fff}.opsp-login .other li a{display:block;text-decoration:none;color:#4a5158}.opsp-login .other li a:hover{background-color:#4a5158;border-radius:5px;color:#fff}.content .opsp-list{margin:0;padding:0;width:100%;overflow:hidden}.content .opsp-list h2{margin:0 0 10px 2%;font-size:1.2em;color:#000}.content .opsp-list ul{margin:0;padding:0;width:100%}.content .opsp-list li{clear:both;float:none;display:block;width:100%;margin:0;padding:10px 2%;border:1px solid #efefef;overflow:hidden;border-radius:0;border-left:0;border-right:0;border-top:0}.content .opsp-list li:first-child{border-top:1px solid #efefef}.content .opsp-list li .box{display:table;width:100%}.content .opsp-list li .box ul{display:table-row}.content .opsp-list li .box ul li{display:table-cell;margin:0;padding:0;border:0 solid #ccc;vertical-align:middle}.content .opsp-list li .box ul li:nth-child(1){width:40%}.content .opsp-list li .box ul li:nth-child(2){padding:0 10px;width:60%}.content .opsp-list li .box ul li img{max-width:300px;height:auto}.content .opsp-list li .box ul li h3{padding:5px 0 0 0;font-size:1.1em;font-weight:normal;line-height:1.4;color:#ff6c00;text-align:justify}.content .opsp-list li .box ul li h3 a{color:#000;text-decoration:none}.content .opsp-list li .box ul li h4{display:none;font-weight:normal;color:#858585}.content .opsp-list li .box ul li p{display:none;margin:0;padding:0;color:#00d514}.content .opsp-list li .box ul li p a{text-decoration:none;color:#00d514}.cekclass-list{margin:0 auto;padding:0;width:100%;overflow:hidden}.cekclass-list h3{padding:15px 0;font-size:1.5em;color:#333;text-align:center;border-top:1px solid #c8c8c8}.cekclass-list .mainbox{padding:0;width:100%;border:0 solid #ccc;border-bottom:1px solid #ccc;border-radius:0}.cekclass-list .mainbox ul.cekclasstab{width:100%;height:auto}.cekclass-list .mainbox ul.cekclasstab li{display:block;padding:15px 0;background-color:#f4f4f4;cursor:pointer;font-size:1em;color:#000;text-align:center;border-bottom:3px solid #c8c8c8}.cekclass-list .mainbox ul.cekclasstab li:first-child{border-radius:5px 0 0 0}.cekclass-list .mainbox ul.cekclasstab li:last-child{border-radius:0 5px 0 0}.cekclass-list .mainbox ul.cekclasstab li.active{color:#0cb3be;border-bottom:3px solid #0cb3be;background-color:#fff}.cekclass-list .mainbox .btn{margin:0 auto;width:180px;height:40px;line-height:40px;font-size:1em;color:#fff;text-align:center;border-radius:10px;background-color:#0cb3be;font-weight:bold}.cekclass-list .mainbox .btn a{display:block;text-decoration:none;color:#fff}.opencekclasstab{padding:20px;width:100%;overflow:hidden}.opencekclasstab ul{}.opencekclasstab li{float:none;width:100%;margin:0;padding:0}.opencekclasstab li{margin:0;padding:0;font-size:1em;color:#666;line-height:2;text-align:justify}.opencekclasstab li a{color:#333}.opencekclasstab i{color:#0cb3be}.cekclass-list-ps a{display:inline-block;width:32.333333%;text-align:center;padding:5px 0;color:#0cb3be;text-decoration:none;font-size:1rem}.cekclass-list-ps a:hover{color:#01737b}}