*{box-sizing:border-box;-webkit-box-sizing:border-box;letter-spacing:1px;margin:0;padding:0}body{background:url(../images/pattern.png) repeat;font-family:"Noto Sans TC",Century-Gothic,Helvetica,sans-serif,"微軟正黑體";font-size:100%;letter-spacing:1px;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;position:relative}ul.logo_info,ul.social_box,ul.suitable_list,ul.work_video_info{list-style-type:none}.activity_intro_box,.activity_intro_title,.footer_box,.footer_container,.header_box img,.instructor_box,.speech_box,.suitable_box,.work_video_box,ul.work_video_info{width:100%}.activity_intro_text,.activity_intro_title h2,.footer_box,.header_box img,.instructor_info,.instructor_info h2,.instructor_photo,.speech_box,.speech_map,.suitable_box h2,.work_video_box h2,ul.suitable_list li,ul.work_video_info,ul.work_video_info li,ul.work_video_info li figure{position:relative}.activity_intro_title h2:before,.appedu_logo,.header_banner_text img.header_sub_title,.header_banner_text img.header_title,.header_box h2,.header_box h3,.instructor_info h2:before,.instructor_name h2,.instructor_name h3,.instructor_name img.b_triangle_icon_1,.instructor_name img.mobile_b_triangle_icon_1,.speech_box h2,.speech_box h2:after,.speech_box h2:before,.speech_btn,.speech_map_detail,.suitable_box h2:after,.suitable_box h2:before,.work_video_box h2:after,.work_video_box h2:before,img.speech_info_quotation_mark,span.quotation_mark:after,span.quotation_mark:before,span.quotation_mark_down,span.quotation_mark_up,ul.suitable_list li h3,ul.work_video_info img.circle_triangle_icon2,ul.work_video_info li figure:after,ul.work_video_info li figure:before{position:absolute}img.Sb_triangle_icon_1,img.Sb_triangle_icon_2,img.Sb_triangle_icon_3,img.Sb_triangle_icon_4{display:block;height:auto;position:absolute}img.Sb_triangle_icon_1,img.Sb_triangle_icon_2,img.Sb_triangle_icon_4{z-index:-2000}.speech_btn img:hover,ul.suitable_list li img:hover,ul.work_video_info li h3:hover{animation:icon_scale .6s cubic-bezier(.445,.05,.55,.95) 0s}.arrow_down_icon,.bottom_circle_icon,.center_circle_icon,.top_circle_icon{animation:arrow_circle_bounce 3s ease-out 0s forwards infinite}.clearfix:after{clear:both;content:"";display:block}.header_box{position:relative}.header_box img{background-size:cover;height:auto}.header_banner_text{position:relative;top:42px}.header_banner_text img.header_title{animation:text_bounceIn .8s ease-out 0s forwards;opacity:0}.header_banner_text img.header_sub_title{animation:text_bounceIn .8s ease-out 0s forwards;animation-delay:1s;max-width:480px;opacity:0;right:340px;top:-190px;z-index:2500}.appedu_logo{color:#fff;left:200px;top:70px;z-index:2000}.appedu_logo img{height:auto}.header_banner_text img.header_title{bottom:126px;height:auto;max-width:670px;right:285px;z-index:2000}.activity_intro_box{margin:90px auto 120px auto;max-width:1180px;width:100%}.activity_intro_title{float:left;max-width:392px;opacity:0;width:100%}.activity_intro_title h2{color:#114078;font-size:48px;line-height:60px}.activity_intro_title h2:before{content:"";background:url(../images/title_triangle_icon.png);display:block;height:83px;left:-27px;top:-35px;width:85px;z-index:-2000}.activity_intro_title h3{color:#00abff;font-size:42px;font-weight:500;padding:20px 0}.activity_intro_text{float:right;max-width:702px;opacity:0;width:100%}.activity_intro_text p{color:#4d4d4d;font-size:18px;line-height:32px;padding-bottom:38px;text-align:justify}.activity_intro_text img.circle_triangle_icon1{bottom:-52px;position:absolute;right:-120px}.instructor_box{margin:60px auto 200px auto;max-width:1180px}.instructor_photo_detail{float:left;position:relative}.instructor_name img.b_triangle_icon_1{height:auto;right:0;top:210px;width:244px}.instructor_name h2,.instructor_name h3{font-weight:500}.instructor_name h3{bottom:45px;color:#00abff;font-size:30px;left:230px}.instructor_name h2{bottom:-15px;color:#fff;font-size:48px;left:228px}.instructor_info{float:right;max-width:704px;opacity:0;padding-top:100px}.instructor_info h2{color:#114078;font-size:48px}.instructor_info h2:before{content:"";background:url(../images/title_triangle_icon.png);display:block;height:83px;left:-27px;top:-35px;width:85px;z-index:-2000}.instructor_info h3{color:#00abff;font-size:42px;font-weight:500;padding:20px 0 48px 0}.instructor_text_detail{padding-bottom:30px}.instructor_text_detail p:before{content:"+";color:#1273bb;margin-right:4px}.instructor_text p{color:#4d4d4d;font-size:18px;line-height:32px;text-align:justify}.work_video_box{margin:0 auto;max-width:1122px}.work_video_box h2{color:#fff;font-size:36px;font-weight:500;line-height:60px;text-align:center}.work_video_box h2:before{content:"";background:#114078;display:block;height:68px;left:50%;transform:rotate(-2deg) skew(10deg) translate(-50%,-6px);width:246px;z-index:-2000}.work_video_box h2:after{content:"";border:2px solid #ffd91f;display:block;height:68px;left:49%;transform:rotate(2deg) skew(-10deg) translate(-50%,-58px);width:246px;z-index:-4000}ul.work_video_info{margin:107px auto 0 auto;max-width:1184px;width:100%}ul.work_video_info li{float:left;margin-right:96px}ul.work_video_info li:last-child{margin-right:0}ul.work_video_info li figure{width:513px}ul.work_video_info li figure:after{content:"";background:#ffd91f;display:block;height:225px;left:50%;margin:0 auto;top:50%;transform:translate(-50%,-50%);width:575px;z-index:-2000}ul.work_video_info li figure:before{content:"";border:4px solid #ffd91f;display:block;height:332px;left:50%;margin:0 auto;top:50%;transform:translate(-50%,-50%);width:550px;z-index:-2000}ul.work_video_info li h3{background:#114078;box-shadow:8px 8px 0 #ffd91f;color:#fff;display:block;font-size:30px;font-weight:500;height:75px;line-height:73px;margin:65px auto 0 auto;padding:0 24px;text-align:center;width:440px}ul.work_video_info li h3:hover{cursor:pointer}ul.work_video_info img.circle_triangle_icon2{right:-30px;top:-300px}ul.work_video_info a{text-decoration:none}span.quotation_mark_up{content:"";background:url(../images/work_quotation_mark_up.png) no-repeat;display:block;height:30px;left:20px;top:-40px;width:44px}span.quotation_mark_down{content:"";background:url(../images/work_quotation_mark_down.png) no-repeat;bottom:98px;display:block;height:30px;right:20px;width:44px}.suitable_box{margin:208px auto 228px auto;max-width:1084px;width:100%}.suitable_box h2{color:#fff;font-size:36px;font-weight:500;text-align:center}.suitable_box h2:before{content:"";background:#114078;display:block;height:68px;left:50%;transform:rotate(-2deg) skew(10deg) translate(-50%,-20px);width:494px;z-index:-2000}.suitable_box h2:after{content:"";border:2px solid #ffd91f;display:block;height:68px;left:49%;transform:rotate(2deg) skew(-10deg) translate(-50%,-38px);width:494px;z-index:-4000}ul.suitable_list{padding-top:88px}ul.suitable_list li{float:left;height:100%;margin-right:60px;max-width:222px}ul.suitable_list li img{z-index:-200}ul.suitable_list li:last-child{margin-right:0}ul.suitable_list li h3{background:#114078;box-shadow:6px 6px 0 #ffd91f;color:#fff;font-size:22px;font-weight:500;line-height:28px;margin-top:-16px;padding:10px 0 14px 0;text-align:center;width:220px;z-index:2000}.speech_box{background:#114078;color:#fff;margin:80px auto 200px auto;max-width:1026px}img.speech_info_quotation_mark{content:"";display:block;height:68px;right:48px;top:-26px;width:92px}.speech_box h2{color:#fff;font-size:36px;font-weight:500;margin-left:40px;text-align:center;top:-20px;width:250px;z-index:2000}.speech_box h2:after{content:"";background:#1273bb;display:block;height:68px;left:22px;top:-12px;transform:rotate(-2deg) skew(10deg);width:200px;z-index:-2000}.speech_box h2:before{content:"";background:#fff;border:1px solid #1273bb;display:block;height:68px;left:22px;top:-14px;transform:rotate(2deg) skew(-10deg);width:200px;z-index:-2000}.speech_info{padding:72px 72px 112px 72px}.speech_text{float:left;margin-top:24px}.speech_text_detail{padding-bottom:30px}.speech_text_detail:last-child{padding-bottom:0}.speech_text_detail p{font-size:18px;line-height:32px;text-align:justify}.speech_map{float:right;height:318px;width:420px}.speech_map_detail{border:none;height:318px;transform:rotate(0);width:420px;z-index:2000}.speech_map_border{border:2px solid #ffd91f;display:block;height:318px;transform:rotate(4deg);width:420px}.speech_btn{background:0 0;border:none;bottom:-46px;display:block;height:92px;left:0;margin:0 auto;outline:0;right:0;text-align:center;width:292px}.footer_box{background:#000;padding:30px 0}.footer_container{margin:0 auto;max-width:1346px}ul.logo_info li img.footer_logo{margin-top:-7px;max-width:196px}ul.logo_info{width:434px}ul.logo_info,ul.social_box{float:left}ul.logo_info li,ul.social_box li{float:left}ul.social_box li img{cursor:pointer;transition:.3s}ul.social_box li img:hover{transform:scale(1.2)}ul.logo_info li{margin-right:28px}ul.logo_info li img.contact{margin-top:4px}ul.social_box{width:142px}ul.social_box li{margin-right:14px}ul.social_box li:last-child{margin-right:0}.footer_container p{color:#fff;font-size:14px;line-height:26px;padding:5px 0;text-align:right}img.Sb_triangle_icon_1{left:0;margin-top:100px}img.Sb_triangle_icon_2{margin-top:-200px;right:0}img.Sb_triangle_icon_3{left:0;margin-top:-128px}img.Sb_triangle_icon_4{bottom:0;margin-top:-128px;right:0}.arrow_down_box{height:20px;margin:30px 0;position:relative}.arrow_down_icon{bottom:0;display:block;height:47px;left:0;margin:0 auto 40px auto;position:absolute;right:0;top:-28px;width:34px}.circle_icon{background:#1273bb;border-radius:50%;display:block;height:6px;left:0;margin:0 auto;position:absolute;right:0;top:-60px;width:6px}.top_circle_icon{animation-delay:.6s;top:-76px}.center_circle_icon{animation-delay:1.2s;top:-60px}.bottom_circle_icon{animation-delay:1.8s;top:-44px}.up_arrow_down_icon{animation-delay:2.4s}.bottom_arrow_down_icon{animation-delay:3s}#go_top_btn{background:#ffd91f;border-radius:50%;bottom:73px;cursor:pointer;display:none;height:58px;position:fixed;right:70px;transition:.5s background ease-out;width:58px;z-index:10000}#go_top_btn:before{content:"";border-left:4px solid #0f4078;border-top:4px solid #0f4078;bottom:0;display:block;height:14px;left:0;margin:-6px auto 0 auto;position:absolute;right:0;top:50%;transform:rotate(45deg);width:14px}#go_top_btn:active,#go_top_btn:hover{background:#0f4078}#go_top_btn:hover:before{border-left:4px solid #ffd91f;border-top:4px solid #ffd91f}.text_fadeIn{animation:fadeIn_Up .5s ease-out 0s forwards}.text_delay_fadeIn{animation:fadeIn_Up .5s ease-out 0s forwards;animation-delay:.6s}@keyframes text_bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:.9;transform:scale(1.1)}80%{opacity:1;transform:scale(.81)}100%{opacity:1;transform:scale(1)}}@keyframes swing{0%{transform:rotate(1deg)}100%{transform:rotate(deg)}}@keyframes fadeIn_Up{0%{opacity:0;transform:translateY(74px)}100%{opacity:1;transform:translateX(0)}}@keyframes icon_scale{0%{transform:scale(1)}40%{transform:scale(1.14)}80%{transform:scale(1)}}@keyframes arrow_circle_bounce{0%{opacity:1;transform:translateY(0)}30%{opacity:0;transform:translateY(8px)}32%{opacity:0;transform:translateY(-8px)}54%{opacity:1;transform:translateY(0)}}@media screen and (max-width:1600px){.appedu_logo{left:70px}}@media screen and (max-width:1550px){.header_banner_text{top:92px}}@media screen and (max-width:1430px){.activity_intro_text img.circle_triangle_icon1{right:0}}@media screen and (max-width:1300px){.activity_intro_text img.circle_triangle_icon1{right:0}.activity_intro_box{padding:0 40px}}@media screen and (min-width:1200px) and (max-width:1300px){.activity_intro_text{max-width:660px}}@media screen and (min-width:1201px){img.mobile_b_triangle_icon_1,img.mobile_header_title{display:none}}@media screen and (max-width:1200px){.header_banner_text img.header_banner,.header_banner_text img.header_sub_title,.header_box h2,.header_box h3,.instructor_name,.instructor_name img.b_triangle_icon_1,.instructor_photo_detail img.instructor_photo,img.header_title{display:none}.activity_intro_text p,.instructor_text p,.speech_text_detail p{font-size:14px;line-height:24px}.activity_intro_text p,.speech_text_detail{padding-bottom:30px}#wrapper{padding:0 22px}.header_box{position:relative}.appedu_logo{left:auto;top:auto}.appedu_logo img{left:36px;max-width:178px;top:36px}.header_box img.mobile_header_title{animation:text_bounceIn 1s ease-out,swing .6s ease-in-out 1.4s}.instructor_box{margin:60px auto 60px auto;position:relative}.instructor_info{float:none;padding:60px 10px 0 10px}.instructor_name h3{bottom:50px;font-size:16px;left:228px}.instructor_name h2{bottom:16px;font-size:26px}.activity_intro_box{margin:60px auto 90px auto;padding:0 10px}.activity_intro_text{float:none;max-width:none}.activity_intro_title{float:none;width:100%}.activity_intro_title h2,.instructor_info h2{font-size:27px;line-height:33px}.activity_intro_title h3,.instructor_info h3{font-size:23px;padding:15px 0 30px 0}.activity_intro_title h2:before,.instructor_info h2:before{background:url(../images/mobile_title_triangle_icon.png) no-repeat;display:block;left:-10px;top:-12px;width:48px}.work_video_box h2{line-height:48px}.work_video_box h2:before{transform:rotate(-2deg) skew(10deg) translate(-50%,0)}.work_video_box h2:after{transform:rotate(2deg) skew(-10deg) translate(-50%,-46px)}.work_video_box h2:after,.work_video_box h2:before{height:48px;width:142px}.instructor_info{max-width:none}ul.work_video_info{margin:80px auto 0 auto;max-width:404px}ul.work_video_info li{float:none;margin:0 0 80px 0}ul.work_video_info li figure:before{height:110%;width:92%}ul.work_video_info li figure:after{height:124px;width:100%}ul.work_video_info li h3{font-size:16px;height:44px;line-height:42px;margin:40px auto 0 auto;width:262px}.suitable_box{margin:208px auto 98px auto}.suitable_box h2,.work_video_box h2{font-size:22px;font-weight:500}.suitable_box h2:before{transform:rotate(-2deg) skew(10deg) translate(-50%,-16px)}.suitable_box h2:after{transform:rotate(2deg) skew(-10deg) translate(-50%,-32px)}.suitable_box h2:after,.suitable_box h2:before{height:48px;width:288px}ul.suitable_list{margin:0 auto;max-width:368px;padding:60px 10px 0 10px;width:100%}ul.suitable_list li{margin:0 68px 82px 0;max-width:140px}ul.suitable_list li:nth-child(2n+2){margin-right:0}ul.suitable_list li h3{font-size:16px;font-weight:500;line-height:20px;padding:4px 0 8px 0;width:140px}.speech_box{background:#114078;color:#fff;margin:0 auto 88px auto;max-width:1026px;width:100%}.speech_box h2{font-size:22px;font-weight:500;margin-left:0;padding-left:40px;width:150px}.speech_box h2:after,.speech_box h2:before{height:58px;width:150px}.speech_info{margin-top:100px;padding:16px 16px 82px 16px}.speech_text{float:none;margin:40px 0;padding:0 14px}.speech_text_detail:last-child{padding-bottom:0}.speech_text_detail p{text-align:justify}.speech_map{display:block;float:none;height:auto;margin:0 auto;width:92%}.speech_map_detail{height:280px;width:100%;z-index:2000}.speech_map_border{display:block;height:280px;width:100%}.speech_btn img{bottom:-27px;height:54px;width:172px}ul.logo_info{width:100%}ul.logo_info,ul.social_box{float:none}ul.logo_info li{float:none;margin-right:0}ul.social_box{margin:0 auto}.footer_box{line-height:0;padding:24px 18px}.footer_container{padding:0 20px}ul.logo_info li img.footer_logo{height:auto;max-width:156px}ul.logo_info{width:100%}ul.logo_info,ul.social_box{float:none}ul.logo_info li{float:none;margin-right:0}ul.logo_info li img.contact,ul.logo_info li img.footer_logo{display:block;height:auto;margin:0 auto 14px auto}ul.social_box{margin:0 auto}.footer_container p{text-align:center}.activity_intro_text,.activity_intro_title,.instructor_info{opacity:1}img.mobile_header_title{display:block;margin:-150px auto 0 auto;max-width:76%}img.Sb_triangle_icon_1{left:0;margin-top:770px}img.Sb_triangle_icon_2,img.Sb_triangle_icon_4,ul.work_video_info img.circle_triangle_icon2{right:0}img.Sb_triangle_icon_1{max-width:142px;z-index:-4500}img.Sb_triangle_icon_2{margin-top:-100px;max-width:142px;z-index:-4500}img.Sb_triangle_icon_3{margin-top:-190px;max-width:142px;z-index:-4500}img.speech_info_quotation_mark{display:block;height:auto;right:20px;top:-12px;max-width:50px}span.quotation_mark_up{background:url(../images/mobile_work_quotation_mark_up.png) no-repeat;height:15px;left:62px;top:-24px;width:22px}span.quotation_mark_down{background:url(../images/mobile_work_quotation_mark_down.png) no-repeat;bottom:60px;height:15px;right:62px;width:22px}.instructor_photo_detail{float:none}.instructor_photo_detail img.mobile_b_triangle_icon_1{display:block;margin:0 auto;max-width:67.6%}.activity_intro_text img.circle_triangle_icon1{max-width:90px;right:-16px}ul.work_video_info img.circle_triangle_icon2{max-width:70px;top:-150px}ul.work_video_info li figure,ul.work_video_info li figure img{display:block;margin:0 auto;max-width:86%}ul.suitable_list li img{max-width:100%}ul.logo_info li img.contact,ul.logo_info li img.footer_logo{display:block;height:auto;margin:0 auto 14px auto}}@media screen and (min-width:1024px) and (max-width:1200px){img.mobile_header_title{margin:-382px auto 0 auto}}@media screen and (min-width:767px) and (max-width:1200px){img.header_banner{background-size:cover;display:block}.speech_box{margin:0 auto 180px auto}}@media screen and (min-width:768px) and (max-width:1024px){img.mobile_header_title{margin:-200px auto 0 auto}}@media screen and (min-width:500px) and (max-width:1024px){img.mobile_header_title{margin:-150px auto 0 auto}}@media screen and (min-width:320px) and (max-width:1024px){#go_top_btn{bottom:30px;right:20px}}@media screen and (max-width:1024px){.appedu_logo img{max-width:130px}}@media screen and (min-width:767px){img.mobile_header_banner{display:none}}@media screen and (max-width:767px){img.header_banner{display:none}img.mobile_header_banner{background-size:cover;display:block}img.mobile_header_title{margin:-120px auto 0 auto;max-width:90%}.speech_box{margin:0 auto 194px auto}}@media screen and (max-width:700px){.appedu_logo img{max-width:70px;left:16px;top:16px}img.Sb_triangle_icon_4{max-width:48%}}@media screen and (max-width:430px){img.mobile_header_title{margin:-150px auto 0 auto}ul.work_video_info li figure:before{height:112%}.speech_box{margin:0 auto 88px auto}}@media screen and (max-width:412px){ul.suitable_list{max-width:320px}ul.suitable_list li{margin:0 20px 82px 0;max-width:140px}}@media screen and (max-width:400px){img.Sb_triangle_icon_4{display:none}}@media screen and (max-width:363px){.appedu_logo img{max-width:60px}ul.work_video_info img.circle_triangle_icon2{display:none}.suitable_box{margin:190px auto}ul.suitable_list{max-width:166px}ul.suitable_list li{float:none;margin:0 0 68px 0;max-width:166px}}@media screen and (max-width:330px){img.mobile_header_title{max-width:300px}ul.work_video_info li figure:before{height:114%}.activity_intro_title h2,.instructor_info h2{font-size:30px}.activity_intro_title h2,.instructor_info h2{font-size:25px;line-height:33px}.activity_intro_title h3,.instructor_info h3{font-size:21px}}