@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";html{line-height:normal;background-image:url(/Event/summer_course_free/assets/P5_bg.png);background-size:0}nav{width:100%;height:32px;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;padding:84px;position:relative;z-index:1;padding-top:77px!important;padding-bottom:0!important;position:absolute;top:0;left:0;display:flex;z-index:999;transition:all .5s ease}nav>header,nav>article,nav>div,nav>section,nav>p{width:349px;max-width:349px}@media screen and (max-width: 991px){nav{padding:50px 5%}}@media screen and (max-width: 767px){nav{flex-wrap:wrap;padding:52px 3.46% 120px}}nav>div{position:relative}nav>div .logo{width:146.4px;height:32px;display:block;background:url(/Event/summer_course_free/assets/logo.svg) no-repeat center/contain;transition:all .2s ease}nav>div .logo:hover{background-image:url(/Event/summer_course_free/assets/logo_hover.svg)}html{line-height:normal;background-image:url(/Event/summer_course_free/assets/P5_bg.png);background-size:0}#Banner{height:844px;position:relative;display:flex;flex-direction:column;align-items:center;background:url(/Event/summer_course_free/assets/Banner_bg.jpg) #111144 no-repeat center/cover;text-align:center;overflow:hidden;padding:160px 0 0}#Banner>article.myHeader{width:370px;height:337px;position:relative;padding:50px 42px 26px;display:flex;flex-direction:column;align-items:center;background:url(/Event/summer_course_free/assets/Banner_header_bg.svg) no-repeat center/100%}#Banner>article.myHeader .h2-border{width:206px;background:rgb(7,201,255);background:linear-gradient(90deg,rgb(7,201,255) 0%,rgb(4,89,247) 100%);position:absolute;top:-20px;z-index:7;margin:0 auto;padding:3px;clip-path:polygon(8.5px 0%,calc(100% - 8.5px) 0%,100% 50%,calc(100% - 8.5px) 100%,8.5px 100%,0% 50%);text-align:center}#Banner>article.myHeader .h2-border h2{color:#fff;background-color:#1e1e1e;font-size:20px;font-weight:900;letter-spacing:1.2px;line-height:100%;padding:10px 0;clip-path:polygon(8.5px 0%,calc(100% - 8.5px) 0%,100% 50%,calc(100% - 8.5px) 100%,8.5px 100%,0% 50%)}#Banner>article.myHeader>header{width:372px;height:100%;position:relative;z-index:7}#Banner>article.myHeader>header h1{width:366px;height:85px;background:url(/Event/summer_course_free/assets/Banner_h1.svg) no-repeat center/100%;margin-bottom:12px;animation:title--animate 3s infinite}#Banner>article.myHeader>header>p:nth-child(1){color:#fff;font-size:20px;font-weight:400;line-height:25px;line-height:100%;margin-bottom:26px}#Banner>article.myHeader>header>p.subtitle{color:#86ffff;font-size:30px;font-weight:900;position:relative;font-style:italic;line-height:100%;letter-spacing:-1.5px;margin-bottom:22px;padding-right:10px;animation:deco--animate 3s infinite}#Banner>article.myHeader>header>p.subtitle:before{content:"斜槓轉職 職場逆襲趁現在";font-size:30px;position:absolute;z-index:-1;-webkit-text-stroke:6px #1E34FD}#Banner>article.myHeader>header .section-border{width:352px;height:86px;background:rgb(7,201,255);background:linear-gradient(90deg,rgb(7,201,255) 0%,rgb(4,89,247) 100%);position:relative;margin:0 auto;padding:3px;border-radius:15px}#Banner>article.myHeader>header .section-border section{width:100%;height:100%;background-color:#4e08ff;position:relative;border-radius:13.5px;display:flex;align-items:center;justify-content:center}#Banner>article.myHeader>header .section-border section p{width:100%;height:100%;background:url(/Event/summer_course_free/assets/Banner_promote.svg) no-repeat center/311px}#Banner>article.myHeader:before{content:"";width:136px;height:116px;display:inline-block;position:absolute;top:-103px;right:15px;z-index:10;background:url(/Event/summer_course_free/assets/Banner_deco1.svg) no-repeat center/100%}#Banner>article.myAdv{width:209px;position:relative;z-index:11;padding:28px 0 22.5px}#Banner>article.myAdv ul{color:#fff;list-style-type:none;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:9.5px}#Banner>article.myAdv ul li{width:96px;height:20px;font-size:16px;font-weight:900;text-align:left;position:relative;display:flex;align-items:center}#Banner>article.myAdv ul li>div{width:20px;height:20px;display:block;background-color:#4e08ff;border:1px solid white;border-radius:4px;position:absolute;left:-28px}#Banner>article.myAdv ul li>div .icon-check{display:block;height:2.5px;background-color:#fff;position:absolute;z-index:10}#Banner>article.myAdv ul li>div .icon-check.icon-bottom{top:8.5px;left:3px;width:5.8px;transform:rotate(45deg);animation:icon-line-bottom .8s infinite}#Banner>article.myAdv ul li>div .icon-check.icon-top{top:7.9px;left:4.9px;width:10.6px;transform:rotate(-45deg);animation:icon-line-top .8s infinite}#Banner>article.myAdv ul li:nth-child(1){transform:translate(-24px)}#Banner>article.myAdv ul li:nth-child(1):before{content:"設計技能值";position:absolute;z-index:-1;-webkit-text-stroke:3px #3C1469}#Banner>article.myAdv ul li:nth-child(2){transform:translate(26px)}#Banner>article.myAdv ul li:nth-child(2):before{content:"AI應用技能";position:absolute;z-index:-1;-webkit-text-stroke:3px #3C1469}#Banner>article.myAdv ul li:nth-child(3){transform:translate(62px)}#Banner>article.myAdv ul li:nth-child(3):before{content:"職場應用技能";position:absolute;z-index:-1;-webkit-text-stroke:3px #3C1469}#Banner>article.myAdv:before{content:"";display:inline-block;width:109px;height:109px;background:url(/Event/summer_course_free/assets/Banner_deco2.svg) no-repeat center/100%;position:absolute;top:-10px;right:-90px}#Banner>article.myAdv:after{content:"";display:inline-block;width:111px;height:120px;background:url(/Event/summer_course_free/assets/Banner_deco3.svg) no-repeat center/100%;position:absolute;bottom:-52px;left:-70px}#Banner .psp{width:435px;height:121px;position:relative;z-index:2;background:url(/Event/summer_course_free/assets/Banner_psp.svg) no-repeat bottom center/100%;margin-bottom:70px}@media screen and (min-width: 992px){#Banner .psp{width:635px;height:180px;margin-bottom:0}}#Banner:after{content:"";display:inline-block;width:430.75px;height:420.37px;position:absolute;z-index:0;bottom:120px;clip-path:polygon(0 0,100% 0,86% 100%,14% 100%);background:linear-gradient(180deg,rgba(102,82,184,0) 25%,rgb(45,37,82) 100%)}html{line-height:normal;background-image:url(/Event/summer_course_free/assets/P5_bg.png);background-size:0}#P1{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;padding:84px;position:relative;z-index:1;padding-bottom:52px!important;background:url(/Event/summer_course_free/assets/P1_bg.svg) repeat bottom center/14px 14px;text-align:center;color:#fff}#P1>header,#P1>article,#P1>div,#P1>section,#P1>p{width:349px;max-width:349px}@media screen and (max-width: 991px){#P1{padding:50px 5%}}@media screen and (max-width: 767px){#P1{flex-wrap:wrap;padding:52px 3.46% 120px}}#P1>header{text-align:center;margin-bottom:40px;position:relative}#P1>header h2{font-size:20px;font-weight:700;line-height:26px;color:#fff}#P1>header p{margin-top:10px;font-size:16px;font-weight:700;color:#fff;position:relative}#P1>header p:before{position:absolute;z-index:-1;-webkit-text-stroke:3px #4E08FF;font-size:16px;font-weight:700}#P1>header>h2,#P1>header>p{display:flex;align-items:center;justify-content:center}#P1>header>h2>span,#P1>header>p>span{font-size:inherit}#P1>header h2{height:78px;background:url(/Event/summer_course_free/assets/P1_heading.svg) no-repeat center/contain}#P1>header p:before{content:"培養關鍵技能，斜槓加薪無往不利！"}#P1>article section:first-of-type{display:flex;justify-content:space-between}#P1>article section:first-of-type .sign{width:13px;height:27px;margin-top:16px}#P1>article section:first-of-type .sign:nth-child(1){background:url(/Event/summer_course_free/assets/P1_sign1.svg) no-repeat center/4.8px}#P1>article section:first-of-type .sign:nth-child(3){background:url(/Event/summer_course_free/assets/P1_sign2.svg) no-repeat center/9px}#P1>article section:first-of-type .sign:nth-child(5){background:url(/Event/summer_course_free/assets/P1_sign3.svg) no-repeat center/4.8px}#P1>article section:first-of-type .sign:nth-child(6){background:url(/Event/summer_course_free/assets/P1_sign4.svg) no-repeat center/8px}#P1>article section:first-of-type .sign:nth-child(8){background:url(/Event/summer_course_free/assets/P1_sign5.svg) no-repeat center/9px}#P1>article section:first-of-type .intro{width:56px}#P1>article section:first-of-type .intro div{width:100%;height:65px}#P1>article section:first-of-type .intro p{font-size:13px;font-weight:700;line-height:17px;letter-spacing:.1px;white-space:nowrap}#P1>article section:first-of-type .intro:nth-child(2) div{background:url(/Event/summer_course_free/assets/P1_img1.svg) no-repeat top center/100%}#P1>article section:first-of-type .intro:nth-child(4) div{background:url(/Event/summer_course_free/assets/P1_img2.svg) no-repeat top center/100%}#P1>article section:first-of-type .intro:nth-child(7) div{background:url(/Event/summer_course_free/assets/P1_img3.svg) no-repeat top center/100%}#P1>article section:first-of-type .intro:nth-child(9) div{background:url(/Event/summer_course_free/assets/P1_img4.svg) no-repeat top center/100%}#P1>article section:last-of-type{border-top:1px solid #E0F8FF;padding-top:18px;margin-top:15px}#P1>article section:last-of-type p{color:#e0f8ff;font-size:16px;font-weight:700;line-height:100%}html{line-height:normal;background-image:url(/Event/summer_course_free/assets/P5_bg.png);background-size:0}#Form{width:359px!important;height:738px;max-width:none!important;background:#5E49D4;background:linear-gradient(90deg,rgb(7,201,255) 0%,rgb(4,89,247) 100%);border-radius:24px;display:flex;justify-content:center;align-items:center;position:relative}#Form form{width:351px;height:730px;margin:0 auto;display:flex;flex-direction:column;align-items:center;background:#5E49D4;padding:26px 20px 36px;border-radius:22px}#Form form>fieldset{width:100%;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:42px}#Form form>fieldset>div{width:100%;position:relative}#Form form>fieldset>div:last-of-type{width:100%}#Form form>fieldset>div>label{display:inline-block;color:#fff;font-size:14px;line-height:100%;margin-bottom:11px}#Form form>fieldset>div input,#Form form>fieldset>div select{width:100%;height:100%;padding-left:16px;appearance:none;border:none;letter-spacing:1.5px;color:#0009;background-color:#fff}#Form form>fieldset>div input::placeholder,#Form form>fieldset>div select::placeholder{color:#00000061}#Form form>fieldset>div input:hover,#Form form>fieldset>div select:hover{color:#0009!important;box-shadow:inset 0 0 0 2px #16a1f4}#Form form>fieldset>div input:hover::placeholder,#Form form>fieldset>div select:hover::placeholder{color:#0009!important}#Form form>fieldset>div input:focus,#Form form>fieldset>div select:focus{box-shadow:inset 0 0 0 2px #16a1f4;outline:2px solid #95D2FF}#Form form>fieldset>div input:disabled,#Form form>fieldset>div select:disabled{outline:none;background-color:#bdbdbd;color:#00000061;cursor:not-allowed}#Form form>fieldset>div input:disabled::placeholder,#Form form>fieldset>div select:disabled::placeholder{color:#00000061}#Form form>fieldset>div input,#Form form>fieldset>div select{height:40px;border-radius:8px}#Form form>fieldset>div select{color:#0009;background:url(/Event/summer_course_free/assets/select.svg) #f5f5f5 no-repeat center right 21px/10px 100%}#Form form>fieldset>div select:disabled{cursor:not-allowed}#Form form>fieldset>div select:not(.correct){color:#00000061}#Form form>fieldset>div select option{color:#00000061}#Form form .checkbox{display:flex;align-items:center;position:relative;margin-bottom:46px}#Form form .checkbox input{width:16px;height:16px;position:absolute;visibility:hidden;cursor:pointer}#Form form .checkbox input:before{content:"";width:16px;height:16px;background:url(/Event/summer_course_free/assets/no_check.svg) no-repeat center/cover;position:absolute;pointer-events:none;margin-right:6px;visibility:visible}#Form form .checkbox input:checked:before{background-image:url(/Event/summer_course_free/assets/check.svg)}#Form form .checkbox label{color:#fff;font-size:14px;line-height:16px;padding-left:22px;cursor:pointer}#Form form .checkbox label a{margin-left:8px;color:#fabdcc;text-decoration:underline}#Form form .checkbox label a:hover{color:#fff}#Form form .checkbox:hover label{color:#95d2ff}#Form form .error input:not([type=checkbox]),#Form form .error select[data-value=""]{box-shadow:inset 0 0 0 2px #ff6668;outline:2px solid #ebcdcb}#Form form .error input:not([type=checkbox])::placeholder,#Form form .error select[data-value=""]::placeholder{color:#ff6668}#Form form .error .errorMsg{color:#ff6668;position:absolute;right:0;bottom:-24px;display:flex;align-items:center;gap:9px;letter-spacing:0px;line-height:100%}#Form form .error .errorMsg:before{content:"";width:16px;height:17px;display:inline-block;background:url(/Event/summer_course_free/assets/alert.svg) no-repeat center/100%}#Form form .btn{width:100%;font-size:18px;font-weight:700;line-height:100%;border:none;outline:1px solid #E0F8FF;color:#fff;background-color:#4e08ff;padding:18px 90px;border-radius:8px;box-shadow:0 10px 25px #91a2f873;position:relative;cursor:pointer}#Form form .btn:hover{color:#4e08ff;background-color:#97bffc}#Form form .btn:disabled{color:#0009;background-color:#fafafa;outline:1px solid #e0e0e0;color:#00000061;background-color:#bdbdbd;box-shadow:none;outline:none;cursor:not-allowed}#Form:after{content:"";width:73px;height:84px;display:inline-block;position:absolute;left:20px;bottom:-68px;background:url(/Event/summer_course_free/assets/P2_deco2.svg) no-repeat center/100%;animation:deco--animate 3s infinite}html{line-height:normal;background-image:url(/Event/summer_course_free/assets/P5_bg.png);background-size:0}#P2{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;padding:84px;position:relative;z-index:1;background-image:url(/Event/summer_course_free/assets/P2_border.svg),url(/Event/summer_course_free/assets/P1_bg.svg);background-repeat:repeat-x,repeat;background-position:bottom center,top center;background-size:376px,14px 14px;padding-bottom:145px!important;padding-top:0!important}#P2>header,#P2>article,#P2>div,#P2>section,#P2>p{width:349px;max-width:349px}@media screen and (max-width: 991px){#P2{padding:50px 5%}}@media screen and (max-width: 767px){#P2{flex-wrap:wrap;padding:52px 3.46% 120px}}#P2>header{text-align:center;margin-bottom:40px;position:relative}#P2>header h2{font-size:20px;font-weight:700;line-height:26px;color:#fff}#P2>header p{margin-top:10px;font-size:16px;font-weight:700;color:#fff;position:relative}#P2>header p:before{position:absolute;z-index:-1;-webkit-text-stroke:3px #4E08FF;font-size:16px;font-weight:700}#P2>header>h2,#P2>header>p{display:flex;align-items:center;justify-content:center}#P2>header>h2>span,#P2>header>p>span{font-size:inherit}#P2>header:before{content:"";width:60px;height:60px;display:inline-block;position:absolute;right:30px;top:-38px;background:url(/Event/summer_course_free/assets/P2_deco1.svg) no-repeat center/59px;animation:deco--animate 3s infinite}#P2>header h2{height:78px;background:url(/Event/summer_course_free/assets/P2_heading.svg) no-repeat center/contain}#P2>header p:before{content:"暑期限定回饋 來訪抽好禮 SONY PS5"}#P2>article:first-of-type{width:100%;height:295px;background:url(/Event/summer_course_free/assets/P2_img1.png) no-repeat top center/100%;position:relative;margin-bottom:45px}#P2>article:first-of-type p{color:#97bffc;font-size:13px;font-weight:700;position:absolute;bottom:0;width:100%;text-align:center}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}html{line-height:normal;background-image:url(/Event/summer_course_free/assets/P5_bg.png);background-size:0}#P3{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;padding:84px;position:relative;z-index:1;background-image:url(/Event/summer_course_free/assets/P2_border.svg),url(/Event/summer_course_free/assets/P1_bg.svg);background-repeat:repeat-x,repeat;background-position:bottom center,top center;background-size:376px,14px 14px}#P3>header,#P3>article,#P3>div,#P3>section,#P3>p{width:349px;max-width:349px}@media screen and (max-width: 991px){#P3{padding:50px 5%}}@media screen and (max-width: 767px){#P3{flex-wrap:wrap;padding:52px 3.46% 120px}}#P3>header{text-align:center;margin-bottom:40px}#P3>header h2{font-size:20px;font-weight:700;line-height:26px;color:#fff}#P3>header p{margin-top:10px;font-size:16px;font-weight:700;color:#fff;position:relative}#P3>header p:before{position:absolute;z-index:-1;-webkit-text-stroke:3px #4E08FF;font-size:16px;font-weight:700}#P3>header>h2,#P3>header>p{display:flex;align-items:center;justify-content:center}#P3>header>h2>span,#P3>header>p>span{font-size:inherit}#P3>header h2{height:75px;background:url(/Event/summer_course_free/assets/P3_heading.svg) no-repeat center/contain}#P3>header p:before{content:"掌握精華設計技能\a斜槓接案 & 理想工作 手到擒來";white-space:pre-line}#P3>article{width:100%;height:406px;position:relative}#P3>article .swiper{width:100%;height:100%}#P3>article .swiper .swiper-slide{display:flex;flex-direction:column;gap:15px}#P3>article .swiper .swiper-slide>section{width:337px}#P3>article .swiper .swiper-slide .persona{width:100%;height:219px;background:url(/Event/summer_course_free/assets/P3_swiper.svg) no-repeat center/100%;display:flex;flex-direction:column;align-items:center;padding-top:28px}#P3>article .swiper .swiper-slide .persona>img{width:279px;height:auto}#P3>article .swiper .swiper-slide .persona .title-border{width:auto;height:51px;padding:3px;position:relative;top:-16px;background:#4E08FF;background:linear-gradient(90deg,rgb(7,201,255) 0%,rgb(4,89,247) 100%);display:flex;align-items:center;justify-content:center;border-radius:16px}#P3>article .swiper .swiper-slide .persona .title{width:auto;height:45px;display:flex;align-items:center;justify-content:space-between;gap:16px;background-color:#4e08ff;border-radius:14px;padding:20px}#P3>article .swiper .swiper-slide .persona .title h3{color:#fff;font-size:20px;font-weight:700;line-height:100%;letter-spacing:0px;white-space:nowrap}#P3>article .swiper .swiper-slide .persona .title .skill{display:flex;gap:4px}#P3>article .swiper .swiper-slide .persona .title .skill img{width:auto;height:26px}#P3>article .swiper .swiper-slide .desc .text{position:relative;display:flex;align-items:center;justify-content:center}#P3>article .swiper .swiper-slide .desc .text p{color:#fff;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px;position:relative;text-align:center}#P3>article .swiper .swiper-slide .desc .text p.shadow{z-index:-1;-webkit-text-stroke:3px #4E08FF;position:absolute}#P3>article .swiper .swiper-slide .promote{width:335px;height:78px;background:#367AF9;background:linear-gradient(90deg,rgb(7,201,255) 0%,rgb(4,89,247) 100%);display:flex;align-items:center;justify-content:center;border-radius:16px;box-shadow:0 0 43.64px #4e08ff}#P3>article .swiper .swiper-slide .promote .text{width:329px;height:72px;background:#367AF9;border-radius:12px;display:flex;justify-content:center;align-items:center}#P3>article .swiper .swiper-slide .promote .text p{color:#fff;font-size:20px;font-weight:700;letter-spacing:0px;line-height:27px;text-align:center}#P3>article .arrow{width:100%;position:absolute;top:240px;z-index:2;display:flex;align-items:center;justify-content:space-between}#P3>article .arrow>div{width:32px;height:32px;display:inline-block;cursor:pointer}#P3>article .arrow>div.preBtn{background:url(/Event/summer_course_free/assets/P3_al.svg) no-repeat center/100%}#P3>article .arrow>div.preBtn:hover{background-image:url(/Event/summer_course_free/assets/P3_al_hover.svg)}#P3>article .arrow>div.nextBtn{background:url(/Event/summer_course_free/assets/P3_ar.svg) no-repeat center/100%}#P3>article .arrow>div.nextBtn:hover{background-image:url(/Event/summer_course_free/assets/P3_ar_hover.svg)}#P3>article .notice{width:100%;color:#fff;font-size:13px;font-weight:700;letter-spacing:0px;line-height:17px;position:absolute;bottom:0px;text-align:center}html{line-height:normal;background-image:url(/Event/summer_course_free/assets/P5_bg.png);background-size:0}#P4{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;padding:84px;position:relative;z-index:1;padding-top:40px!important;padding-bottom:40px!important;background:url(/Event/summer_course_free/assets/P1_bg.svg) repeat top center/14px 14px;border-bottom:2px solid #97BFFC}#P4>header,#P4>article,#P4>div,#P4>section,#P4>p{width:349px;max-width:349px}@media screen and (max-width: 991px){#P4{padding:50px 5%}}@media screen and (max-width: 767px){#P4{flex-wrap:wrap;padding:52px 3.46% 120px}}#P4 p{text-align:center;color:#fff;font-size:16px;letter-spacing:0px;line-height:100%;position:relative;margin-bottom:8px}#P4 p:before{content:"＊精華課程限額30名";position:absolute;z-index:-1;-webkit-text-stroke:3px #4E08FF;font-size:16px}#P4 p:after{content:"";width:54px;height:60px;position:absolute;left:0;top:-8px;background:url(/Event/summer_course_free/assets/P4_deco.svg) no-repeat center/100%;animation:deco--animate 3s infinite}#P4 a{display:inline-block;width:194px;height:47px;background-color:#16a1f4;display:flex;justify-content:center;align-items:center;clip-path:polygon(50% 0%,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0% 50%,8px 0);cursor:pointer}#P4 a span{display:inline-block;width:188px;height:41px;background:#16A1F4;background:linear-gradient(0deg,rgb(255,255,255) 0%,rgb(134,255,255) 100%);color:#4e08ff;font-size:22px;font-weight:700;line-height:100%;letter-spacing:.2px;display:flex;justify-content:center;align-items:center;clip-path:polygon(50% 0%,calc(100% - 7px) 0,100% 50%,calc(100% - 7px) 100%,7px 100%,0% 50%,7px 0)}#P4 a:hover span{color:#fff;background:#4E08FF}html{line-height:normal;background-image:url(/Event/summer_course_free/assets/P5_bg.png);background-size:0}#P5{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;padding:84px;position:relative;z-index:1;text-align:center;color:#fff;border-bottom:2px solid #97BFFC;overflow:hidden}#P5>header,#P5>article,#P5>div,#P5>section,#P5>p{width:349px;max-width:349px}@media screen and (max-width: 991px){#P5{padding:50px 5%}}@media screen and (max-width: 767px){#P5{flex-wrap:wrap;padding:52px 3.46% 120px}}#P5 .bigBg{width:100%;height:auto;position:absolute;z-index:-1;bottom:0}@media screen and (min-width: 992px){#P5 .bigBg{width:104%;height:auto;bottom:auto}}#P5>header{text-align:center;margin-bottom:40px}#P5>header h2{font-size:20px;font-weight:700;line-height:26px;color:#fff}#P5>header p{margin-top:10px;font-size:16px;font-weight:700;color:#fff;position:relative}#P5>header p:before{position:absolute;z-index:-1;-webkit-text-stroke:3px #4E08FF;font-size:16px;font-weight:700}#P5>header>h2,#P5>header>p{display:flex;align-items:center;justify-content:center}#P5>header>h2>span,#P5>header>p>span{font-size:inherit}#P5>header h2{height:75px;background:url(/Event/summer_course_free/assets/P5_heading.svg) no-repeat center/contain}#P5>header p:before{content:"線上結合線下 完善機制學習有保障"}#P5>article{width:342px;display:flex;flex-wrap:wrap;gap:12px}#P5>article section{width:calc(50% - 6px);height:176px;border-radius:8px;position:relative;background-color:#4e08ffb3;padding:27.5px 0;display:flex;flex-direction:column;justify-content:space-between}#P5>article section h3{font-size:20px;font-weight:700;line-height:100%;letter-spacing:0px;display:flex;justify-content:center;align-items:flex-end;gap:5px}#P5>article section h3:before{content:"";display:inline-block;width:18.5px;height:18.5px;background-color:#fff;clip-path:polygon(50% 0,79% 90%,2% 35%,98% 35%,21% 90%)}#P5>article section h3:after{content:"";display:inline-block;width:18.5px;height:18.5px;background-color:#fff;clip-path:polygon(50% 0,79% 90%,2% 35%,98% 35%,21% 90%)}#P5>article section>span{display:inline-block;width:32px;height:2px;background:white;border-radius:2px;margin:0 auto}#P5>article section>span.free{width:52px;height:25px;position:relative;border-radius:16px;display:flex;justify-content:center;align-items:center;background:rgb(7,201,255);background:linear-gradient(90deg,rgb(7,201,255) 0%,rgb(4,89,247) 100%)}#P5>article section>span.free>span{display:inline-block;width:46px;height:19px;position:absolute;background:linear-gradient(to left,#0459f7,#0459f7);border-radius:13px;font-size:14px;font-weight:400;letter-spacing:0px;line-height:18px}#P5>article section p{font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}#P5>article section:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:url(/Event/summer_course_free/assets/P5_mask.svg);mask-image:url(/Event/summer_course_free/assets/P5_mask.svg);background:linear-gradient(90deg,rgb(7,201,255) 0%,rgb(4,89,247) 100%)}@media screen and (min-width: 992px){#P5{background-position:bottom 50% center;background-size:104%}}html{line-height:normal;background-image:url(/Event/summer_course_free/assets/P5_bg.png);background-size:0}#P6{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;padding:84px;position:relative;z-index:1;background:url(/Event/summer_course_free/assets/P1_bg.svg) repeat top center/14px 14px;border-bottom:1px solid #E0F8FF}#P6>header,#P6>article,#P6>div,#P6>section,#P6>p{width:349px;max-width:349px}@media screen and (max-width: 991px){#P6{padding:50px 5%}}@media screen and (max-width: 767px){#P6{flex-wrap:wrap;padding:52px 3.46% 120px}}#P6>header{text-align:center;margin-bottom:40px}#P6>header h2{font-size:20px;font-weight:700;line-height:26px;color:#fff}#P6>header p{margin-top:10px;font-size:16px;font-weight:700;color:#fff;position:relative}#P6>header p:before{position:absolute;z-index:-1;-webkit-text-stroke:3px #4E08FF;font-size:16px;font-weight:700}#P6>header>h2,#P6>header>p{display:flex;align-items:center;justify-content:center}#P6>header>h2>span,#P6>header>p>span{font-size:inherit}#P6>header h2{height:78px;background:url(/Event/summer_course_free/assets/P6_heading.svg) no-repeat center/contain}#P6>article:first-of-type{padding:41px 0 21px;position:relative}#P6>article:first-of-type .circle-border{width:216.45px;height:216.45px;background:rgb(134,255,255);background:linear-gradient(256.36deg,rgba(189,248,248,.4) 10.000000149%,rgba(149,211,243,.4) 15.000000596%,rgba(205,56,205,.4) 34.0000003576%,rgba(191,92,214,.4) 37.9999995232%,rgba(167,161,231,.4) 46.9999998808%,rgba(149,212,244,.4) 54.0000021458%,rgba(138,243,252,.4) 58.9999973774%,rgba(134,255,255,.4) 62.0000004768%,rgba(200,71,209,.4) 100%);border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto}#P6>article:first-of-type .circle-border section{width:206.45px;height:206.45px;background-color:#e0f8ff;border-radius:50%;border:31.63px solid #4E08FF;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}#P6>article:first-of-type .circle-border section h3{color:#4e08ff;font-size:13px;font-weight:700;line-height:130%;letter-spacing:0px;margin-bottom:4px}#P6>article:first-of-type .circle-border section p{color:#4e08ff;font-size:11px;line-height:145%;letter-spacing:0px}#P6>article:first-of-type>section{position:absolute;display:flex}#P6>article:first-of-type>section h4{display:inline-block;text-align:center;color:#fff;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px;background-color:#c64dc9;border:2px solid #E0F8FF;display:flex;align-items:center;justify-content:center}#P6>article:first-of-type>section p{color:#fff;font-size:14px;line-height:18px;letter-spacing:0px;position:relative}#P6>article:first-of-type>section p:after{content:"";position:absolute;display:inline-block}#P6>article:first-of-type>section:nth-child(2){top:0;left:138px;gap:8px}#P6>article:first-of-type>section:nth-child(2) h4{width:72px;height:72px;border-radius:20px 0 20px 20px}#P6>article:first-of-type>section:nth-child(2) p{transform:translateY(-10px)}#P6>article:first-of-type>section:nth-child(2) p:after{width:118.5px;height:14px;background:url(/Event/summer_course_free/assets/P6_line1.svg) no-repeat center/100%;left:-11.5px;top:29px}#P6>article:first-of-type>section:nth-child(3){bottom:21px;left:27px;flex-direction:column-reverse;gap:18px}#P6>article:first-of-type>section:nth-child(3) h4{width:84px;height:80px;border-radius:20px 0 20px 20px}#P6>article:first-of-type>section:nth-child(3) p{transform:translate(-27px)}#P6>article:first-of-type>section:nth-child(3) p:after{width:100px;height:14px;background:url(/Event/summer_course_free/assets/P6_line2.svg) no-repeat center/100%;bottom:-21.5px;left:0px}#P6>article:first-of-type>section:nth-child(4){bottom:0;left:233px;flex-direction:column-reverse;gap:18px}#P6>article:first-of-type>section:nth-child(4) h4{width:90px;height:80px;border-radius:0 20px 20px}#P6>article:first-of-type>section:nth-child(4) p{transform:translate(18px)}#P6>article:first-of-type>section:nth-child(4) p:after{width:108px;height:14px;background:url(/Event/summer_course_free/assets/P6_line3.svg) no-repeat center/100%;bottom:-21.5px;left:0px}#P6>article:last-of-type{text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center}#P6>article:last-of-type .p-border{width:137px;height:33px;background-color:#367af9;background:linear-gradient(90deg,rgb(7,201,255) 0%,rgb(4,89,247) 100%);display:flex;align-items:center;justify-content:center;border-radius:16px;margin-bottom:18px}#P6>article:last-of-type .p-border p{display:inline-block;width:133px;height:29px;font-size:13px;font-weight:700;letter-spacing:0px;background-color:#367af9;display:flex;align-items:center;justify-content:center;border-radius:14px}#P6>article:last-of-type>p{font-size:16px;line-height:22px;letter-spacing:0px;margin-bottom:12px}#P6>article:last-of-type>p:before{content:"即日起到 9/15 學設計再抽 Sony PS5";position:absolute;z-index:-1;-webkit-text-stroke:3px #4E08FF;font-size:16px;line-height:22px;letter-spacing:0px}#P6>article:last-of-type a{color:#fff;display:inline-block;background-color:#4e08ff;border:1px solid #E0F8FF;line-height:100%;padding:20.5px 94.5px;border-radius:8px;box-shadow:0 10px 25px #91a2f873;cursor:pointer;position:relative;overflow:hidden}#P6>article:last-of-type a:hover{color:#4e08ff;background-color:#97bffc}#P6>article:last-of-type a:disabled{color:#00000061;background-color:#bdbdbd;box-shadow:none;border:none;cursor:not-allowed}#P6>article:last-of-type a:before{position:absolute;content:"";display:inline-block;top:0px;left:0;width:30px;height:100%;background-color:#fff;animation:btn-shine-animation 2.5s ease-in-out infinite}#P6 .arrow{width:88px;height:66px;background:url(/Event/summer_course_free/assets/P6_arrow.svg) no-repeat bottom center/62px;margin:28px 0 33px}html{line-height:normal;background-image:url(/Event/summer_course_free/assets/P5_bg.png);background-size:0}#Footer{width:100%;height:90px;background-color:#4e08ff;display:flex;flex-direction:column;justify-content:center}#Footer p{text-align:center;color:#fff;letter-spacing:0px}#Footer p:first-of-type{font-size:14px;line-height:17px}#Footer p:last-of-type{font-size:12px;line-height:25px}html{line-height:normal;background-image:url(/Event/summer_course_free/assets/P5_bg.png);background-size:0}#preloadIMG{width:100%;height:100%;position:absolute;top:0;visibility:hidden;z-index:99}.recieve{width:83px;height:99px;display:inline-block;background:url(/Event/summer_course_free/assets/P1_deco.svg) no-repeat center/100%;position:fixed;bottom:40px;right:25px;z-index:999;animation:deco--animate 3s infinite;cursor:pointer}@keyframes icon-line-bottom{0%{width:0}50%{width:5.8px}}@keyframes icon-line-top{0%{width:0}15%{width:0}to{width:10.6px}}@keyframes deco--animate{0%{transform:translate(0)}50%{transform:translateY(15%)}to{transform:translate(0)}}@keyframes title--animate{0%{transform:translateY(-8%)}50%{transform:translateY(8%)}to{transform:translateY(-8%)}}@keyframes btn-shine-animation{0%{transform:scale(0) rotate(45deg);opacity:0}80%{transform:scale(0) rotate(45deg);opacity:.2}81%{transform:scale(4) rotate(45deg);opacity:.5}to{transform:scale(50) rotate(45deg);opacity:0}}.header_menu *{font-family:Noto Sans TC,Roboto,sans-serif}.header_menu ul{margin-bottom:0}.header_menu li a{font-weight:200;letter-spacing:1px}.header_menu .contact_btn{top:25.5px}.header_menu .contact_btn a{letter-spacing:1px}.design_class_menu a:after{top:60%}ul.sub_menu li a{font-weight:200;letter-spacing:1px}.footer_mt *{font-family:Noto Sans TC,Roboto,sans-serif}.new_sign{transform:none}.new_footer{padding:0;border:none;outline:none}.new_footer a{letter-spacing:1px}.new_footer ul,.new_footer ol{padding:0;margin:0}.audit_fixed *{font-family:Noto Sans TC,Roboto,sans-serif}#audit_form h2{letter-spacing:1px;font-weight:600}.form_content input,.form_content select{letter-spacing:1px}.form_content select::-webkit-scrollbar{width:6px;height:6px}.form_content select::-webkit-scrollbar-track{background:#ddd}.form_content select::-webkit-scrollbar-track:hover{background:#ddd}.form_content select::-webkit-scrollbar-thumb{background:#ff9800;border-radius:6px}.form_content select::-webkit-scrollbar-thumb:hover{background:#ff9800}.link_to_privacy{text-decoration:none;font-size:14px;font-weight:200;letter-spacing:1px}.swal_form_success_title{font-family:Noto Sans TC,Roboto,sans-serif;color:#804835;text-align:center;font-size:24px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:3px;padding-top:0;margin-bottom:1em}.swal_form_success_closeBtn{display:flex;position:absolute;top:-3%;right:-3%;color:#fff;background-color:#f9c270;border-radius:50%;font-size:17px;line-height:17px;padding:3%;box-shadow:none!important}.swal_form_success_closeBtn:hover{color:#fff;background-color:#f9c270}@media screen and (max-width: 575px){.swal2-popup{max-width:86%}.swal2-image{width:244px!important;height:auto!important}.swal_form_success_title{font-size:18px}}#social_links{margin:0;padding:0}*{font-family:Noto Sans,sans-serif;margin:0;padding:0;box-sizing:border-box;font-size:14px;scroll-behavior:smooth}html{line-height:normal;background-image:url(/Event/summer_course_free/assets/P5_bg.png);background-size:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ddd}::-webkit-scrollbar-track:hover{background:#ccc}::-webkit-scrollbar-thumb{background:#999}::-webkit-scrollbar-thumb:hover{background:#666}body{position:relative;min-width:365px}body *::-webkit-scrollbar{width:6px;height:6px}body *::-webkit-scrollbar-track{background:#ddd}body *::-webkit-scrollbar-track:hover{background:#ddd}body *::-webkit-scrollbar-thumb{background:#4E08FF}body *::-webkit-scrollbar-thumb:hover{background:#E0F8FF}#app{min-height:100vh;background-color:#000}h1,h2,h3,h4,h5,h6,p,b,em,a,label,span{margin:0;padding:0;letter-spacing:1px}a{text-decoration:none;outline:none}img{width:100%;height:auto}fieldset{border:none;padding:0;margin:0}.heading-20{font-size:20px}.errorMsg{font-size:15px}input,select,option,textarea{font-size:15px;letter-spacing:1px}.mobile_ver{display:none}.desktop_ver{display:inline-block}@media screen and (max-width: 767px){.desktop_ver{display:none}.mobile_ver{display:block}}#Thank-you-page{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;padding:70px;position:relative;width:100%;max-width:100vw;min-height:100vh;min-width:350px;word-break:break-all;background-color:#fbfbfb;background-image:none;border:none;outline:none;box-shadow:none;opacity:1;margin:0}#Thank-you-page h1,#Thank-you-page h2,#Thank-you-page h3,#Thank-you-page h4,#Thank-you-page h5,#Thank-you-page h6,#Thank-you-page p,#Thank-you-page a,#Thank-you-page span,#Thank-you-page li,#Thank-you-page i{font-family:Noto Sans TC,Roboto,sans-serif}#Thank-you-page h2{color:#000;font-size:28px;font-weight:700;line-height:120%;letter-spacing:.1px;white-space:normal;word-break:normal}@media screen and (max-width: 768px){#Thank-you-page h2{font-size:22px}}#Thank-you-page .info .congrats{color:#0009;font-size:20px;line-height:100%;letter-spacing:.4px}@media screen and (max-width: 768px){#Thank-you-page .info .congrats{font-size:18px}}#Thank-you-page .gift .note{color:#0009;font-size:14px;letter-spacing:.4px;line-height:160%}#Thank-you-page .person .note{color:#0009;font-size:15px;letter-spacing:.5px;line-height:100%}#Thank-you-page ul{color:#000;font-size:15px;list-style:none}#Thank-you-page ul li{line-height:110%}#Thank-you-page ul li span{letter-spacing:.2px}#Thank-you-page .warning{font-size:14px;color:#a94b4b;line-height:125%}#Thank-you-page .link a{text-decoration:none}#Thank-you-page .link a p{color:#0009;font-size:14px;line-height:18px;letter-spacing:.1px}@media screen and (max-width: 768px){#Thank-you-page .link a p{line-height:20px}}#Thank-you-page header{width:100%;margin-bottom:60px;max-width:1040px}#Thank-you-page header h1{text-align:center}#Thank-you-page header h1 a{display:inline-block}#Thank-you-page article{width:100%;max-width:1040px;text-align:center;position:relative;display:flex;gap:25px 0}#Thank-you-page article h1{width:100%}#Thank-you-page article h1 a{height:100%;width:fit-content;display:block;margin:0 auto}#Thank-you-page article h1 a img{width:342px;height:auto}#Thank-you-page article .info{flex:1 1 80.76%;padding:36px 36px 74px;text-align:left;border-radius:16px;display:flex;align-items:center;gap:35px;background:url(/Event/summer_course_free/assets/thank_appedu_txt.svg) white no-repeat bottom 36px right 36px/264px;box-shadow:5px 5px 10px #0000000d;position:relative;overflow:hidden}#Thank-you-page article .info:before{content:"";width:8px;height:100%;background-color:#00c12b;display:inline-block;position:absolute;left:0;top:0}#Thank-you-page article .info .gift{flex:1 1 calc(50% - 18px)}#Thank-you-page article .info .gift .congrats{margin-bottom:15px}#Thank-you-page article .info .gift h2:not(:last-of-type){margin-bottom:8px}#Thank-you-page article .info .gift h2:last-of-type{margin-bottom:30px}#Thank-you-page article .info .person{flex:1 1 calc(50% - 18px);max-width:344px;min-width:300px;border:1px solid #e0e0e0;border-radius:4px;padding:20px 15px 15px;background:url(/Event/summer_course_free/assets/thank_appedu.svg) no-repeat top 20px right 15px/70px}#Thank-you-page article .info .person .note{margin-bottom:13.5px}#Thank-you-page article .info .person ul{display:flex;padding-left:0;flex-direction:column;gap:10px;letter-spacing:.6px;margin-bottom:15.5px}#Thank-you-page article .info .person ul li{display:flex;flex-wrap:wrap}#Thank-you-page article .info .person ul li span{display:inline-block}#Thank-you-page article .info .person ul li span:first-of-type{width:50px}#Thank-you-page article .info .person ul li span:last-of-type{max-width:calc(100% - 50px);text-decoration:none!important}#Thank-you-page article .info .person ul li:not(:last-of-type){width:calc(100% - 80px)}#Thank-you-page article .info .person .warning{padding:5px 8px;border:1px solid #a94b4b;border-radius:4px}#Thank-you-page article .link{flex:1 1 19.24%;min-width:180px;background-color:#fff;border-radius:16px;display:flex;flex-direction:column;box-shadow:5px 5px 10px #0000000d;overflow:hidden;position:relative;z-index:2}#Thank-you-page article .link>div{height:20%;min-height:67px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-left:1px dashed #bdbdbd;transition:all .2s ease}#Thank-you-page article .link>div:not(:last-of-type){border-bottom:1px dashed #bdbdbd}#Thank-you-page article .link>div>a{width:100%;height:100%;display:flex;justify-content:center}#Thank-you-page article .link>div>a>div{display:flex;align-items:center;gap:13px}#Thank-you-page article .link>div>a>div p{width:88px;text-align:left}#Thank-you-page article .link>div span{display:block;width:36px;height:36px}#Thank-you-page article .link>div.fb span{background:url(/Event/summer_course_free/assets/thank_fb.svg) no-repeat center/27px}#Thank-you-page article .link>div.yt span{background:url(/Event/summer_course_free/assets/thank_yt.svg) no-repeat center/31.7px}#Thank-you-page article .link>div.ig span{background:url(/Event/summer_course_free/assets/thank_ig.svg) no-repeat center/27px}#Thank-you-page article .link>div.line span{background:url(/Event/summer_course_free/assets/thank_line.svg) no-repeat center/28.5px}#Thank-you-page article .link>div.appedu span{background:url(/Event/summer_course_free/assets/thank_appedu.svg) no-repeat center/35px}#Thank-you-page article .link>div:hover{background-color:#f5f5f5}@media screen and (max-width: 1200px){#Thank-you-page .gift .note br{display:none}}@media screen and (max-width: 992px){#Thank-you-page{padding:70px 5%}#Thank-you-page .gift .note br{display:block}#Thank-you-page article .info{flex-direction:column}#Thank-you-page article .info .gift,#Thank-you-page article .info .person{width:100%;max-width:none}}@media screen and (max-width: 768px){#Thank-you-page{flex-wrap:wrap;padding:48px 4%}#Thank-you-page header{margin-bottom:15px}#Thank-you-page header h1 img{width:164px}#Thank-you-page article{flex-direction:column}#Thank-you-page article .info{flex:1 1 100%;padding:40px 17px 80px;background-position:bottom 36px right 17px}#Thank-you-page article .info:before{display:none}#Thank-you-page article .info .gift .congrats{margin-bottom:14px}#Thank-you-page article .info .gift h2:last-of-type{margin-bottom:20px}#Thank-you-page article .info .gift .note br{display:none}#Thank-you-page article .info .person{min-width:auto;padding:17px 15px 15px;background-position:top 17px right 15px}#Thank-you-page article .link{flex:1 1 343px}#Thank-you-page article .link>div{border-left:none}}