@charset "utf-8";.swiper-pagination-bullet{width:10px;height:10px;margin:0 5px}.swiper-pagination-bullet-active{background-color:#fff}.bn{position:relative;width:100%;margin:0 0 60px;background-color:#000;overflow:hidden;box-sizing:border-box}.bn_m{display:none}.bn .swiper-slide img{width:100%;height:auto}.bn .swiper-slide .in img{width:auto;height:auto}.bn .bn-pages{width:100%;z-index:1;position:absolute;bottom:10px;left:0;text-align:center}.swiper-pagination-clickable .swiper-pagination-bullet{margin:0 5px}.bn .in{position:absolute;top:100px;left:50%;width:1280px;margin:0 -640px;padding:0 80px;box-sizing:border-box;font-size:20px;color:#fff;letter-spacing:1px}.bn .swiper-button-next{background:url("../images/ar.svg") center no-repeat;background-size:95% auto}.bn .swiper-button-prev{background:url("../images/ar.svg") center no-repeat;background-size:95% auto;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bn .swiper-button-next,.bn .swiper-button-prev{position:absolute;top:50%;width:38px;height:70px;margin-top:-35px}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px}.bn_set{display:flex;justify-content:space-between;flex-wrap:wrap;margin:45px 0 0}.bn_set a{position:relative;width:190px;height:112px;display:block;overflow:hidden;background:#000;margin:0 0 15px}.bn_set img{position:absolute;top:-35px;left:0;width:100%;height:auto}.focusBox{position:relative;width:1120px;box-sizing:border-box;margin:0 auto}.focusBox h2{width:550px;display:block;margin:0 auto 40px;text-align:center;background:url("../images/h2_line.jpg") center repeat-x;font-size:30px;color:#383838}.focusBox h2 span{background:#fff;padding:0 5px}.focusBox h2 span:nth-child(2){color:#ddd}.focusBox .service{position:relative;width:1000px;margin:0 auto 60px;overflow:hidden;box-sizing:border-box;overflow:hidden}.focusBox .service .swiper-wrapper{}.focusBox .service .swiper-slide{width:170px;height:170px}.focusBox .service-next,.focusBox .swiper-container-rtl .service-prev{background:url("../images/ar_prev.svg") center no-repeat;background-size:cover}.focusBox .service-prev,.focusBox .swiper-container-rtl .service-next{background:url("../images/ar_next.svg") center no-repeat;background-size:cover}.focusBox .service-next,.focusBox .service-prev{position:absolute;top:50%;width:38px;height:70px;margin:0}.service-next,.swiper-container-rtl .service-prev{right:0}.service-prev,.swiper-container-rtl .service-next{left:0}.focusBox .service a{width:160px;height:160px;display:flex;justify-content:center;align-items:center;border-radius:99em;color:#fff;box-shadow:10px 10px 0 rgba(239,239,239,1);font-size:21px;padding:40px 0 0;margin:0 auto}.focusBox .service a.type01{background:#38387b url("../images/ico01.png") center 30px no-repeat;background-size:45px 45px}.focusBox .service a.type01::before{content:'課程/抵免'}.focusBox .service a.type02{background:#38387b url("../images/ico02.png") center 30px no-repeat;background-size:45px 45px}.focusBox .service a.type02::before{content:'教育訓練'}.focusBox .service a.type03{background:#38387b url("../images/ico03.png") center 30px no-repeat;background-size:45px 45px}.focusBox .service a.type03::before{content:'測驗資訊'}.focusBox .service a.type04{background:#38387b url("../images/ico04.png") center 30px no-repeat;background-size:45px 45px}.focusBox .service a.type04::before{content:'認證/換證'}.focusBox .service a.type05{background:#38387b url("../images/ico05.png") center 30px no-repeat;background-size:45px 45px}.focusBox .service a.type05::before{content:'持續進修'}.focusBox .service a:hover{background-color:#ddbf16}.complex{width:100%;height:590px;background:#f3f3f3}.complex .in{position:relative;width:1120px;margin:0 auto}.complex .Lbox{width:1120px;margin:0 auto;padding:60px 0 0}.complex .Lbox h2{font-size:30px;font-weight:bolder;color:#073a75}.complex .Lbox ul{width:calc(100% - 500px)}.complex .Lbox ul li{position:relative;display:flex;justify-content:space-between;background:url("../images/li_line.png") bottom repeat-x;padding:10px 0;margin:0 0 10px;color:#2b3d4e;font-size:18px}.complex .Lbox ul li:last-child{background:none}.complex .Lbox ul li div:last-child{font-size:16px;color:#706f6f;font-weight:300}.complex .Lbox ul li a{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.complex .Lbox ul li:hover{opacity:.7}.complex .Lbox .msg{display:inline-block;padding:3px 16px;border-radius:4px;color:#fff;background-color:#58afda;margin:0 5px 0 0}.complex .Lbox .pst{display:inline-block;padding:3px 16px;border-radius:4px;color:#fff;background-color:#38387b;margin:0 5px 0 0}.complex .Rbox{position:absolute;right:0;top:-14px;width:460px;height:604px;display:block;background:#fff;box-shadow:0 0 15px rgba(0,0,0,.1);margin:0 auto;padding:70px 30px 0}.complex .Rbox::after{position:absolute;top:-0;right:-8px;content:'';width:8px;height:14px;background:url("../images/deco.png") no-repeat}.complex .Rbox h2{font-size:24px;font-weight:normal;color:#103a78;margin:0 0 20px}.complex .Rbox h2.Log{font-size:20px;text-align:center;padding:120px 0;color:#666}.complex .Rbox h2.Log span{font-size:30px;display:block;color:#38387b}.complex .Rbox .set{margin:5px 0 20px}.complex .Rbox .btSet{padding:20px 0 0;margin:0 0 10px}.complex .Rbox ul{display:flex;justify-content:center;align-items:center;line-height:1}.complex .Rbox ul li{width:110px;padding:0 20px}.complex .Rbox ul li:first-child{border-right:1px solid #898989;text-align:right}.complex .Rbox ul li a{color:#434343}.complex .Rbox ul li a:hover{opacity:.7}.event{position:relative;width:100%;height:460px;padding:80px 0 0;display:flex;justify-content:center;align-items:center;background:url("../images/bg.jpg") no-repeat;background-size:cover}.event h2{position:absolute;top:30px;width:550px;display:flex;align-items:center;margin:0 auto;text-align:center;font-size:30px;color:#383838}.event h2::before{content:'';width:140px;height:5px;display:block;vertical-align:middle;background:url("../images/h2_line.jpg") center repeat-x;opacity:.1}.event h2::after{content:'';width:140px;height:5px;display:block;vertical-align:middle;background:url("../images/h2_line.jpg") center repeat-x;opacity:.1}.event h2 span{padding:0 5px;color:#fff}.event h2 span:nth-child(2){color:rgba(255,255,255,.5)}.event .eventIn{position:relative;width:1180px;overflow:hidden}.event .eventIn .swiper-wrapper{margin:0 auto}.event .eventIn .swiper-slide a{position:relative;width:330px;height:280px;display:block;margin:0 auto}.event .eventIn .swiper-slide img{width:100%;height:auto}.event .swiper-slide span{position:absolute;left:0;bottom:0;width:100%;height:48px;display:block;background:rgba(220,190,20,.75);color:#fff;text-align:center;line-height:48px;font-size:18px;font-weight:300}.event .eventIn-pages{padding:30px 0 0;text-align:center}.event .eventIn-pages .swiper-pagination-bullet{}.event .eventIn-next{background:url("../images/ar.svg") center no-repeat;background-size:cover}.event .eventIn-prev{background:url("../images/ar.svg") center no-repeat;background-size:cover;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.event .eventIn-next,.event .eventIn-prev{position:absolute;top:50%;width:20px;height:34px;margin-top:-35px;z-index:1;cursor:pointer}.event .eventIn-prev{left:0}.event .eventIn-next{right:0}.ads{position:relative;width:100%;height:170px;padding:20px 0;overflow:hidden;margin:0 auto}.ads .swiper-wrapper{margin:0 auto}.ads .swiper-slide{text-align:center;width:300px;margin:0 auto}.ads .swiper-slide a{position:relative;width:300px;margin:0 auto}.ads .swiper-slide img{width:300px;height:auto;margin:0 auto;border:1px solid #eee;box-shadow:0 0 5px rgba(0,0,0,.1)}.ads .ads-next,.ads .swiper-container-rtl .ads-prev{background:url("../images/ar_prev.svg") center no-repeat;background-size:cover}.ads .ads-prev,.ads .swiper-container-rtl .ads-next{background:url("../images/ar_next.svg") center no-repeat;background-size:cover}.ads .ads-next,.ads .ads-prev{position:absolute;top:50%;width:38px;height:70px;margin:-35px 0;z-index:1}.ads-next,.swiper-container-rtl .ads-prev{right:10px}.ads-prev,.swiper-container-rtl .ads-next{left:10px}@media screen and (max-width:1279px){.bn{}.bn .in{top:60px;left:0;width:768px;margin:0 auto}.bn .in img{}.bn_set{margin:0 0 0}.bn_set a{width:125px;height:125px;margin:0 0 15px}.bn_set img{top:0}.focusBox{position:relative;width:100%;padding:0 60px}.focusBox .service{position:relative;width:100%}.focusBox .service .swiper-slide{width:120px;height:120px}.focusBox .service-next,.focusBox .service-prev{top:65%;width:38px;height:70px;margin-top:-35px}.focusBox .service a{width:110px;height:110px;font-size:18px;padding:20px 0 0;margin:0 auto}.focusBox .service a.type01{background:#38387b url("../images/ico01.png") center 20px no-repeat;background-size:30px 30px}.focusBox .service a.type02{background:#38387b url("../images/ico02.png") center 20px no-repeat;background-size:30px 30px}.focusBox .service a.type03{background:#38387b url("../images/ico03.png") center 20px no-repeat;background-size:30px 30px}.focusBox .service a.type04{background:#38387b url("../images/ico04.png") center 20px no-repeat;background-size:30px 30px}.focusBox .service a.type05{background:#38387b url("../images/ico05.png") center 20px no-repeat;background-size:30px 30px}.focusBox .service a:hover{background-color:#ddbf16}.complex{height:580px}.complex .in{width:100%;box-sizing:border-box;padding:0 30px}.complex .Lbox{width:100%}.complex .Lbox ul{width:calc(100% - 340px)}.complex .Rbox{right:8px;width:320px;height:594px}.complex .Rbox::after{right:0}.event .eventIn{width:100%}.event .eventIn .swiper-slide a{width:270px;height:230px}.event .eventIn .swiper-slide span{font-size:14px}}@media screen and (max-width:990px){.event{height:360px}.event .eventIn .swiper-slide a{width:220px;height:185px}}@media screen and (max-width:767px){.topBar{justify-content:center}.bn{height:250px;margin:0 0 30px}.bn .in{top:10px;width:100%;padding:0;text-align:center}.bn .in img{margin:0 auto}.bn .swiper-slide{width:100%;height:250px;overflow:hidden}.bn .swiper-slide img{position:absolute;top:0;left:50%;margin:0 -188px;width:375px;height:250px}.bn .swiper-slide .in{}.bn .swiper-slide .in img{width:320px;height:215px;position:absolute;top:0;left:50%;margin:0 -160px}.bn_set{margin:0}.bn_set a{width:calc((100% - 15px)/2);height:0;padding-bottom:calc((100% - 15px)/2)}.bn_set img{}.focusBox{position:relative;width:100%;padding:0}.focusBox h2{width:calc(100% - 40px);margin:0 auto 20px;font-size:20px}.focusBox .service{position:relative;width:calc(100% - 80px)}.focusBox .service a{box-shadow:5px 5px 0 rgba(239,239,239,1)}.focusBox .service .swiper-slide{width:120px;height:120px}.focusBox .service a{width:110px;height:110px;font-size:18px;padding:20px 0 0;margin:0 auto}.focusBox .service-next,.focusBox .service-prev{top:65%;width:30px;height:50px}.service-next,.swiper-container-rtl .service-prev{right:10px}.service-prev,.swiper-container-rtl .service-next{left:10px}.complex{height:auto;padding:30px 20px}.complex .in{width:100%;box-sizing:border-box;padding:0}.complex .Lbox{width:100%;padding:0}.complex .Lbox ul{width:100%}.complex .Rbox{position:static;width:100%;height:auto;padding:20px}.complex .Rbox::after{display:none}.complex .Rbox h2.Log{padding:30px 0}.event{position:relative;width:100%;padding:80px 0 0}.event h2{top:40px;width:calc(100% - 40px);margin:0 auto 20px;font-size:20px;justify-content:center}.event h2::before,.event h2::after{width:56px}.event .eventIn-prev{left:10px}.event .eventIn-next{right:10px}.ads{height:135px}.ads .swiper-slide,.ads .swiper-slide a,.ads .swiper-slide img{width:230px}.ads .ads-next,.ads .ads-prev{top:50%;width:30px;height:50px;margin:-25px 0}}