@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:#f2f2f2;}button {font-family: "蘋果儷中黑", "微軟正黑體", Verdana, Arial, sans-serif, "新細明體";}a {color: #000;text-decoration: none;}a:hover, a:active {color: #666;text-decoration: underline;}strong {color: #000;}.Info strong {color: #e64404;}.Wrap {margin: 0 auto;border: #fff 10px solid;}.Head {background-color: #3db4d8;position: relative;height: 430px;background:url(../images/sbackground.jpg?v=20140521) 0 0 repeat;}.Head > .Main {width: 50%;position: absolute;top:0;right:470px;z-index: 100;}.Head > .Main > h1 {}.Head > .Main > h1 > a > img{margin: 20px 0 0 0;}.Head > .Main > div > div {background: url(../images/ecommerce.png?v=20140521) 0 0 no-repeat;width: 960px;height: 420px;margin: -55px auto 0 auto;position: relative;}.Head > .Main> div > div > .Sign,.Head > .Main> div > div > h2,.Head > .Main> div > div > h3,.Head > .Main> div > div > h4{text-indent: -9999px;height: 0;}.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 > .Main > div > .Accept{position: absolute;top: 429px;left: 0;font-size: 1.2em;width: 91px;line-height: 1.4;z-index: 10;color: #fff;padding: 7px 12px;background: #e60012;text-align: center;font-weight: 100}.Head > .Main > div > .Limited {position: absolute;top: 370px;left: 0px;background-color: #000;width: 85px;height: 80px;text-align: center;padding: 10px;color: #FFF;font-size: 1.6em;z-index: 5;*}.Head > .Main > div > .Limited > span {font-size: 1.4em;line-height: 1.2;display: block;}.Head > .HTR{width: 0px;height: 0px;border-style: solid;border-width: 300px 300px 0 0;border-color: rgba(255,255,255,0.2)transparent transparent transparent;position: absolute;top: 0px;left: 0px;z-index: 1;}.Head > .HTL{width: 0px;height: 0px;border-style: solid;border-width: 0 300px 300px 0;border-color: transparent rgba(0,0,0,0.1) transparent transparent;position: absolute;top: 0px;right: 0px;z-index: 2;}.Head > .HDR{width: 0px;height: 0px;border-style: solid;border-width: 300px 0 0 300px;border-color: transparent transparent transparent rgba(0,0,0,0.1);position: absolute;bottom: 0px;left: 0px;z-index: 2;}.Head > .HDL{width: 0px;height: 0px;border-style: solid;border-width: 0 0 300px 300px;border-color: transparent transparent rgba(255,255,255,0.2) transparent;position: absolute;bottom: 0px;right: 0px;z-index: 1;}.Artical {margin: 60px auto 70px auto;width: 980px;}.Artical > p {padding: 10px 50px;font-size: 1em;text-indent: 30px;}.Artical > p > span {margin: 0 30px 0 0;}.Contain{margin: 0 auto;background:#fff;}.Contain > div {margin: 0 auto;width: 980px;}.Contain > div > .Triangle,.Course > div > .Triangle,.Info > div > .Triangle{width: 0px;height: 0px;border-style: solid;border-width: 25px 60px 0 60px;border-color: #f2f2f2 transparent transparent transparent;margin: 0 auto 25px auto;}.Course > div > .TColorLight{border-color: #fff transparent transparent transparent;margin: 0 auto 50px auto;}.Info > div > .TColorDark{border-color: #f7f7f7 transparent transparent transparent;margin: -50px auto 50px auto;}.Contain > div > h2, .Course > div > h2, .Info > div > h2 {color: #000;font-size: 2.0em;padding: 5px 20px 0 0;margin: 0 0 50px 0;line-height: 50px;}.Contain > div > h2 {}.Contain > div > h2:before,.Contain > div > h2:after,.Course > div > h2:before,.Course > div > h2:after,.Info> div > h2:before,.Info> div > h2:after{content: "";display: inline-block;width: 32px;height: 47px;background: url(../images/approach.png?v=20140521) 0 0 no-repeat;vertical-align: top;}.Contain > div > h2:before,.Course > div > h2:before,.Info> div > h2:before{margin: 0 8px 0 0;}.Contain > div > h2:after,.Course > div > h2:after,.Info > div > h2:after{margin: 0 0 0 8px;}.Contain > div > ol {overflow: hidden;margin: 0 -52px -100px -52px;padding: 0 30px;}.Contain > div > ol > li {float: left;margin: 0 51px;width: 154px;height: 520px;}.Contain > div > ol > li > div {font-size: 0.85em;line-height: 1.4;color: #000;font-weight: bold;margin: 17px 0 -5px 0;}.Contain > div > ol > li > h3 {font-size: 2.8em;color: #000;font-weight: bold;border-bottom: #000 1px solid;margin: 0 0 15px 0;}.Contain > div > ol > li:after, .Course > h3:after {content: "";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}.Course {background-color: #f7f7f7;}.Course > div {margin: 40px auto;width: 980px;}.Course > div > div {text-align: center;margin: 0 0 90px 0;}.Course > div > div > button {margin: 0 50px 0 0;width: 277px;height: 75px;font-size: 1.45em;font-weight: bold;cursor: pointer;}.Course > div > div > button:last-child {margin: 0;}.Course > div > div > button.Newopen {border: #000 5px solid;color: #000;background-color: #fff;}.Course > div > div > button.Community {border: #000 5px solid;color: #000;background-color: #fff;}.Course > div > div > button.Marketing {border: #000 5px solid;color: #000;background-color: #fff;}.Course > div > div > button.Newopen:hover {border: #d94413 5px solid;}.Course > div > div > button.Newopen.Active, .Course > div > div > button.Newopen:hover {background-color: #d94413;border: #d94413 5px solid;color: #fff;}.Course > div > div > button.Community:hover {border: #156bb5 5px solid;}.Course > div > div > button.Community.Active, .Course > div > div > button.Community:hover {color: #fff;background-color: #156bb5;border: #156bb5 5px solid;}.Course > div > div > button.Marketing:hover {border: #93a900 5px solid;}.Course > div > div > button.Marketing.Active, .Course > div > div > button.Marketing:hover {color: #fff;background-color: #93a900;border: #93a900 5px solid;}.Course > div > ol {text-align: left;padding: 0 0 0 21px;}.Course > div > ol > li {overflow: hidden;padding: 0 0 70px 0;margin: 0 0 50px 0;border-bottom: #d94413 1px solid;}.Course > div > ol > li:last-child {border-bottom: none;}.Course > div > ol > li > .ClassDay {float: left;width: 120px;text-align: center;}.Course > div > ol > li >.ClassDay >.AClass {height: 45px;border: #d94413 5px solid;background-color: #d94413;line-height: 45px;color: #FFF;font-size: 1.3em;}.Course > div > ol > li >.ClassDay >.Day {height: 45px;border: #d94413 5px solid;margin: 0 0 18px 0px;color: #d94413;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 100px 0 195px;line-height: 1.8;}.Course > div > ol > li > .ClassIfo > h3 {color: #d94413;font-size: 1.4em;}.Course > div > ol > li > .ClassIfo > h4 {color: #d94413;font-size: 1.2em;margin: 0 0 30px 0;line-height: 1.6;}.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: #156bb5 1px solid;}.Course > div > ol.CommunityCourse > li >.ClassDay >.AClass {border: #156bb5 5px solid;background-color: #156bb5;}.Course > div > ol.CommunityCourse > li >.ClassDay >.Day {border: #156bb5 5px solid;color: #156bb5;}.Course > div > ol.CommunityCourse > li > .ClassIfo > h3 {color: #156bb5;}.Course > div > ol.CommunityCourse > li > .ClassIfo > h4 {color: #156bb5;}.Course > div > ol.MarkingCourse > li:last-child {border-bottom: none;}.Course > div > ol.MarkingCourse > li {border-bottom: #93a900 1px solid;}.Course > div > ol.MarkingCourse > li >.ClassDay >.AClass {border: #93a900 5px solid;background-color: #93a900;}.Course > div > ol.MarkingCourse > li >.ClassDay >.Day {border: #93a900 5px solid;color: #93a900;}.Course > div > ol.MarkingCourse > li > .ClassIfo > h3 {color: #93a900;}.Course > div > ol.MarkingCourse > li > .ClassIfo > h4 {color: #93a900;}.Info {position: relative;width: 980px;margin: 0 auto;}.Info > div{}.Info > div > ul {padding: 0 45px;margin: 0 0 30px 0;overflow: hidden;}.Info > div > ul > li {padding: 0 0 50px 0;width: 50%;float: left;}.Info > div > ul > li.Target {overflow: hidden;}.Info > div > ul > li > h3{text-indent: -9999px;height: 0;}.Info > div > ul > li > ul{padding: 0 0 0 100px;}.Info > div > ul > li > i{width: 71px;height: 71px;background: url(../images/approach.png?v=20140521) -71px 0 no-repeat;float: left;}.Info > div > ul > li.Day > i{background-position: -286px 0;}.Info > div > ul > li.Discount > i{background-position: -142px 0;}.Info > div > ul > li.Add > i{background-position: -214px 0;}.Info > div > .Eagleeye {margin: 30px 45px 100px 45px;padding: 30px;border: #fff 5px solid;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;overflow: hidden;}.Info > div > .Eagleeye > a {float: left;padding: 0 0 0 70px;}.Info > div > .Eagleeye > a > img {}.Info > div > .Eagleeye > div {padding: 0 0 0 30px;font-size: 1.2em;line-height: 1.3;float: left;}.Info > div > .Eagleeye > div > h3 > a {font-size: 1.3em;}.Info > div > .Eagleeye > div > h3 > a:hover {color: #579834;text-decoration: none;}.Info > div > .Eagleeye > ul {padding: 0 0 0 380px;}.Info > div > .Eagleeye > ul > li {padding: 0 0 3px 0;}.Info > div > .Eagleeye > ul > li > span {margin: 0 27px 0 0px;}.Info > div > .Eagleeye > ul > li:first-child > span {margin: 0 27px 0 0px;}.Info > div > .Eagleeye > ul > li:last-child > span {margin: 0 20px 0 0px;}.Info > div > ul > li > h3 {display: inline-block;font-weight: 100;font-size: 1em}.Info > div > ul > li.Add > a.Map:hover, .Info > div > div > a.SignUp:hover {background-color: #bc3500;text-decoration: none;}.Info > div > div {margin: 0 45px 0;padding: 0 0 10px 0;overflow: hidden;}.Info > div > div.SmartM > a{text-decoration: underline;font-weight: bold;}.Info > div > div.SmartM > a:hover{text-decoration: none;}.Info > div > .Cloud{margin: 150px 45px 0;overflow: hidden;}.Info > div > .Cloud > img{float: left;}.Info > div > .Cloud > h3{margin: 23px 10px 0 0;padding: 0 10px 0;font-size: 1em;font-weight: 100px;float: left;border-right: #ababab 1px solid;}.Info > div > .Cloud {}.Info > div > .Cloud > div {margin: 25px 20px 0 0;font-size: 0.85em;}.Info > div > div > span > a > img {margin: 0 0 0 10px;}.Info > div > .SignUp {position: absolute;right: 0px;bottom: 240px;}.Info > div > .SignUp > div{width: 200px;height: 70px;font-size: 2.1em;letter-spacing: 0.1em;background-color: #c5c5c5;color: #FFF;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;text-align: center;line-height: 70px;margin: 0 0 5px 0;}.Info > div > .SignUp > a:hover{background-color: #c93900;}.Info > div > .SignUp > h3{font-size: 1.1em;text-align: center;}.Info > div > .SignUp > h4{font-size: 1em;text-align: center;margin: 3px 0 0 0;}.Foot {border-top: #999 1px solid;font-size: 0.9em;padding: 25px 0;}.Foot > div{width: 890px;margin: 0 auto;padding: 0 45px;}.Foot > div:first-child{margin: 0auto 15px ;}/* Create By 2025.04.02 02:03:11 */