﻿@import url(https://fonts.googleapis.com/css?family=IM+Fell+DW+Pica:400,400italic);@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400italic,400,600");body{color:#333;font-size:16px;line-height:24px;background:#fff;font-family:Helvetica, sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{margin-top:0.75em;margin-bottom:0.75em}h1,h2,h3,h4,h5,h6{color:white;font-family:'微軟正黑體', sans-serif;font-weight:bold}h1{font-size:30px;line-height:45px}h2{font-size:25px;line-height:40px}h3{font-size:24px;line-height:33px}h4{font-size:18px;line-height:33px}h5{font-size:15px;line-height:30px}h6{font-size:13px;line-height:28px}a{text-decoration:none;color:#f60;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}a:hover,a:active,a:focus{outline:0;text-decoration:none;color:#ff8533}body{padding-top:50px}.navbar{box-shadow:0 2px 5px rgba(0,0,0,0.26);background-color:#f60;color:white;border-width:0}.navbar .navbar-toggle{background-color:#f60}.navbar .navbar-toggle .icon-bar{background-color:#fff}.navbar .navbar-brand{padding:0 15px}.navbar .logo{font-family:'IM Fell DW Pica', serif}.navbar .logo h1{line-height:50px;margin:0px;font-size:30px;color:white}.navbar .logo h1 a{color:inherit}.navbar .logo img{height:40px;margin-top:5px;margin-right:5px;float:left}.navbar .nav li>a{color:white}.navbar .nav li>a:hover,.navbar .nav li>a:focus{background-color:#ff8533;color:white}.navbar .nav li.active>a{background-color:#ff8533;color:white}.navbar .nav li.open>a{color:white;background-color:#ff8533}.navbar .nav li.open>a:hover,.navbar .nav li.open>a:focus{background-color:#ff8533;color:white}.navbar .nav .dropdown-menu a{color:#f60}@media (max-width: 767px){.navbar .nav .dropdown-menu a{color:white}}.navbar.light{background-color:white;color:#f60}.navbar.light h1{color:#f60}.navbar.light .nav li>a{color:#f60}.navbar.light .nav li>a:hover,.navbar.light .nav li>a:focus{color:white}.navbar.light .nav li.active>a{color:white}header+.container{min-height:calc(100vh - 50px - 24px)}footer{background-color:#333;color:white;text-align:center}.btn{border-radius:0}.btn-ghost{border:1px solid #f60;color:#f60}.btn-ghost:hover,.btn-ghost:focus{background-color:#f60;color:white}.on-sale-message{display:none}.author-class{position:relative}.author-class span{vertical-align:middle;display:inline-block}.author-class span.badge{display:none}.author-class.on-sale span.badge{display:inline-block;margin-left:3px;background-color:#9BC90D;color:white;padding:0 3px;border-radius:3px;font-size:10px;line-height:20px;vertical-align:middle}.welcome-navbar{background-color:#222;color:#999;text-align:right;font-size:0.875em;line-height:1.71429em}.welcome-navbar a:first-child{float:left}.welcome-navbar a{display:inline-block;color:inherit;width:70px;text-align:center}.welcome-navbar a:hover{text-decoration:underline}@media (max-width: 480px){.welcome-navbar{font-size:0.75em;line-height:2em}.welcome-navbar a{float:left;width:60px}}.welcome-page h2{font-size:24px;line-height:34px;color:#766356;border-bottom:1px solid #766356;padding-left:10px}.welcome-page img{max-width:100%}.welcome-page p{@inlcude adjust-font-size-to(16px, 1, 14px)}.welcome-page .banner{position:relative}.welcome-page .register-row{text-align:center}.welcome-page .register-row a{display:inline-block;height:45px;width:250px;font-size:20px;line-height:45px;color:white;text-decoration:none}@media (max-width: 767px){.welcome-page .register-row a{display:block;margin:12px auto !important}}.welcome-page .register-row a:not(:last-child){margin-right:20px}.welcome-page .register-row .btn-ghost{background-color:transparent;box-sizing:border-box;border-color:white}.welcome-page .btn-fb{box-sizing:border-box;border:1px solid white;background-color:rgba(57,87,149,0.5)}.welcome-page .buttons-row .download-row{margin-top:3em}.welcome-page .carousel-fade .carousel-inner .item{transition-property:opacity}.welcome-page .carousel-fade .carousel-inner .item img{display:block;width:100%;max-width:none;position:relative}.welcome-page .carousel-fade .carousel-inner .item .overlay{position:absolute;left:0;right:0;bottom:0;top:0;background-color:#452007;opacity:0.4}.welcome-page .carousel-fade .carousel-inner .item .carousel-caption{margin-top:50px;bottom:auto;top:0;left:5%;right:5%}.welcome-page .carousel-fade .carousel-inner .item .carousel-caption h1{font-size:40px;line-height:58px}.welcome-page .carousel-fade .carousel-inner .item .carousel-caption h3{font-size:24px;line-height:36px}@media (max-width: 992px){.welcome-page .carousel-fade .carousel-inner .item .carousel-caption h1{font-size:32px;line-height:48px}.welcome-page .carousel-fade .carousel-inner .item .carousel-caption h3{font-size:20px;line-height:36px}}.welcome-page .carousel-fade .carousel-inner .item,.welcome-page .carousel-fade .carousel-inner .active.left,.welcome-page .carousel-fade .carousel-inner .active.right{opacity:0}.welcome-page .carousel-fade .carousel-inner .active,.welcome-page .carousel-fade .carousel-inner .next.left,.welcome-page .carousel-fade .carousel-inner .prev.right{opacity:1}.welcome-page .carousel-fade .carousel-inner .next,.welcome-page .carousel-fade .carousel-inner .prev,.welcome-page .carousel-fade .carousel-inner .active.left,.welcome-page .carousel-fade .carousel-inner .active.right{left:0;transform:translate3d(0, 0, 0)}.welcome-page .carousel-fade .carousel-control{z-index:2}.welcome-page .banner .carousel-fade .carousel-inner .item img{left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media (max-width: 767px){.welcome-page .banner .carousel-fade .carousel-inner .item img{height:100%;width:auto}}.welcome-page .features{padding-top:3em}.welcome-page .features h3{color:#316182}.welcome-page .features>div{text-align:center}.welcome-page .features img{max-width:200px}.welcome-page .bg{z-index:-1;top:0;left:0;right:0;overflow:hidden}.welcome-page .bg>img{height:100%;width:auto;max-width:none;position:relative;margin-left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.welcome-page .download-apps{background-image:url("../img/landingpage/write-download-app-bg-01.png");background-size:100% 100%;background-position:50% 50%;padding-bottom:6em;position:relative;z-index:2;background-color:black}@media (max-width: 767px){.welcome-page .download-apps{background-size:250% 100%}}.welcome-page .download-apps .overlay{position:absolute;left:0;right:0;bottom:0;top:0;background-color:#452007;opacity:0.4;z-index:-1}.welcome-page .download-apps h2{font-size:40px;line-height:75px;text-align:center;text-shadow:2px 2px 2px rgba(0,0,0,0.25);border:0;color:white}.welcome-page .download-apps p{color:white;font-size:18px;line-height:34px;text-shadow:1px 1px 1px rgba(0,0,0,0.25)}.welcome-page .authors{position:relative;background-color:black;overflow:hidden}.welcome-page .authors .carousel-fade .carousel-inner .item .author-img{display:flex;align-items:center;color:white;height:400px}@media (max-width: 767px){.welcome-page .authors .carousel-fade .carousel-inner .item .author-img{height:250px}}.welcome-page .authors .carousel-fade .carousel-inner .item .author-img img{width:100%;margin-left:0}.welcome-page .authors .carousel-fade .carousel-inner .item .author-quote{display:flex;align-items:center;color:white;height:400px;text-align:right}@media (max-width: 767px){.welcome-page .authors .carousel-fade .carousel-inner .item .author-quote{height:250px}}.welcome-page .authors .carousel-fade .carousel-inner .item .quote{text-align:left;display:block;font-size:32px;line-height:48px;color:white}@media (max-width: 767px){.welcome-page .authors .carousel-fade .carousel-inner .item .quote{font-size:16px;line-height:24px}}.welcome-page .authors .carousel-fade .carousel-inner .item .carousel-caption{text-align:right}.welcome-page .authors .overlay{position:absolute;left:0;right:0;bottom:0;top:0;background-color:black;opacity:0.25}.welcome-page .authors .bg{z-index:0}.welcome-page .authors h2{font-size:40px;line-height:75px;text-align:center;text-shadow:2px 2px 2px rgba(0,0,0,0.25);border:0;color:white;font-weight:normal;position:relative}.welcome-page .ending{position:relative;background-color:#ff8533;overflow:hidden}@media (max-width: 767px){.welcome-page .ending{margin-top:0}}.welcome-page .ending .carousel-fade .carousel-inner .item img{width:auto}.welcome-page .ending .carousel-fade .carousel-inner .item .carousel-caption{text-align:right;left:40%;right:5%;top:25%}.welcome-page .ending .carousel-fade .carousel-inner .item .carousel-caption .quote{text-align:left;display:block;font-size:24px;line-height:36px}.welcome-page .ending .overlay{position:absolute;left:0;right:0;bottom:0;top:0;background-color:black;opacity:0.25}.welcome-page .ending .bg{z-index:0}.welcome-page .ending h2{font-size:40px;line-height:75px;text-align:center;text-shadow:2px 2px 2px rgba(0,0,0,0.25);border:0;color:white;font-weight:normal;position:relative}.welcome-page .ending .register-row{position:relative}.welcome-page .ending .end-action{padding-bottom:4.5em}.welcome-page .embed-responsive{margin-top:0.75em}.welcome-page .points{padding-bottom:1.5em}.welcome-page .points h1{color:#452007}.welcome-page .points h3{color:#766356}.welcome-page .points h4{color:#766356}.welcome-page .points p{color:#766356}.welcome-page .points strong{color:#F30}.welcome-page .points a.btn-ghost{line-height:36px;font-size:20px;min-width:120px}
