@charset "utf-8";html, body {margin: 0;}img {border: 0;margin: 0;vertical-align: middle;max-width: 100%;}form, fieldset, h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;}ul, ul > li, ol, ol > li {margin: 0;padding: 0;list-style: none;}i {display: inline-block;overflow: hidden;vertical-align: middle;}a:focus, input:focus, select:focus, textarea:focus, button:focus, area:focus {outline: 0;}body {font: 93.8%/1.6 Helvetica, "蘋果儷中黑", "微軟正黑體", Verdana, Arial, sans-serif, "新細明體";color: #545454;background: #fafafa;}button {font-family: "蘋果儷中黑", "微軟正黑體", Verdana, Arial, sans-serif, "新細明體";}a {color: #000;text-decoration: none;}a:hover, a:active {color: #666;text-decoration: underline;}strong {color: #e64404;}.Wrap {margin: 0 auto;}.Head > h1 {margin: 5px auto;border-bottom: #999 1px solid;}.Head > h1 > div {width: 980px;margin: 0 auto;}.Head > div {background-color: #49a9b7;}.Head > div > div {background: url(../images/ecommerce.png) 0 0 no-repeat;width: 980px;height: 330px;margin: 0 auto 80px auto;position: relative;}.Head > div > div > h2 {position: absolute;top: 35px;right: 94px;color: #FFF;font-size: 3.5em}.Head > div > div > h2 > span.Sign {margin: 0 0 0 -10px;}.Head > div > div > h2 > span.Authenticate {background-color: #000;border: #000 1px solid;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;font-size: 0.4em;padding: 5px 15px;display: block;margin: -67px 0 0 150px;}.Head > div > div > h3 {position: absolute;top: 100px;right: 37px;color: #FFF;font-size: 3.5em;}.Head > div > div > h3 > span {font-weight: 100;}.Head > div > div > h4 {text-indent: -9999px;}.Head > div > div > h5 {position: absolute;top: 281px;left: 41px;background-color: #000;width: 82px;height: 82px;text-align: center;padding: 10px;color: #FFF;font-size: 1.5em;}.Head > div > div > h5 > span {font-size: 1.5em;display: block;}.Artical {background: url(../images/background.jpg) 0 0 repeat-x;background-color: #6b6b6b;}.Artical > p {margin: 0 auto 70px auto;padding: 10px 50px;background-color: #fafafa;font-size: 1em;text-indent: 30px;width: 980px;}.Artical > p > span {margin: 0 30px 0 0;}.Contain {margin: 0 auto;width: 980px;}.Contain > h2, .Course > div > h2, .Info > h2 {color: #FFF;background: #000;font-size: 2.0em;padding: 0 20px 0 50px;height: 50px;margin: 0 0 50px 0;line-height: 50px;}.Contain > h2 {width: 186px;}.Info > h2 {width: 124px;}.Contain > ol {overflow: hidden;margin: 0 -52px -100px -52px;padding: 0 30px;}.Contain > ol > li {float: left;margin: 0 51px;width: 154px;height: 520px;}.Contain > ol > li > div {font-size: 0.85em;line-height: 1.4;color: #000;font-weight: bold;margin: 17px 0 -5px 0;}.Contain > ol > li > h3 {font-size: 2.8em;color: #000;font-weight: bold;border-bottom: #000 1px solid;margin: 0 0 15px 0;}.Contain > ol > li:after, .Course > h3:after {content: "";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}.Course {background-color: #ededed;padding: 10px 0 0 0;margin: 50px 0;}.Course > div {margin: 40px auto;width: 980px;}.Course > div > h2 {padding: 0px 0px 0px 50px;width: 214px;margin: 0 0 60px 0;float: left;overflow: hidden;}.Course > div > h3 {background-color: #fff;color: #000;padding: 0 0 0 286px;line-height: 50px;height: 50px;font-weight: bold;font-size: 1.1em;margin: 0 0 60px 0;}.Course > div > div {text-align: center;padding: 0 0 90px 0;}.Course > div > div > button {margin: 0 50px 0 0;width: 224px;height: 76px;font-size: 1.7em;font-weight: bold;cursor: pointer;}.Course > div > div > button:last-child {margin: 0;}.Course > div > div > button.Newopen {border: #628d0c 10px solid;color: #628d0c;background-color: #fff;}.Course > div > div > button.Community {border: #3b5998 10px solid;color: #3b5998;background-color: #fff;}.Course > div > div > button.Marketing {border: #f66300 10px solid;color: #f66300;background-color: #fff;}.Course > div > div > button.Newopen:hover {border: #628d0c 10px solid;}.Course > div > div > button.Newopen.Active, .Course > div > div > button.Newopen:hover {background-color: #628d0c;color: #fff;}.Course > div > div > button.Community:hover {border: #3b5998 10px solid;}.Course > div > div > button.Community.Active, .Course > div > div > button.Community:hover {color: #fff;background-color: #3b5998;}.Course > div > div > button.Marketing:hover {border: #f66300 10px solid;}.Course > div > div > button.Marketing.Active, .Course > div > div > button.Marketing:hover {color: #fff;background-color: #f66300;}.Course > div > ol {text-align: left;padding: 0 100px;}.Course > div > ol > li {overflow: hidden;padding: 0 0 70px 0;margin: 0 0 50px 0;border-bottom: #628d0c 1px solid;}.Course > div > ol > li:last-child {border-bottom: none;}.Course > div > ol > li > .ClassDay {float: left;width: 112px;text-align: center;}.Course > div > ol > li >.ClassDay >.AClass {height: 45px;border: #628d0c 5px solid;background-color: #628d0c;line-height: 45px;color: #FFF;font-size: 1.3em;}.Course > div > ol > li >.ClassDay >.Day {height: 45px;border: #628d0c 5px solid;margin: 0 0 18px 0px;color: #628d0c;font-size: 1.8em}.Course > div > ol > li >.ClassDay >.Time {margin: 0 0 12px 0px;color: #8f6902;font-size: 0.9em}.Course > div > ol > li >.ClassDay >.Wen {color: #8f6902;font-size: 1.3em;}.Course > div > ol > li > .ClassIfo {padding: 0 0 0 195px;}.Course > div > ol > li > .ClassIfo > h3 {color: #628d0c;font-size: 1.4em;}.Course > div > ol > li > .ClassIfo > h4 {color: #628d0c;font-size: 1.2em;margin: 0 0 30px 0;}.Course > div > ol > li > .ClassIfo > h4 > span {color: #5a5a5a;}.Course > div > ol.CommunityCourse > li:last-child {border-bottom: none;}.Course > div > ol.CommunityCourse > li {border-bottom: #3b5998 1px solid;}.Course > div > ol.CommunityCourse > li >.ClassDay >.AClass {border: #3b5998 5px solid;background-color: #3b5998;}.Course > div > ol.CommunityCourse > li >.ClassDay >.Day {border: #3b5998 5px solid;color: #3b5998;}.Course > div > ol.CommunityCourse > li > .ClassIfo > h3 {color: #3b5998;}.Course > div > ol.CommunityCourse > li > .ClassIfo > h4 {color: #3b5998;}.Course > div > ol.MarkingCourse > li:last-child {border-bottom: none;}.Course > div > ol.MarkingCourse > li {border-bottom: #f66300 1px solid;}.Course > div > ol.MarkingCourse > li >.ClassDay >.AClass {border: #f66300 5px solid;background-color: #f66300;}.Course > div > ol.MarkingCourse > li >.ClassDay >.Day {border: #f66300 5px solid;color: #f66300;}.Course > div > ol.MarkingCourse > li > .ClassIfo > h3 {color: #f66300;}.Course > div > ol.MarkingCourse > li > .ClassIfo > h4 {color: #f66300;}.Info {position: relative;width: 980px;margin: 0 auto;}.Info > ul {padding: 0 45px;margin: 0 0 30px 0;}.Info > ul > li {padding: 0 0 10px 0;}.Info > ul > li.Eagleeye {background-color: #ededed;margin: 30px 0;padding: 34px 30px;}.Info > ul > li.Eagleeye > div {float: left;padding: 15px 20px 15px 60px;}.Info > ul > li.Eagleeye > div > a >img {float: left;}.Info > ul > li.Eagleeye > div > div {display: block;padding: 0 0 0 100px;font-size: 1.2em;line-height: 1.3;}.Info > ul > li.Eagleeye > div > div > h3 {font-size: 1.5em;}.Info > ul > li.Eagleeye > div > div > h3 > a:hover {color: #579834;text-decoration: none;}.Info > ul > li.Eagleeye > ul {padding: 0 0 0 380px;}.Info > ul > li.Eagleeye > ul > li {padding: 0 0 5px 0;}.Info > ul > li.Eagleeye > ul > li > span {margin: 0 27px 0 0px;}.Info > ul > li.Eagleeye > ul > li:first-child > span {margin: 0 27px 0 0px;}.Info > ul > li.Eagleeye > ul > li:last-child > span {margin: 0 20px 0 0px;}.Info > ul > li > h3 {display: inline-block;font-weight: 100;font-size: 1em}.Info > ul > li.Add {margin: 0 0 80px 0;}.Info > ul > li.Add > a.Map {display: inline-block;width: 50px;height: 27px;background-color: #e64404;color: #FFF;margin: 0 0 0 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;cursor: pointer;text-align: center;line-height: 27px;letter-spacing: 1px;}.Info > ul > li.Add > a.Map:hover, .Info > div > a.SignUp:hover {background-color: #bc3500;text-decoration: none;}.Info > ul > li > span > a > img {margin: 0 0 0 10px;}.Info > div {position: absolute;top: 485px;right: 50px;font-size: 1.0em;width: 200px;}.Info > div > a.SignUp {display: inline-block;font-size: 2.1em;letter-spacing: 0.1em;font-weight: bold;width: 200px;height: 70px;background-color: #e64404;color: #FFF;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;cursor: pointer;margin: 0 0 5px 0;text-align: center;line-height: 70px;}.Info > div > div {font-size: 2.1em;letter-spacing: 0.1em;font-weight: bold;width: 200px;height: 70px;background-color: #c5c5c5;color: #FFF;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;margin: 0 0 5px 0;text-align: center;line-height: 70px;}.Info > div > h3 {font-size: 1.0em;text-align: center;}.Info > div > h4 {font-size: 0.8em;text-align: left;margin: 10px 10px 0 10px;color: #e64404;}.Info > div > button.a:Active {background-color: #bbbbbb;cursor: none;}.Info > h3{font-size: 1em;margin: 0 0 20px 45px;}.Foot {border-top: #999 1px solid;padding: 25px 0;text-align: center;}/* Create By 2025.04.02 04:07:59 */