.navbar-inverse,.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#fff}.social,li,ol,ul{list-style:none}.header-image,.process h1,.process h3,.social,.social .button{text-align:center}color: #0b6668 body{margin-top:50px}.navbar-inverse{background:#14bdc0}.navbar-brand{padding:8px}.navbar-inverse .navbar-nav>li>a{color:#fff;font-size:1em}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#0b6668}.logo-img{display:block;height:35px}button{outline:0}.header-image{display:block;width:100%;background:url(/static/assets/campaign/lecture_upload/img/banner.png) center center no-repeat;background-size:auto 100%}.headline{padding:220px 0}.headline h1{font-size:6em;background:#fff;background:rgba(255,255,255,.8)}.headline h2{font-size:4em;background:#fff;background:rgba(255,255,255,.8)}.featurette-divider{margin:80px 0}.featurette-image.pull-left{margin-right:40px}.featurette-image.pull-right{margin-left:40px}.featurette-heading{font-size:30px}.mbbile-line{display:none}.col{margin:4em 0;padding-bottom:2em;border-bottom:#ccc solid 1px}.title-line{border-top-color:#ccc;margin:1em 0 3em}.col-setp-title{margin-bottom:5px;color:#333}.col-setp-sub{margin-top:5px;color:#737373}.alert-info{margin-top:2em}ul.number-ul{list-style-type:decimal}ul.number-ul li{margin-bottom:.5em;color:#565656}ol.sub-0l{list-style-type:upper-roman;margin-left:4em;margin-top:.5em}footer{margin:50px 0}@media(max-width:1200px){.featurette-divider{margin:50px 0}.featurette-image.pull-left{margin-right:20px}.featurette-image.pull-right{margin-left:20px}.featurette-heading{font-size:35px}}@media(max-width:991px){.headline h1{font-size:5em}.headline h2{font-size:3em}.featurette-divider{margin:40px 0}.featurette-image{max-width:50%}.featurette-image.pull-left{margin-right:10px}.featurette-image.pull-right{margin-left:10px}.featurette-heading{font-size:30px}.mbbile-line{display:block}}@media(max-width:768px){.headline h1{font-size:4.4em}.headline h2{font-size:3.4em}.container{margin:0 15px}.featurette-divider{margin:40px 0}.featurette-heading{font-size:25px}}@media(max-width:668px){.headline h1{font-size:3em}.headline h2{font-size:32px}.featurette-divider{margin:30px 0}}@media(max-width:640px){.headline{padding:120px 0}.headline h1{font-size:2.4em}.headline h2{font-size:30px}.navbar-inverse .navbar-nav>li>a{font-size:1.6em;line-height:1.6em}}@media(max-width:375px){.featurette-divider{margin:10px 0}.featurette-image{max-width:100%}.featurette-image.pull-left{margin-right:0;margin-bottom:10px}.featurette-image.pull-right{margin-bottom:10px;margin-left:0}}.step-tag{background:#F36;color:#fff;padding:5px}.step-doing{background:#999}.social{margin:0;padding:2em 0}.social>li{display:inline-block}.social .button,.stepButton{display:block;color:#fff;text-decoration:none}.social .button{width:120px;margin:0 5px;font-size:16px;line-height:25px;padding:.5em 0;text-shadow:none;border-radius:3px;box-shadow:none}.btn-warp{margin-bottom:3em}.stepButton{-moz-border-radius:3em;-webkit-border-radius:3em;border-radius:3em;cursor:pointer;font-size:2em;padding:10px 30px;margin:0 auto}.stepButton:active{position:relative;top:1px}.firstButton{-moz-box-shadow:3px 4px 0 0 #8a2a21;-webkit-box-shadow:3px 4px 0 0 #8a2a21;box-shadow:3px 4px 0 0 #8a2a21;background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#c62d1f),color-stop(1,#f24437));background:-moz-linear-gradient(top,#c62d1f 5%,#f24437 100%);background:-webkit-linear-gradient(top,#c62d1f 5%,#f24437 100%);background:-o-linear-gradient(top,#c62d1f 5%,#f24437 100%);background:-ms-linear-gradient(top,#c62d1f 5%,#f24437 100%);background:linear-gradient(to bottom,#c62d1f 5%,#f24437 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24437', GradientType=0);background-color:#c62d1f;border:4px solid #d02718}.firstButton:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#f24437),color-stop(1,#c62d1f));background:-moz-linear-gradient(top,#f24437 5%,#c62d1f 100%);background:-webkit-linear-gradient(top,#f24437 5%,#c62d1f 100%);background:-o-linear-gradient(top,#f24437 5%,#c62d1f 100%);background:-ms-linear-gradient(top,#f24437 5%,#c62d1f 100%);background:linear-gradient(to bottom,#f24437 5%,#c62d1f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24437', endColorstr='#c62d1f', GradientType=0);background-color:#f24437}.secButton{-moz-box-shadow:3px 4px 0 0 #878787;-webkit-box-shadow:3px 4px 0 0 #878787;box-shadow:3px 4px 0 0 #878787;background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#d6d6d6),color-stop(1,#a3a3a3));background:-moz-linear-gradient(top,#d6d6d6 5%,#a3a3a3 100%);background:-webkit-linear-gradient(top,#d6d6d6 5%,#a3a3a3 100%);background:-o-linear-gradient(top,#d6d6d6 5%,#a3a3a3 100%);background:-ms-linear-gradient(top,#d6d6d6 5%,#a3a3a3 100%);background:linear-gradient(to bottom,#d6d6d6 5%,#a3a3a3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d6', endColorstr='#a3a3a3', GradientType=0);background-color:#d6d6d6;border:4px solid #c7c7c7}.secButton:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#a3a3a3),color-stop(1,#d6d6d6));background:-moz-linear-gradient(top,#a3a3a3 5%,#d6d6d6 100%);background:-webkit-linear-gradient(top,#a3a3a3 5%,#d6d6d6 100%);background:-o-linear-gradient(top,#a3a3a3 5%,#d6d6d6 100%);background:-ms-linear-gradient(top,#a3a3a3 5%,#d6d6d6 100%);background:linear-gradient(to bottom,#a3a3a3 5%,#d6d6d6 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3a3a3', endColorstr='#d6d6d6', GradientType=0);background-color:#a3a3a3}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,html{margin:0}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix{clear:both}a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;outline:0}body{font-family:'Helvetica Neue',Helvetica,Arial,"微軟正黑","Microsoft JhengHei","Tei TC",sans-serif}.header-main{border-bottom:rgba(255,255,255,.4) solid 1px}.wrapper{width:100%;background:#14bdc0;padding-top:2em}.grid-main{padding-top:3em;padding-bottom:6em;background:url(/static/homepage/img/grid_main_bottombg.png) bottom no-repeat}.grid-main .container{max-width:980px}.process{margin-bottom:2em}.process h1{font-size:3em;font-weight:700;color:#FFF}.process h3{font-size:1.8em;line-height:1.3;margin-top:.3em;color:#3b576d}.panel-step{background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.9);max-width:450px}.panel-step-done{background:rgba(17,165,168,.5)}.panel-step img{margin-bottom:1.2em;margin-top:1.2em;width:80px}@media (max-width:767px){.panel-step img{display:none}}h5.step{font-size:1.2em;color:#0c4b4c}h5.step-done{color:#fff}.calltoaction{width:10em;height:4em;margin:0 auto}.calltoaction .btn-action{background:#f7ca51;border:3px solid #fff;font-size:1.4em;font-weight:700;color:#74361d;border-radius:50px;-moz-border-radius:100px;-webkit-border-radius:100px;width:100%;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.5s;transition-duration:.5s}.calltoaction .btn-action:active,.calltoaction .btn-action:focus,.calltoaction .btn-action:hover{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition-timing-function:cubic-bezier(.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(.47,2.02,.31,-.36)}img.banner{width:70%;max-width:1100px;display:block;margin:2em auto 0}img.banner-mobile{display:none}@media (max-width:767px){img.banner{display:none}img.banner-mobile{display:block;width:70%;margin:0 auto}}.feature{background:#78c680;padding-bottom:3em;padding-top:0}@media (max-width:980px){.feature{padding-top:4em}}.feature .container-custom{max-width:900px;margin:0 auto;padding-left:2em}@media (max-width:768px){.feature .container-custom{padding-left:0}}.feature-subwarp{width:80%}@media (min-width:350px) and (max-width:768px){.feature-subwarp{width:70%;padding:2em 0;margin-bottom:4em}}@media (min-width:320px) and (max-width:400px){.feature-subwarp{width:90%}}.feature h2.three-step-title,.feature h4.three-step-subtitle{text-align:left;color:#fff}#warnMes,.about h1,.drop-col-title,.isbest-slogan,.notice{text-align:center}.feature h2.three-step-title{font-size:2em;font-weight:700}.feature h4.three-step-subtitle{margin-top:.4em;margin-bottom:2em;font-size:1.4em;line-height:1.5;opacity:.8}.itsbest{background:#978672;color:#fff;padding-bottom:4em}.itsbest .btn-link{color:#fff;font-size:1em;text-decoration:underline;margin-top:1em;margin-bottom:1em}.itsbest .container{max-width:1000px}.isbest-slogan{font-size:2.4em;margin-top:2em;font-weight:700}.lecture-warp{margin-bottom:20px}.lecture-photo-warp{position:relative;padding-bottom:75%;padding-top:0;height:0;overflow:hidden}.lecture-photo{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:100%}.lecture-name{font-size:1.2em;color:#535353;margin-bottom:10px;width:auto;white-space:nowrap;overflow:hidden}.lecture-summary,.profile-name-small{color:#919191;white-space:nowrap;overflow:hidden}.lecture-summary{font-size:.8em;width:auto}.lecture-warp .panel-footer{border-top:#e1e1e1 solid 1px;background-color:#fff}.profile-info{margin-bottom:0;margin-top:0;padding-bottom:0;overflow:hidden}.profile-info-txt{margin-left:.8em;width:80%}.profile-footer{padding:5px 10px}.profile-name-small{font-size:1em;width:auto;font-weight:inherit;padding-top:10px;height:1.6em}.profile-photo{padding-top:5px}.profile-photo .small-profile-photo{width:30px;height:30px;border-radius:30px}.about{background:#fcdd88;padding:3em 0}.about-container{width:90%;max-width:600px;margin:0 auto}.about h1{font-size:2.4em;font-weight:700;color:#535353;margin-bottom:1em}.about p{color:#595959;margin-top:.5em;font-size:1.5em;line-height:1.4}.about p>.about-link{color:#36F;text-decoration:underline}@media (min-width:768px) and (max-width:980px){.grid-main,.three-step{padding-top:3em}.grid-main{padding-bottom:1em;background:0 0}.process h1{font-size:2.8em}.process h3{font-size:2em}img.banner{width:90%}.about h1{margin-bottom:.6em}.about p{margin-top:.5em}}@media (min-width:550px) and (max-width:767px){.grid-main,.three-step{padding-top:3em}.grid-main{padding-bottom:1em;background:0 0}.process h1{font-size:2.4em}.process h3{font-size:1.6em}.about h1,.isbest-slogan{font-size:2em}img.banner{width:100%}.step-warp{border-left:none;padding-top:2em}.about-container{width:80%}.about h1{margin-bottom:.6em}.about p{font-size:1.4em;margin-top:.5em}}@media (min-width:320px) and (max-width:549px){.grid-main,.three-step{padding-top:3em}.grid-main{padding-bottom:1em;background:0 0}.process h1{font-size:2em}.process h3{font-size:1.6em}img.banner{width:100%}.step-warp{border-left:none;padding-top:2em}.isbest-slogan{font-size:1.8em;margin:2em 0 0}.about-container{width:88%}.about h1{font-size:2em;margin-bottom:.6em}.about p{font-size:1.4em}}.nav-custom,.tab-content{width:260px;margin:0 auto}.nav-custom>li>a{color:#337ab7;font-weight:700}.login-tittle{margin-top:1em}.quick-login{width:100%;max-width:260px;margin-top:2em;padding:1em 0;border-bottom:#e1e1e1 solid 1px;border-top:#e1e1e1 solid 1px}.quick-login .btn{color:#fff;display:block;width:100%;margin-bottom:10px}#warnMes{margin-bottom:5px;margin-top:5px;padding:5px;color:#a94442}.q-input{margin-bottom:.5em}.fbbtn{background:#3b5998}.google{background:#dc4a36}.drop-col{width:95%;max-width:400px;height:350px;border:3px dashed #999;border-radius:5px;margin-top:2em;cursor:pointer}.drop-col:hover{border:3px dashed #ec407a}.drop-col-title{font-size:1.2em;margin-top:2em}.ppt-img{width:223px;height:118px;margin-top:2em}.btn-upload{font-size:1.2em;margin-top:1em}.notice{font-size:.9em;color:#908f8f}.drop-col-txt{margin-top:2em}#modal-share .panel{border:1px solid #e1e1e1;width:50%}@media (max-width:767px){#modal-share .panel{width:100%}}#modal-share .panel-footer{border-top:#e1e1e1 solid 1px;background-color:#fff}