@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}}@charset "utf-8";.boxhide{display:none}.boxhide p{margin:0;padding:0}.content .title{margin:0;padding:0 20px;width:100%;height:60px;line-height:60px;border:1px solid #00d514;border-radius:5px}.content .title h1{font-size:1.5em;color:#00d514;letter-spacing:1px}.content .title h2{font-size:1.5em;color:#00d514;letter-spacing:1px}.content .select-search{margin:0;padding:30px 0 10px 10px;width:100%;overflow:hidden}.content .select-search ul{}.content .select-search li{float:left;margin:0;width:20%;font-size:16px}.content .select-search ul li:nth-child(1){margin:0;padding:5px 0;width:5%}.content .select-search ul li:nth-child(3){margin:0 0 0 20px;padding:5px 0;width:5%}.content .select-search select{margin:0;padding:0 5px;outline:none;font-family:Arial,Helvetica,"微軟正黑體",sans-serif;border:1px solid #ccc;width:100%;height:32px;font-size:1em;color:#333}.content .select-search .btn{float:left;margin:0 0 0 5px;text-align:center;width:5%}.content .select-search .btn input{appearance:none;-webkit-appearance:none;border-radius:5px;color:#fff;font-size:1em;width:100%;height:32px;font-family:Arial,Helvetica,"微軟正黑體",sans-serif;border:0;cursor:pointer;vertical-align:middle;background-color:#4a5158}.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%;display:flex;flex-wrap:wrap}.content .opsp-list li{float:left;display:block;width:31%;margin:10px;padding:10px 9px;border:1px solid #ccc;border-radius:5px}.content .opsp-list li .box{display:table;width:300px}.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{max-width:300px;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}.content .page{margin:20px auto 0 auto;padding:0;width:100%;text-align:center}.content .page ul{margin:0 auto;padding:0;width:100%;text-align:center}.content .page li{display:inline-block;font-size:14px;color:#acacac}.content .page li.in{margin:0;padding:5px 10px;font-size:14px;color:#fff;border:1px solid #4a5158;background-color:#4a5158}.content .page li a{text-decoration:none;padding:5px 10px;font-size:14px;color:#acacac;border:1px solid #e5e5e5}.content .page li a:hover{color:#fff;background-color:#00d514;border:1px solid #00d514}.experience{margin:40px auto 10px auto;width:100%;overflow:hidden}.experience .experiencebtn{margin:0 auto;padding:0;width:200px;height:45px;line-height:45px;font-size:1.1em;color:#fff;text-align:center;background-color:#00d514;border-radius:10px}.experience .experiencebtn a{text-decoration:none;color:#fff}.experience .mainbox{padding:0 0 30px 0;width:100%;border:1px solid #ccc;border-radius:5px}.experience .mainbox ul.experiencetab{width:100%;height:auto}.experience .mainbox ul.experiencetab li{display:block;float:left;padding:15px 0;width:25%;background-color:#f4f4f4;cursor:pointer;font-size:1.2em;color:#000;text-align:center;border-bottom:3px solid #c8c8c8}.experience .mainbox ul.experiencetab li:first-child{border-radius:5px 0 0 0}.experience .mainbox ul.experiencetab li:last-child{border-radius:0 5px 0 0}.experience .mainbox ul.experiencetab li.active{color:#00d514;border-bottom:3px solid #00d514;background-color:#fff}.experiencecon{padding:30px 1px 15px 1px;width:100%;overflow:hidden}.experiencecon ul{margin:0;padding:0}.experiencecon li{display:block;float:left;width:340px;margin:0;padding:0 20px}.experiencecon li .photo{margin:0 auto;width:88px;height:88px;border-radius:50%}.experiencecon li .photo img{width:88px;height:88px;border-radius:50%}.experiencecon li .text{margin:0 auto;width:100%}.experiencecon li .text h3{margin:0 0 10px 0;padding:10px 0;font-size:1.2em;color:#000;text-align:center;border-bottom:1px dashed #d3d2d2}.experiencecon li .text h3 a{text-decoration:none;color:#00d514}.experiencecon li .text h3 a:hover{color:#00d514}.experiencecon li .text p{margin:0;padding:0;font-size:1em;line-height:1.5;text-align:justify}.experience-box{margin:15px 0 0 0;padding:0 12px;width:100%;overflow:hidden}.experience-box h2{margin:0 0 10px 0;font-size:1.2em;color:#000}.experience-box ul{margin:0;padding:25px 4px;width:100%;border:1px solid #ccc;border-radius:5px;overflow:hidden}.experience-box li{display:block;float:left;width:330px;margin:0;padding:0 20px}.experience-box li .photo{margin:0 auto;width:88px;height:88px;border-radius:50%}.experience-box li .photo img{border-radius:50%}.experience-box li .text{margin:0 auto;width:100%}.experience-box li .text h3{margin:0 0 10px 0;padding:10px 0;font-size:1.2em;color:#000;text-align:center;border-bottom:1px dashed #d3d2d2}.experience-box li .text h3 a{text-decoration:none;color:#00d514}.experience-box li .text h3 a:hover{color:#00d514}.experience-box li .text p{margin:0;padding:0;font-size:1em;line-height:1.5;text-align:justify}.customlabel{margin:40px auto 10px auto;width:100%;overflow:hidden}.customlabel .mainbox{width:100%;border:1px solid #ccc;border-radius:5px}.customlabel .mainbox ul.customlabeltab{width:100%;height:auto;display:flex;justify-content:space-around}.customlabel .mainbox ul.customlabeltab li{display:block;padding:15px 10px;width:100%;background-color:#f4f4f4;cursor:pointer;font-size:1.2em;color:#000;text-align:center;border-bottom:3px solid #c8c8c8}.customlabel .mainbox ul.customlabeltab li:first-child{border-radius:5px 0 0 0}.customlabel .mainbox ul.customlabeltab li:last-child{border-radius:0 5px 0 0}.customlabel .mainbox ul.customlabeltab li.active{color:#f60;border-bottom:3px solid #f60;background-color:#fff}.customlabelcon{padding:10px 1px;width:100%;overflow:hidden}.customlabelcon ul{display:flex;flex-wrap:wrap}.customlabelcon li{display:block;float:left;width:340px;margin:15px 0;padding:0 20px}.customlabelcon li .photo{float:left;margin:0 auto;width:32%}.customlabelcon li .photo img{border-radius:10px;max-width:88px;height:auto}.customlabelcon li .text{float:right;margin:0 auto;width:68%}.customlabelcon li .text h3{margin:0;padding:0 0 5px 0;font-size:16px;color:#f60}.customlabelcon li .text h3 a{text-decoration:none;color:#f60}.customlabelcon li .text p{margin:0;padding:0;font-size:1em;line-height:1.5;text-align:justify}.opsp-main{margin:0}.opsp-main .adimg{padding:0;width:100%;max-width:1024px;height:auto}.opsp-main h1{padding:10px 0;font-size:2.1em}.opsp-main .info{}.opsp-main .info p{margin:0;padding:10px 0;font-size:1.2em;line-height:1.6;color:#000;border-bottom:1px dashed #d5d5d5}.opsp-main .info p a{color:#0096ff}.opsp-main .info i{padding:0 5px;color:#00d514}.opsp-main .info-text{margin:0;padding:15px 0}.opsp-main .info-text p{margin:0;padding:0;font-size:1.2em;line-height:1.6;color:#000}.opsp-main .info-text i{padding:0 5px;color:#f60}.opsp-main .info-text p:nth-child(2){padding:0 0 0 5px;color:#f60}.opsp-main .adtext{margin:0;padding:0}.opsp-main .adtext h2{display:block;margin:25px 0 10px 0;width:100%;padding:10px;font-size:1.2em;border:1px solid #999;border-radius:5px}.opsp-main .adtext p{margin:0;padding:0;font-size:1.1em;line-height:2}.opsp-main .adtext .btn{margin:40px auto 0 auto;width:200px;height:45px;line-height:45px;border-radius:10px;background-color:#00d514;color:#fff;text-align:center;font-size:1.1em}.opsp-main .adtext .btn a{display:block;text-decoration:none;color:#fff}.opsp-main .info p:nth-child(1){display:none}.opsp-main .adbtn{margin:30px 0;width:100%;display:flex;flex-wrap:wrap}.opsp-main .adbtn a{display:inline-block;width:14.5%;height:40px;line-height:40px;border-radius:20px;background-color:#ff7e00;font-size:1.1em;color:#fff;text-align:center;text-decoration:none;transition-duration:.5s;margin:0 1%}.opsp-main .adbtn a:hover{background-color:#4a5158}.opsp-main .fixed{position:fixed;left:0;top:0;width:100%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);margin:0;padding:20px calc((100% - 1024px)/2)}.opsp-main .session{margin:20px 0;padding:0;overflow:hidden}.opsp-main .session h3{margin:0;width:100%;padding:0;font-size:1.1em;font-weight:normal;color:#000}.opsp-main .session .table{margin:20px 0;width:100%}.opsp-main .session .table p{color:#0096ff}.opsp-main .session .table table{border:none;border-collapse:collapse}.opsp-main .session .table table tr{}.opsp-main .session .table table td{border:1px solid #99eaa1;padding:5px;font-size:16px;letter-spacing:1px}.opsp-main .session .table table td a{text-decoration:none;color:#00d514}.opsp-main .session .table table td:nth-child(1){width:20%;text-align:center;background:#00d514;color:#fff}.opsp-main .session .table table select{margin:0;padding:0 5px;outline:none;font-family:Arial,Helvetica,"微軟正黑體",sans-serif;border:1px solid #ccc;width:15%;height:28px;font-size:14px;color:#000}.opsp-main .session .btn-a{margin:0 auto;width:100px;height:40px;line-height:40px;border-radius:10px;background:#68717c;color:#fff;text-align:center;font-size:1em}.opsp-main .session .table table button{padding:5px;width:100px;text-align:center;font-family:Arial,Helvetica,"微軟正黑體",sans-serif;font-size:14px}.opsp-main .session .btn-b{margin:0 auto;width:100px;height:40px;line-height:40px;border-radius:10px;background:#0096ff;color:#fff;text-align:center;font-size:1em}.opsp-main .session .btn-b a{display:block;color:#fff;text-decoration:none}.signup{margin:20px auto 40px auto;padding:20px;width:100%;height:auto;border:1px dashed #a3a3a3}.signup div{margin:10px 0;font-size:16px}.signup .box01 span{font-size:1em}.signup .box01 input{appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:5px;padding:0 5px;color:#333;font-size:1em;width:50%;height:32px;font-family:Arial,Helvetica,"微軟正黑體",sans-serif;border:0;border:1px solid #ccc}.signup .box02 input{appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:5px;padding:0 5px;color:#333;font-size:1em;width:40%;height:32px;font-family:Arial,Helvetica,"微軟正黑體",sans-serif;border:0;border:1px solid #ccc}.signup .box02 select{margin:0;padding:0 5px;outline:none;font-family:Arial,Helvetica,"微軟正黑體",sans-serif;border:1px solid #ccc;width:15%;height:32px;border-radius:5px;font-size:1em;color:#333}.signup .btn{margin:10px auto 0 auto;padding:5px;width:100px;text-align:center}.opsp-record{margin:30px 0 0 0;padding:0;width:100%}.opsp-record .record-box{margin:0 0 30px 0}.record-box h3{margin:0;padding:0;font-size:1.4em;color:#000}.record-box h3 i{color:#99eaa1}.record-box h4{margin:0;padding:0;font-weight:normal;font-size:1em;color:#565656;line-height:1.6}.record-box table{margin:10px 0;padding:0;border:none;border-collapse:collapse}.record-box table tr:nth-child(1){background-color:#00d514;font-weight:bold;color:#fff}.record-box table td{border:1px solid #99eaa1;padding:5px;font-size:1em;line-height:1.5;text-align:center}.record-box table td a{text-decoration:none;color:#0096ff}.record-box table td a:hover{color:#f60}.record-print{margin:0 auto;padding:30px 20px;width:500px}.record-print h2{padding:0 0 10px 0;font-size:1.5em;border-bottom:1px dashed #a0a0a0;text-align:center;color:#02bf13}.record-print h3{padding:15px 0 5px 0;font-size:16px;color:#333}.record-print p{margin:0;padding:0;color:#666}.record-print table{margin:10px 0;padding:0;border:none;border-collapse:collapse}.record-print table td{border:1px solid #99eaa1;padding:8px 5px;font-size:1em;line-height:1.5;background-color:#fff;color:#666}.record-print table td:nth-child(1){background-color:#00d514;font-weight:bold;color:#fff;text-align:center}.record-print .print{margin:20px 0 0 0;width:100%;text-align:center}.record-print .btnstyle{width:40%;padding:5px;text-align:center;font-family:Arial,Helvetica,"微軟正黑體",sans-serif;font-size:1em;color:#333}.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}.expired-wap{margin:0 auto;padding:20px 0;width:100%;max-width:1024px}.expired-wap h1{margin:10px 0;font-size:2.5em;color:#000;text-align:center;font-weight:normal}.expired-wap .opsp-list ul{margin:0;padding:0;width:100%}.expired-wap .opsp-list li{float:left;display:block;width:320px;margin:10px;padding:10px 9px;border:1px solid #ccc;border-radius:5px}.expired-wap .opsp-list li .box{display:table;width:300px}.expired-wap .opsp-list li .box ul{display:table-row}.expired-wap .opsp-list li .box ul li{display:table-cell;margin:0;padding:0;width:100%;border:0 solid #ccc;vertical-align:middle}.expired-wap .opsp-list li .box ul li img{max-width:300px;height:auto}.expired-wap .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}.expired-wap .opsp-list li .box ul li h3 a{color:#000;text-decoration:none}.expired-wap .opsp-list li .box ul li h4{font-size:14px;font-weight:normal;color:#999}.expired-wap .opsp-list li .box ul li p{margin:0;padding:0;color:#00d514}.expired-wap .opsp-list li .box ul li p a{text-decoration:none;color:#00d514}.expired-wap .btn{padding:40px 0;width:100%;height:auto;overflow:hidden}.expired-wap .btn ul{margin:0 auto;text-align:center}.expired-wap .btn li{display:inline-block;width:150px;height:45px;line-height:45px;font-size:1.1em;color:#fff;text-align:center;border-radius:5px}.expired-wap .btn li:nth-child(1){border:1px solid #00d514}.expired-wap .btn li:nth-child(2){border:1px solid #f60}.expired-wap .btn li a{display:block;text-decoration:none}.expired-wap .btn li:nth-child(1) a{color:#00d514}.expired-wap .btn li:nth-child(2) a{color:#f60}.expired-wap .btn li:nth-child(1) a:hover{border-radius:5px;background-color:#00d514;color:#fff}.expired-wap .btn li:nth-child(2) a:hover{border-radius:5px;background-color:#f60;color:#fff}@media screen and (max-width:1023px){.content .title{margin:0 2%;padding:0 10px;width:96%;height:45px;line-height:45px;border:1px solid #00d514;border-radius:5px}.content .title h1{font-size:1.1em;color:#00d514;letter-spacing:1px}.content .title h2{font-size:1.1em;color:#00d514;letter-spacing:1px}.content .select-search{margin:0;padding:20px 2%;width:100%;overflow:hidden}.content .select-search ul{}.content .select-search li{float:left;margin:0 0 10px 0;width:85%;font-size:1em}.content .select-search ul li:nth-child(1){margin:0;padding:5px 0;width:15%}.content .select-search ul li:nth-child(3){margin:0;padding:5px 0;width:15%}.content .select-search select{margin:0;padding:0 5px;outline:none;font-family:Arial,Helvetica,"微軟正黑體",sans-serif;border:1px solid #ccc;width:100%;height:32px;font-size:1em;color:#333}.content .select-search .btn{clear:both;float:none;margin:0 auto;text-align:center;width:20%}.content .select-search .btn input{appearance:none;-webkit-appearance:none;border-radius:5px;color:#fff;font-size:14px;width:100%;height:35px;border:0;font-family:Arial,Helvetica,"微軟正黑體",sans-serif;cursor:pointer;vertical-align:middle;background-color:#4a5158}.content .opsp-list{margin:0;padding:0;width:100%;overflow:hidden}.content .opsp-list h2{margin:0 0 10px 2%;font-size:1.1em;color:#00d514}.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:last-child{border-bottom:0 solid #efefef}.content .opsp-list li .box{display:table;width:100%}.content .opsp-list li .box ul{display:flex}.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{width:100%;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}.content .page{margin:20px auto 0 auto;padding:0;width:100%;text-align:center}.content .page ul{margin:0 auto;padding:0;width:100%;text-align:center}.content .page li{display:inline-block;font-size:14px;color:#acacac}.content .page li.in{margin:0;padding:5px 10px;font-size:14px;color:#fff;border:1px solid #4a5158;background-color:#4a5158}.content .page li a{text-decoration:none;padding:5px 10px;font-size:14px;color:#acacac;border:1px solid #e5e5e5}.content .page li a:hover{color:#fff;background-color:#00d514;border:1px solid #00d514}.experience{margin:30px auto 15px auto;width:100%;overflow:hidden}.experience h2{display:block;font-size:1.3em;color:#4a5158;padding:15px 0;text-align:center}.experience .experiencebtn{margin:0 auto;width:180px;height:40px;line-height:40px;font-size:1em;color:#fff;text-align:center;background-color:#00d514;border-radius:10px}.experience .experiencebtn a{text-decoration:none;color:#fff}.experience .mainbox{padding:0;width:100%;border-radius:0;border:0 solid #ccc}.experience .mainbox ul.experiencetab{width:100%;height:auto}.experience .mainbox ul.experiencetab li{display:block;float:left;padding:10px 10px;width:25%;background-color:#f4f4f4;cursor:pointer;font-size:14px;color:#000;text-align:center;border-bottom:3px solid #c8c8c8}.experience .mainbox ul.experiencetab li:first-child{border-radius:0}.experience .mainbox ul.experiencetab li:last-child{border-radius:0}.experience .mainbox ul.experiencetab li.active{color:#00d514;border-bottom:3px solid #00d514;background-color:#fff}.experiencecon{padding:0 20px;width:100%;overflow:hidden}.experiencecon ul{}.experiencecon li{display:block;float:none;width:100%;margin:20px 0;padding:0;overflow:hidden}.experiencecon li .photo{float:left;margin:0 auto;padding:0 10px 0 0;width:25%;height:auto;border-radius:50%}.experiencecon li .photo img{max-width:88px;border-radius:50%}.experiencecon li .text{float:right;margin:0 auto;padding:0;width:75%}.experiencecon li .text h3{margin:0 0 5px 0;padding:0 0 5px 0;font-size:1em;color:#00d514;text-align:left;border-bottom:1px dashed #d3d2d2}.experiencecon li .text p{margin:0;padding:0;font-size:14px;line-height:1.5;text-align:justify}.experience-box{margin:15px 2% 0 2%;padding:0;width:96%;overflow:hidden}.experience-box h2{margin:0 0 10px 0;font-size:1.2em;color:#000}.experience-box ul{margin:0;padding:15px 4px 5px 4px;width:100%;border:1px solid #ccc;border-radius:5px;overflow:hidden}.experience-box li{clear:both;display:block;float:none;width:100%;margin:10px 0;padding:0 10px;overflow:hidden}.experience-box li .photo{float:left;margin:0 auto;padding:0 10px 0 0;width:25%;height:auto;border-radius:50%}.experience-box li .photo img{max-width:88px;border-radius:50%}.experience-box li .text{float:right;margin:0 auto;padding:0;width:75%}.experience-box li .text h3{margin:0 0 5px 0;padding:0 0 5px 0;font-size:1em;color:#000;text-align:left;border-bottom:1px dashed #d3d2d2}.experience-box li .text h3 a{text-decoration:none;color:#00d514}.experience-box li .text p{margin:0;padding:0;font-size:1em;line-height:1.4;text-align:justify}.customlabel{margin:30px auto 0 auto;width:100%;overflow:hidden}.customlabel .mainbox{width:100%;border:0 solid #ccc;border-radius:0}.customlabel .mainbox ul.customlabeltab{width:100%;height:auto;display:flex;justify-content:space-around}.customlabel .mainbox ul.customlabeltab li{display:block;padding:15px 5px;width:100%;background-color:#f4f4f4;cursor:pointer;font-size:14px;color:#000;text-align:center;border-bottom:3px solid #c8c8c8}.customlabel .mainbox ul.customlabeltab li:first-child{border-radius:0}.customlabel .mainbox ul.customlabeltab li:last-child{border-radius:0}.customlabel .mainbox ul.customlabeltab li.active{color:#f60;border-bottom:3px solid #f60;background-color:#fff}.customlabelcon{padding:10px 20px;width:100%;overflow:hidden}.customlabelcon ul{}.customlabelcon li{clear:both;display:flex;float:none;width:100%;margin:10px 0;padding:0;overflow:hidden}.customlabelcon li .photo{float:left;margin:0 auto;padding:0 5px 0 0;width:20%}.customlabelcon li .photo img{border-radius:10px;max-width:88px;height:auto}.customlabelcon li .text{float:right;margin:0 auto;width:80%}.customlabelcon li .text h3{margin:0;padding:0 0 2px 0;font-size:16px;color:#f60}.customlabelcon li .text h3 a{text-decoration:none;font-size:16px;color:#f60}.customlabelcon li .text p{margin:0;padding:0;font-size:1em;line-height:1.4;text-align:justify}.opsp-main{margin:0 0 40px 0;padding:0 2%}.opsp-main .adimg{padding:0 0 5px 0;width:100%;max-width:1024px;height:auto}.opsp-main h1{padding:10px 0;font-size:1.5em}.opsp-main .info{}.opsp-main .info p{margin:0;padding:10px 0;font-size:13px;line-height:1.6;color:#000;border-bottom:1px dashed #d5d5d5}.opsp-main .info i{padding:0 5px;color:#00d514}.opsp-main .info-text{margin:0;padding:10px 0;border-bottom:1px dashed #d5d5d5}.opsp-main .info-text p{margin:0;padding:0;font-size:14px;line-height:1.5;color:#000}.opsp-main .info-text i{padding:0 5px;color:#f60}.opsp-main .info-text p:nth-child(2){padding:0 0 0 5px;color:#f60}.opsp-main .adtext{margin:0;padding:0 2%}.opsp-main .adtext h2{display:block;margin:25px 0 10px 0;width:100%;padding:10px;font-size:1em;border:1px solid #999;border-radius:5px}.opsp-main .adtext p{margin:0;padding:0;font-size:1em;line-height:1.6}.opsp-main .adtext .btn{margin:40px auto 0 auto;width:200px;height:45px;line-height:45px;border-radius:10px;background-color:#00d514;color:#fff;text-align:center;font-size:1.1em}.opsp-main .adtext .btn a{display:block;text-decoration:none;color:#fff}.opsp-main .adbtn{margin:0;padding:2%;width:100%;flex-wrap:wrap}.opsp-main .adbtn a{display:block;margin:5px 1%;width:31%;height:40px;line-height:40px;font-size:1em;border-radius:10px}.opsp-main .fixed{position:fixed;top:0;left:0;background-color:#fff;box-shadow:0 3px 10px 3px rgba(0,0,0,.1)}.opsp-main .session{margin:20px 0;padding:0}.opsp-main .session h3{margin:0;width:100%;padding:0;font-size:1em;font-weight:normal;color:#000}.opsp-main .session .table{margin:15px 0;width:100%}.opsp-main .session .table p{margin:0;padding:5px 0;font-size:14px;color:#0096ff}.opsp-main .session .table table{border:none;border-collapse:collapse}.opsp-main .session .table table tr{}.opsp-main .session .table table td{border:1px solid #99eaa1;padding:5px;font-size:14px;letter-spacing:1px}.opsp-main .session .table table td:nth-child(1){width:25%;text-align:center;background:#00d514;color:#fff}.opsp-main .session .table table select{margin:0;padding:0 5px;outline:none;font-family:Arial,Helvetica,"微軟正黑體",sans-serif;border:1px solid #ccc;width:50%;height:28px;font-size:14px;color:#000}.opsp-main .session .btn-a{margin:0 auto 50px auto;width:100px;height:40px;line-height:40px;border-radius:10px;background:#68717c;color:#fff;text-align:center;font-size:1em}.opsp-main .session .table table button{padding:5px;width:100px;text-align:center;font-family:Arial,Helvetica,"微軟正黑體",sans-serif;font-size:14px}.opsp-main .session .btn-a{margin:0 auto;width:100px;height:40px;line-height:40px;border-radius:10px;background:#68717c;color:#fff;text-align:center;font-size:1em}.opsp-main .session .btn-b{margin:0 auto;width:100px;height:40px;line-height:40px;border-radius:10px;background:#0096ff;color:#fff;text-align:center;font-size:1em}.opsp-main .session .btn-b a{display:block;color:#fff;text-decoration:none}.signup{margin:20px auto;padding:15px;width:100%;border:1px dashed #a3a3a3}.signup div{margin:10px 0;font-size:14px}.signup .box01 input{appearance:none;-webkit-appearance:none;border-radius:5px;padding:0 5px;color:#333;font-size:14px;width:100%;height:32px;font-family:Arial,Helvetica,"微軟正黑體",sans-serif;border:0;border:1px solid #ccc}.signup .box02 input{appearance:none;-webkit-appearance:none;border-radius:5px;padding:0 5px;color:#333;font-size:14px;width:100%;height:32px;font-family:Arial,Helvetica,"微軟正黑體",sans-serif;border:0;border:1px solid #ccc}.signup .box02 select{margin:5px 0;padding:0 5px;outline:none;font-family:Arial,Helvetica,"微軟正黑體",sans-serif;border:1px solid #ccc;width:100%;height:32px;border-radius:5px;font-size:1em;color:#333}.signup .btn{margin:0 auto;padding:5px;width:100px;text-align:center;font-family:Arial,Helvetica,"微軟正黑體",sans-serif;font-size:1em}.opsp-record{margin:20px auto;padding:0 2%;width:100%}.opsp-record .record-box{margin:0 0 30px 0}.record-box h3{margin:0;padding:0;font-size:1.1em;color:#000}.record-box h3 i{color:#99eaa1}.record-box h4{margin:0;padding:0;font-weight:normal;font-size:1em;color:#565656;line-height:1.6}.record-box table{margin:10px 0;padding:0;border:none;border-collapse:collapse}.record-box table tr:nth-child(1){background-color:#00d514;font-weight:bold;color:#fff}.record-box table td{border:1px solid #99eaa1;padding:2px;font-size:13px;line-height:1.5;text-align:center}.record-box table td a{text-decoration:none;color:#0096ff}.record-box table td a:hover{color:#f60}.record-print{margin:20px auto;padding:2%;width:100%}.record-print h2{padding:0 0 10px 0;font-size:1.2em;border-bottom:1px dashed #a0a0a0;text-align:center;color:#02bf13}.record-print h3{padding:15px 0 5px 0;font-size:1em;color:#333}.record-print p{margin:0;padding:0;color:#666}.record-print table{margin:10px 0;padding:0;border:none;border-collapse:collapse}.record-print table td{border:1px solid #99eaa1;padding:5px;font-size:1em;line-height:1.5}.record-print table td:nth-child(1){background-color:#00d514;font-weight:bold;color:#fff;text-align:center}.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}.expired-wap{margin:0 auto;padding:20px 0;width:100%}.expired-wap h1{margin:10px 0;font-size:1.2em;color:#000;text-align:center;font-weight:normal}.expired-wap .opsp-list ul{margin:0;padding:0;width:100%}.expired-wap .opsp-list li{float:none;display:block;width:100%;margin:0;padding:10px 2%;border:1px solid #efefef;border-radius:0;border-left:0;border-right:0;border-bottom:0}.expired-wap .opsp-list li .box{display:table;width:100%}.expired-wap .opsp-list li .box ul{display:table-row}.expired-wap .opsp-list li .box ul li{display:table-cell;margin:0;padding:0;width:100%;border:0 solid #ccc;vertical-align:middle}.expired-wap .opsp-list li .box ul li:nth-child(1){width:40%}.expired-wap .opsp-list li .box ul li:nth-child(2){padding:0 10px;width:60%}.expired-wap .opsp-list li .box ul li img{max-width:300px;height:auto}.expired-wap .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}.expired-wap .opsp-list li .box ul li h3 a{color:#000;text-decoration:none}.expired-wap .opsp-list li .box ul li h4{display:none;font-size:14px;font-weight:normal;color:#999}.expired-wap .opsp-list li .box ul li p{display:none;margin:0;padding:0;color:#00d514}.expired-wap .opsp-list li .box ul li p a{text-decoration:none;color:#00d514}.expired-wap .btn{padding:10px 0;width:100%;height:auto;overflow:hidden}.expired-wap .btn ul{margin:0 auto;text-align:center}.expired-wap .btn li{display:inline-block;width:120px;height:40px;line-height:40px;font-size:1em;color:#fff;text-align:center;border-radius:5px}.expired-wap .btn li:nth-child(1){border:1px solid #00d514}.expired-wap .btn li:nth-child(2){border:1px solid #f60}.expired-wap .btn li a{display:block;text-decoration:none}.expired-wap .btn li:nth-child(1) a{color:#00d514}.expired-wap .btn li:nth-child(2) a{color:#f60}.expired-wap .btn li:nth-child(1) a:hover{border-radius:5px;background-color:#00d514;color:#fff}.expired-wap .btn li:nth-child(2) a:hover{border-radius:5px;background-color:#f60;color:#fff}}