body{margin:0;padding:0;width:100%;height:100%;font-family:'Microsoft JhengHei';font-size:100%;vertical-align:baseline;color:#222}img{width:100%;height:auto}header{background:#222}header nav{position:relative;max-width:1024px;margin:0 auto;padding:0 15px}header nav .navbar-brand{width:65px;height:50px;padding:0.45rem 0 0.52rem}header nav .navbar-brand img{width:auto;height:100%}header nav .navbar-area{display:inline-block;margin:0 0 0 30px}header nav .navbar-area .navbar-link{display:inline-block;color:#5AC7C7;font-size:1.05em;text-decoration:none;margin-right:40px;line-height:50px;height:50px}header nav .navbar-area .navbar-link:hover,header nav .navbar-area .navbar-link:focus,header nav .navbar-area .navbar-link.active{color:#1b9696}header nav .navbar-user{display:block;float:right;line-height:50px;height:50px;color:#5AC7C7;font-size:1.2em;text-decoration:none;margin-right:5px}header nav .navbar-user:hover,header nav .navbar-user:focus,header nav .navbar-user.active{color:#1b9696}header nav .navbar-user-area{position:absolute;right:5px;z-index:999;width:250px;height:auto;margin-top:5px;padding:5px 20px;background:rgba(90,199,199,0.9);border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.6);box-shadow:0 1px 3px rgba(0,0,0,0.6);color:#fff;display:none}header nav .navbar-user-area .arrow-top{width:0px;height:0px;border-width:10px;border-style:solid;border-color:transparent transparent rgba(90,199,199,0.9) transparent;position:absolute;top:-20px;right:14px}header nav .navbar-user-area .title{display:block;text-align:center;font-size:1.5em;padding:10px 0;font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;font-style:italic;font-weight:600}header nav .navbar-user-area ul{list-style:none;margin:0;padding:0}header nav .navbar-user-area ul li{border-top:1px solid #fff}header nav .navbar-user-area ul li a{display:block;color:#fff;padding:10px;font-size:1.05em;text-decoration:none}header nav .navbar-user-area ul li a i{font-size:1.2em;margin-right:10px}header nav .navbar-user-area ul li a:hover,header nav .navbar-user-area ul li a:focus,header nav .navbar-user-area ul li a.active{color:#1b9696}header nav .navbar-menu{width:25px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;height:50px;display:none}header nav .navbar-menu .line{display:block;height:2px;background:#5AC7C7;-webkit-transition-duration:0.25s;transition-duration:0.25s}header nav .navbar-menu .line:first-child{-webkit-transform:translateY(19px) rotate(0deg);transform:translateY(19px) rotate(0deg)}header nav .navbar-menu .line:last-child{-webkit-transform:translateY(26px) rotate(0deg);transform:translateY(26px) rotate(0deg)}header nav .navbar-menu.closed .line:first-child{-webkit-transform:translateY(25px) rotate(45deg);transform:translateY(25px) rotate(45deg)}header nav .navbar-menu.closed .line:last-child{-webkit-transform:translateY(23px) rotate(-45deg);transform:translateY(23px) rotate(-45deg)}main{overflow:hidden}footer{background:#222}footer .container-fluid{position:relative;max-width:1024px;margin:0 auto;padding:40px 20px 20px}footer .container-fluid h3{color:#5AC7C7;font-size:1.28em;margin-bottom:15px}footer .container-fluid ul,footer .container-fluid li{list-style:none;margin:0;padding:0}footer .container-fluid li{margin-bottom:.7em;padding-left:2px}footer .container-fluid .hype-link{color:#fff;font-size:14px;text-decoration:none}footer .container-fluid .hype-link.follow{display:inline-block;font-size:2.0em;margin-top:-10px;margin-right:20px}footer .container-fluid .hype-link:hover,footer .container-fluid .hype-link:focus{color:#1b9696}footer .container-fluid .copyright{margin-top:20px;padding-top:20px;border-top:1px solid #fff}footer .container-fluid .copyright p{color:#fff;font-size:14px}footer .container-fluid .copyright p:nth-of-type(1){float:left}footer .container-fluid .copyright p:nth-of-type(2){float:right}footer .container-fluid .copyright p a{color:#fff;text-decoration:none}footer .container-fluid .copyright p a:hover,footer .container-fluid .copyright p a:focus{color:#1b9696}.main-banner{position:relative;height:650px}.main-banner .main-banner-img{position:relative;background-repeat:no-repeat;background-size:cover;background-position:center;height:650px;-webkit-animation-delay:0.3s;animation-delay:0.3s}.main-banner .main-title-area{position:absolute;left:13%;top:300px;z-index:200}.main-banner .main-title-area h1{font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;font-size:3.8em;font-weight:bold;margin-bottom:7px;color:#fff;text-align:left;letter-spacing:8px;text-shadow:1px 5px 8px rgba(0,0,0,0.6);-webkit-animation-delay:0.5s;animation-delay:0.5s}.main-banner .main-title-area p{margin:0;font-size:2.2em;font-weight:600;text-align:left;color:#5AC7C7;text-shadow:0 2px 5px rgba(0,0,0,0.9);-webkit-animation-delay:0.8s;animation-delay:0.8s}.form-group{margin-bottom:-10px}.col-form-label{font-size:1.03em;color:#222}.form-input,.form-separator{width:100%}.form-input{height:36px;background:none;outline:none;font-size:1.03em;border:none;padding:0 4px;border-bottom:1px solid #222;color:#222}.form-input:focus+.form-separator{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}textarea.form-input{min-height:150px;height:auto;resize:none;margin-bottom:-6px}.form-separator{height:2px;background:#1b9696;display:inline-block;vertical-align:top;margin-top:-1px;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:50%;transform-origin:50%;opacity:1;-webkit-transition:all 0.3s;transition:all 0.3s}::-webkit-input-placeholder{color:#999}:-moz-placeholder{color:#999}::-moz-placeholder{color:#999}:-ms-input-placeholder{color:#999}@media screen and (max-width: 768px){header nav{height:50px}header nav .navbar-brand{position:absolute;left:0;right:0;z-index:999;margin:auto}header nav .navbar-area{position:fixed;left:0;right:0;top:0;bottom:0;z-index:800;background:#222;margin:0;padding-top:50px;display:none}header nav .navbar-area .navbar-link{display:block;margin-right:0;padding:0 30px}header nav .navbar-area .navbar-link:after{content:'';display:block;width:0;height:1px;background:#5AC7C7;-webkit-transition:width .3s;transition:width .3s}header nav .navbar-area .navbar-link.border-line:after{width:100%}header nav .navbar-user{position:absolute;right:55px;top:0;z-index:0;float:none}header nav .navbar-user-area{position:absolute;right:5px;top:55px;width:97%;margin-top:0}header nav .navbar-user-area .arrow-top{right:54px}header nav .navbar-menu{position:absolute;right:15px;top:0;z-index:999;display:block}.main-banner{height:450px}.main-banner .main-banner-img{height:450px}.main-banner .main-title-area{left:10%;top:300px}.main-banner .main-title-area h1{font-size:3.0em;margin-bottom:5px}.main-banner .main-title-area p{font-size:1.7em}}
/*# sourceMappingURL=style.css.map */