@charset "utf-8";.Header {background:rgba(1,103,205,0.9);position:fixed;width:100%;z-index:2;}.Header:after {content:" ";display:block;clear:both;height:0;line-height:0;}.Header > div >.Logo {width:107px;height:22px;float:left;margin:0.5em 0 0 6.25%;}.Header > div > .NavBar {width:40px;height:40px;float:right;}.Header > div > .NavBar > .Nav {padding:1.25em 0 8.75em;}.Header > div > .NavBar > .BtnNav {width: 40px;height: 40px;display: block;padding:10px;}.Header > div > .NavBar > .BtnNav > .IBtnNav {display:inline-block;background:url("../images/icon_deco.svg?t=20151210v01") no-repeat;background-size:210px 210px;background-position:0 0;width:21px;height:21px;text-indent:-999999px;}.Header > div > .NavBar > .DropNav {background: rgba(26, 118, 210, 0.9);position: fixed;top: 0;right: 0;bottom: 0;left: 0;width: 100%;z-index: 3;display:none;}.Header > div > .NavBar > .BtnNav:hover {background:#135290;}.Header > div > .NavBar > .DropNav > .BtnNavClose {width: 40px;height: 40px;display: block;z-index:2;padding:10px;float:right;}.Header > div > .NavBar > .DropNav > .Nav {clear:both;}.Header > div > .NavBar > .DropNav > .BtnNavClose > .IBtnNav {background:url("../images/icon_deco.svg?t=20151210v01") no-repeat;background-size:160px 160px;background-position:-16px 0;width:16px;height:16px;display: block;text-indent:-999999px;}.Header > div > .NavBar > .DropNav > .Nav > li > a {text-decoration:none;color:#fff;font-size:1.125em;text-align:center;display: block;padding:1.39em 0;}.Header > div > .NavBar > .DropNav > .Nav > li > a:hover,.Header > div > .NavBar > .DropNav > .Nav > li > a:active {color:#f4ff4e;}.Content > .Section {padding:5em 6.25% 3.75em;}.Content > .Section > div > h2 {font-size:1.75em;color:#000;text-align:center;font-weight:normal;margin:0 0 1.61em;}.Content > .Section.Intro {background:url("../images/introbg.svg?t=20151210v01") no-repeat center top;background-size:cover;}.Content > .Section.Intro > div {padding:8em 0 0 0;margin:0 auto;}.Content > .Section.Intro > div > .Info {text-align:center;}.Content > .Section.Intro > div > .Info > .TitleDesc {font-size:1.125em;color:#4d4d4d;margin: 0 0 0.28em 0;}.Content > .Section.Intro > div > .Info > .TitleDesc > span {font-size:1.667em;color:#1a76d2;display: block;margin: 0 0 0.167em 0;}.Content > .Section.Intro > div > .Info > h1 {font-size:2.75em;color:#000;margin: 0 0 0.23em 0;}.Content > .Section.Intro > div > .Info > h1 > em {color:#1a76d2;font-style:normal;display:block;}.Content > .Section.Intro > div > .Info > p {display:none;}.Content > .Section.Intro > div > .Info > .Name {font-size:1.125em;color:#000;margin: 0 0 3.06em;}.SignUp > a {background:#333;font-size:1.25em;color:#fff;text-decoration:none;display: block;padding:0.6em 0;text-align:center;-moz-box-shadow: 5px 5px 1px #787878;-webkit-box-shadow: 5px 5px 1px #787878;box-shadow: 5px 5px 1px #787878;}.SignUp > a:hover, .SignUp > a:active {background:#1a76d2;}.Content > .Section.Desc {padding:3.75em 6.25% 0;}.Content > .Section.Desc > div > h2 {line-height:1.286;}.Content > .Section.Desc > div > h2 > span {display: block;}.Content > .Section.Desc > div > .DescPoint {display: none;}.Content > .Section.Desc > div > p {font-size:1em;color:#4d4d4d;line-height:1.875;margin: 0 0 1.875em;text-align:center;}.Content > .Section.Desc > div > p:last-child {margin:0 0 4.0625em;}.Content > .Section.Learn {background:url("../images/learnbg.jpg?t=20151210v01") no-repeat 30% top;background-size:cover;}.Content > .Section.Learn > div > p {display: none;}.Content > .Section.Learn > div > ol > li {background:rgba(26,118,210,0.8);font-size:1.25em;color:#fff;margin: 5px 0;padding:1.25em 5%;}.Content > .Section.Learn > div > ol > li > em {font-style:normal;}.Content > .Section.Learn > div > ol > li > strong {font-size:1.38em;display: block;margin:0 0 0.46em;}.Content > .Section.Ta > div > p {display: none;}.Content > .Section.Ta > div > ul {text-align:center;}.Content > .Section.Ta > div > ul > li {-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;width:260px;height:260px;background:#f4ff4e;font-size:1.25em;color:#4d4d4d;line-height:1.5;margin:2.25em 3.125%;position: relative;padding: 4em 6.875%;display:inline-block;}.Content > .Section.Ta > div > ul > li > span {text-indent:-999999px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;width:80px;height:80px;background:#333;display: block;margin: 0 auto;position: absolute;top: -45px;left: 50%;margin-left: -2em;}.Content > .Section.Ta > div > ul > li > span > .IconTrophy {display: block;position: absolute;top: 20px;left: 25%;}.Content > .Section.Ta > div > ul > li > span > .IconBulb {display: block;position: absolute;top: 15px;left: 16%;}.Content > .Section.Ta > div > ul > li > span > .IconBrand {display: block;position: absolute;top: 18px;left: 24%;}.Content > .Section.Ta > div > ul > li > strong {font-size:1.4em;color:#000;margin: 0 0 0.54em;display: block;}.Content > .Section.SuperTeacher {background:#1a76d2;color:#fff;}.Content > .Section.SuperTeacher > div > h2 {color:#fff;}.Content > .Section.SuperTeacher > div > p {display: none;}.Content > .Section.SuperTeacher > div > div > .Teacher > div {-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;width:260px;height:260px;overflow:hidden;-moz-box-shadow: 6px 6px 1px #f4ff4e;-webkit-box-shadow: 6px 6px 1px #f4ff4e;box-shadow: 6px 6px 1px #f4ff4e;margin: 0 auto 2.5em;}.Content > .Section.SuperTeacher > div > div > .Teacher > h3 {font-size:1.25em;margin: 0 0 1.15em;}.Content > .Section.SuperTeacher > div > div > .Teacher > h3 > span {font-size:1.2em;}.Content > .Section.SuperTeacher > div > div > .Teacher > p {font-size:1em;line-height:1.5;text-align:justify;margin:1.875em 0;}.Content > .Section.SuperTeacher > div > div > .Teacher:first-child > p:last-child {margin:0 0 3.9375em;}.Content > .Section.ClassContent {background:#333;color:#fff;}.Content > .Section.ClassContent > div > h2 {color:#fff;}.Content > .Section.ClassContent > div > p {display: none;}.Content > .Section.ClassContent > div > div {line-height:1.25;}.Content > .Section.ClassContent > div > div > h3 {font-weight:normal;margin: 0 0 1.92em;font-size:1.5em;}.Content > .Section.ClassContent > div > div > ol {font-size:1.4em;}.Content > .Section.ClassContent > div > div > ol > li > div {font-size:0.667em;line-height:1.5;margin:1.375em 0 3.25em;}.Content > .Section.ClassContent > div > div > ol > li > ol {margin: 0.8em 0 2.32em;}.Content > .Section.ClassContent > div > div > ol > li > ol >li {font-size:0.667em;line-height:1.5;margin: 5px 0;}.Content > .Section.ClassContent > div > div > ol:nth-child(2) {border-bottom:1px solid #f4ff4e;margin: 0 0 2.32em;}.Content > .Section.Time > div > .Date {margin:0 0 2.5em;}.Content > .Section.Time > div > .Date > span {display: none;}.Content > .Section.Time > div > .Date > em {font-size:1.75em;color:#000;display: block;font-style:normal;line-height:1.286;text-align:center;}.Content > .Section.Time > div > .Lesson.Table {color:#4d4d4d;text-align:center;}.Content > .Section.Time > div > .Lesson.Table > .Thead {background:#dcdcdc;font-size:1.25em;}.Content > .Section.Time > div > .Lesson.Table > .Tbody {font-size:1em;}.Content > .Section.Time > div > .Lesson.Table > .Thead > .Tr > .Th,.Content > .Section.Time > div > .Lesson.Table > .Tbody > .Tr > .Td {display:inline-block;vertical-align:middle;}.Content > .Section.Time > div > .Lesson.Table > .Thead > .Tr > .Th {padding:1em 3.125%;}.Content > .Section.Time > div > .Lesson.Table > .Tbody > .Tr > .Td {padding: 1.5625em 3.125%;}.Content > .Section.Time > div > .Lesson.Table > .Tbody > .Tr:nth-child(even) {background:#f6f6f6;}.Content > .Section.Time > div > .Lesson.Table > .Thead > .Tr > .Th.Time {width:28.57%;}.Content > .Section.Time > div > .Lesson.Table > .Tbody > .Tr > .Td.Time {line-height:1.5;width:28.57%;}.Content > .Section.Time > div > .Lesson.Table > .Thead > .Tr > .Th.Lesson,.Content > .Section.Time > div > .Lesson.Table > .Tbody > .Tr > .Td.Lesson {width: 39%;text-align:left;}.Content > .Section.Time > div > .Lesson.Table > .Thead > .Tr > .Th.Lector,.Content > .Section.Time > div > .Lesson.Table > .Tbody > .Tr > .Td.Lector {width: 27.71%;}.Content > .Section.Time > div > .Lesson.Table > .Tbody > .Tr > .Td.Lector > span {display: none;}.Content > .Section.Enroll {background:url("../images/enrollbg.jpg?t=20151210v01") no-repeat left top;background-size:cover;}.Content > .Section.Enroll > div > p {display: none;}.Content > .Section.Enroll > div > ul {margin:0 0 6.25em;}.Content > .Section.Enroll > div > ul > li {color:#4d4d4d;font-size:1.25em;margin:0 0 0.8em;}.Content > .Section.Enroll > div > ul > li > i {display:inline-block;text-indent:-999999px;vertical-align:middle;margin: 0 5px 0 0;}.Content > .Section.Enroll > div > ul > li > span {font-size:0.8em;display: block;margin:0.625em 0 0 12.5%;}.Content > .Section.Enroll > div > ul > li > strong {font-size:0.8em;display: inline-block;vertical-align: middle;font-weight: normal;}.Content > .Section.Enroll > div > ul > li > span.SignUpCost {background:#1a76d2;color:#fff;padding: 10px 7.5px;text-align: center;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}.Content > .Section.Faq > div > p {display: none;}.Content > .Section.Faq > div > ul > li {color:#4d4d4d;font-size:1.2em;font-weight:bold;margin:0 0 2.5em;}.Content > .Section.Faq > div > ul > li > p {font-size:0.8em;font-weight:normal;line-height:1.5;margin: 1.25em 0 0;}.Footer {background:#333;padding:1.4375em 8.75%;}.Footer > .FooterLogo {width:133px;height:27px;margin:0 auto 12px;}.Footer > .Copyright {font-size:1em;color:#fff;text-align:center;}@media screen and (min-width: 480px) {}@media screen and (min-width: 568px) {}@media screen and (min-width: 600px) {}@media screen and (min-width: 768px) {.Header > div > .Logo {width:185px;height:38px;margin:1.25em 0 0 5.21%;}.Header > div > .NavBar > .BtnNav > .IBtnNav {background-size: 400px 400px;width: 40px;height: 40px;}.Header > div > .NavBar {width: 80px;height: 80px;}.Header > div > .NavBar > .BtnNav {width: 80px;height: 80px;padding: 20px;}.Header > div > .NavBar > .DropNav > .Nav > li > a {font-size: 2.125em;padding: 1.47em 0;}.Header > div > .NavBar > .DropNav > .BtnNavClose {width: 80px;height: 80px;padding: 20px;}.Header > div > .NavBar > .DropNav > .BtnNavClose > .IBtnNav {background-size: 400px 400px;background-position: -40px 0;width: 40px;height: 40px;}.Content > .Section {padding:8em 4.948% 5em;}.Content > .Section > div > h2 {font-size: 3.75em;margin: 0 0 1.08em;}.Content > .Section.Intro {padding-bottom: 10em;}.Content > .Section.Intro > div {padding: 13.5em 0 0 0;}.Content > .Section.Intro > div > .Info > .TitleDesc {font-size: 1.875em;margin: 0 0 12px 0;}.Content > .Section.Intro > div > .Info > .TitleDesc > span {font-size: 1.47em;margin: 0 0 12px 0;}.Content > .Section.Intro > div > .Info > h1 {font-size: 4.375em;margin: 0 0 0.21em 0;}.Content > .Section.Intro > div > .Info > .Name {font-size: 1.625em;margin: 0 0 1.27em;}.SignUp > a {font-size: 1.25em;width: 170px;margin: 0 auto 4.7em;}.Content > .Section.Desc > div > h2 {font-size: 3.75em;margin: 0 0 1.08em;}.Content > .Section.Desc > div > p {font-size: 1.875em;line-height: 1.6;}.Content > .Section.Desc > div > p:last-child {margin: 0 0 3em;}.Content > .Section.Desc > div > p > span {display: block;}.Content > .Section.Learn > div > ol {padding:0 5.99%;}.Content > .Section.Learn > div > ol > li {font-size: 1.25em;margin: 10px 0;padding: 1.75em 5.21%;padding: 1.75em 80px;position: relative;}.Content > .Section.Learn > div > ol > li > em {margin: 0 0 0 5.47%;}.Content > .Section.Learn > div > ol > li > strong {font-size: 1.8em;}.Content > .Section.Learn > div > ol > li > strong > span {position: absolute;display:inline-block;z-index:1;left: 35px;}.Content > .Section.Ta > div > ul {margin: 0 -4.95%;}.Content > .Section.Ta > div > ul > li {vertical-align:middle;width: 220px;height: 220px;font-size: 1.125em;margin: 1.94em 8px 0;padding: 3.33em 2.6%;}.Content > .Section.Ta > div > ul > li > span {top: -40px;}.Content > .Section.Ta > div > ul > li > span > .IconTrophy {top: 20px;left: 22%;}.Content > .Section.Ta > div > ul > li > span > .IconBulb {top: 14px;}.Content > .Section.Ta > div > ul > li > span > .IconBrand {left: 23%;}.Content > .Section.SuperTeacher > div > div > .Teacher {width:49%;display:inline-block;vertical-align:top;padding: 0 2.6%;}.Content > .Section.SuperTeacher > div > div > .Teacher > div {margin: 0 auto 3.125em;}.Content > .Section.SuperTeacher > div > div > .Teacher > h3 {font-size: 1.75em;}.Content > .Section.SuperTeacher > div > div > .Teacher > h3 > span {font-size: 1.29em;}.Content > .Section.SuperTeacher > div > div > .Teacher > p {font-size: 1.125em;line-height: 1.667;}.Content > .Section.ClassContent > div > div > h3 {font-size: 1.875em;}.Content > .Section.ClassContent > div > div > ol {font-size: 1.75em;}.Content > .Section.ClassContent > div > div > ol:nth-child(2) {margin: 0 0 3.39em;}.Content > .Section.ClassContent > div > div > ol:nth-child(2) > li:last-child {margin:0 0 3.39em;}.Content > .Section.ClassContent > div > div > ol > li > div {font-size: 0.71em;line-height: 0.8;}.Content > .Section.ClassContent > div > div > ol > li > ol >li {font-size: 0.71em;}.Content > .Section.Time > div > .Date {text-align: center;}.Content > .Section.Time > div > .Date > em {font-size: 3.75em;display: inline-block;margin: 0 3.26%;}.Content > .Section.Time > div > .Date > em > span {font-size:0.6em;}.Content > .Section.Time > div > .Lesson.Table > .Thead {font-size:1.875em;}.Content > .Section.Time > div > .Lesson.Table > .Tbody {font-size:1.5em;}.Content > .Section.Time > div > .Lesson.Table > .Thead > .Tr > .Th {padding: 12px 3.125%;}.Content > .Section.Time > div > .Lesson.Table > .Tbody > .Tr > .Td {padding: 1.5625em 1.125%;}.Content > .Section.Time > div > .Lesson.Table > .Tbody > .Tr > .Td.Lector > span {display: block;font-size:0.7em;margin: 14px 0;}.Content > .Section.Time > div > .Lesson.Table > .Tbody > .Tr > .Td.Time {width: 28%;}.Content > .Section.Time > div > .Lesson.Table > .Thead > .Tr > .Th.Lesson,.Content > .Section.Time > div > .Lesson.Table > .Tbody > .Tr > .Td.Lesson {width: 44%;}.Content > .Section.Time > div > .Lesson.Table > .Thead > .Tr > .Th.Lesson {padding:0 1.125%;}.Content > .Section.Time > div > .Lesson.Table > .Thead > .Tr > .Th.Lector,.Content > .Section.Time > div > .Lesson.Table > .Tbody > .Tr > .Td.Lector {width: 25%;}.Content > .Section.Enroll > div > ul {margin: 0 0 4.0625em;}.Content > .Section.Enroll > div > ul > li {margin: 0 0 1.75em;}.Content > .Section.Enroll > div > ul > li > span {font-size: 1.3em;display: inline-block;vertical-align: middle;margin: 0 0 0 10px;}.Content > .Section.Enroll > div > ul > li > i {margin: 0 10px 0 0;}.Content > .Section.Enroll > div > ul > li > strong {font-size: 1.3em;}.Content > .Section.Enroll > div > ul > li > strong > span {font-size: 0.77em;}.Content > .Section.Enroll > div > ul > li:nth-child(2) > .TaipeiSite {margin: 0 0 0 170px;}.Content > .Section.Enroll > div > ul > li > span.SignUpCost {font-size: 1.2em;padding: 10px 2.08%;margin: 0 0 0 2.6%;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;}.SignUp.Enroll > a {font-size: 1.75em;width: 278px;margin: 0 auto;}.Content > .Section.Faq > div > ul > li {font-size: 1.875em;margin: 0 0 1.83em;}.Content > .Section.Faq > div > ul > li:last-child {margin:0;}.Content > .Section.Faq > div > ul > li > p {font-size: 0.93em;margin: 0.89em 0 0;}.Footer > .FooterLogo {width: 166px;height: 34px;}.Footer > .Copyright {font-size:0.9375em;}}@media screen and (min-width: 800px) {}@media screen and (min-width: 1024px) {.Header > div {max-width:960px;margin:0 auto;}.Header > div > .Logo {margin: 20px 68px 20px 5.21%;}.Header > div > .NavBar {float: left;width: auto;height: auto;}.Header > div > .NavBar > .BtnNav,.Header > div > .NavBar > .DropNav > .BtnNavClose {display: none;}.Header > div > .NavBar > .DropNav {background: none;display: block;position: static;}.Header > div > .NavBar > .DropNav > .Nav > li {display:inline-block;margin: 0 24px;}.Header > div > .NavBar > .DropNav > .Nav > li > a {font-size: 1.125em;padding: 38px 0 0;}.Content > .Section > div {max-width:960px;margin:0 auto;}.Content > .Section.Intro {background-size: 1240px 1240px;}.Content > .Section.Intro > div {padding: 260px 0 0 0;}.Content > .Section.Intro > div > .Info > .TitleDesc {font-size: 2.25em;margin: 0 0 10px 0;}.Content > .Section.Intro > div > .Info > .TitleDesc > span {font-size: 1.667em;margin: 0 0 10px 0;}.Content > .Section.Intro > div > .Info > h1 {font-size: 5.75em;}.Content > .Section.Intro > div > .Info > .Name {font-size: 2.125em;}.SignUp > a {font-size: 1.5em;width: 222px;margin: 0 auto 200px;}.Content > .Section.Ta > div > ul > li {width: 290px;height: 290px;font-size: 1.25em;padding: 95px 2.6%;}.Content > .Section.Ta > div > ul > li > span {width: 100px;height: 100px;top: -60px;}.Content > .Section.Ta > div > ul > li > strong {font-size: 1.8em;}.Content > .Section.ClassContent > div > div > h3 {font-size: 2.5em;}.Content > .Section.Time > div > .Lesson.Table > .Tbody {font-size:1.875em;}.Content > .Section.Time > div > .Lesson.Table > .Tbody > .Tr > .Td.Time {font-size: 0.93em;}.Content > .Section.Time > div > .Lesson.Table > .Thead > .Tr > .Th.Lector,.Content > .Section.Time > div > .Lesson.Table > .Tbody > .Tr > .Td.Lector {padding: 0 0.125%;}.Content > .Section.Time > div > .Lesson.Table > .Tbody > .Tr > .Td.Lector > span {font-size: 0.8em;}.Content > .Section.Enroll > div > ul > li {font-size: 1.875em;}.Content > .Section.Enroll > div > ul > li > span {font-size: 1.2em;}.Content > .Section.Enroll > div > ul > li > strong > span {font-size: 0.8em;}.Content > .Section.Enroll > div > ul > li:nth-child(2) > .TaipeiSite {margin: 0 0 0 222px;}.Content > .Section.Enroll > div > ul > li > span.SignUpCost {font-size: 0.8em;}}/* Create By 2025.04.02 06:37:00 */