html,body{width:100%;height:100%;overflow:hidden}ul,ol{margin:0;padding:0;list-style:none}a{color:black;text-decoration:none}img{display:block}.clear{clear:both}#loadingView{position:fixed;width:100%;height:100%;left:0;top:0;background-color:#fff;z-index:999}#loadingView .progress{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);letter-spacing:1px;font-family:OpenSans-light, "微軟正黑體", "Microsoft JhengHei", sans-serif;font-weight:lighter}.bgView{position:fixed;width:100%;height:100%;background-color:white;z-index:-1}.bgView .line{float:left;-webkit-box-sizing:border-box;box-sizing:border-box;width:320px;height:100%;padding:0;margin:0;background-color:white;border-right:1px solid #c2c2c2}#scrollView{position:relative;width:100%;height:100%;left:-320px;top:0}nav{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;width:100%;max-width:320px;height:100%;min-height:450px;border-right:1px solid #c2c2c2;background-color:white;left:0;top:0;z-index:998}nav.start{left:0}nav .inner-full{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding:55px 25px 35px 25px;overflow:hidden}nav .logo{display:inline-block;position:relative;width:110px;height:110px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin-bottom:35px;overflow:hidden}nav .logo #logoPlayer{width:100%;height:100%;display:none}nav .logo img{display:block;width:110px;height:110px}nav .navToggle{position:absolute;display:block;width:45px;height:40px;top:20px;left:calc(100% + 20px);right:auto;z-index:999;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out}nav .navToggle.active{left:80%;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out}nav .navToggle.active .icon span:first-child{-webkit-transform:translate(0, 8px) rotate(45deg);-ms-transform:translate(0, 8px) rotate(45deg);transform:translate(0, 8px) rotate(45deg);-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out}nav .navToggle.active .icon span:last-child{-webkit-transform:translate(0, -8px) rotate(-45deg);-ms-transform:translate(0, -8px) rotate(-45deg);transform:translate(0, -8px) rotate(-45deg);-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out}nav .navToggle .icon{position:relative;width:45px;height:22px;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}nav .navToggle .icon span{display:block;position:absolute;width:100%;height:5px;background:#00ffc0;background:-webkit-linear-gradient(left, #00ffc0 1%, #0cf 100%);background:-webkit-gradient(linear, left top, right top, color-stop(1%, #00ffc0), to(#0cf));background:-o-linear-gradient(left, #00ffc0 1%, #0cf 100%);background:linear-gradient(to right, #00ffc0 1%, #0cf 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffc0', endColorstr='#00ccff', GradientType=1)}nav .navToggle .icon span:first-child{top:0}nav .navToggle .icon span:last-child{bottom:0}nav #mainNav{width:100%}nav #mainNav .intro{display:none;font-family:"Noto Sans CJK TC", "微軟正黑體", "Microsoft JhengHei", sans-serif;text-align:justify;padding:5px 0}nav #mainNav .navBtn{position:relative;display:block;color:black;text-decoration:none;letter-spacing:1px;font-family:OpenSans-Semibold, "微軟正黑體", "Microsoft JhengHei", sans-serif;padding:5px 0}nav #mainNav .navBtn:after{position:absolute;content:"";display:block;width:100%;height:1px;border:none;background-color:black;top:50%;right:calc(-100% - 25px);-webkit-transition:all 0.35s ease-out;-o-transition:all 0.35s ease-out;transition:all 0.35s ease-out}nav #mainNav .navBtn:hover,nav #mainNav .navBtn.active,nav #mainNav .navBtn:visited{color:black;text-decoration:none}nav #mainNav .navBtn:hover:after,nav #mainNav .navBtn.active:after,nav #mainNav .navBtn:visited:after{right:-70px;-webkit-transition:all 0.35s ease-out;-o-transition:all 0.35s ease-out;transition:all 0.35s ease-out}nav #contact{position:absolute;width:100%;bottom:45px}nav #contact p,nav #contact a{font-family:OpenSans-light, "微軟正黑體", "Microsoft JhengHei", sans-serif;padding:5px 0}nav #contact p:first-child,nav #contact a:first-child{font-family:OpenSans-Semibold, "微軟正黑體", "Microsoft JhengHei", sans-serif}nav #contact p.mail:hover,nav #contact a.mail:hover{text-decoration:underline}main#mainWrapper{position:absolute;width:100%;height:100%;left:320px;top:0;overflow:hidden}.view{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;width:100%;height:100%;left:0;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:all;z-index:997;opacity:0}.view.lock{pointer-events:none}.view .inner{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:100%;max-width:960px;margin:0 auto}.view .inner-full{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:100%;margin:0 auto}.view .inner-flex{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:100%;max-width:960px;margin:0 auto}.view .inner-flex-full{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:100%;margin:0 auto}@media (min-width: 992px){#scrollView{left:0}nav{min-height:600px;left:0;top:0}nav.start{left:-320px}nav .navToggle{display:none}nav .logo #logoPlayer{width:100%;height:100%;display:block}nav .logo img{display:none;width:110px;height:110px}nav #mainNav .intro{display:block}main#mainWrapper{width:calc(100% - 320px);height:100%;left:320px;top:0}}
/*# sourceMappingURL=layout.css.map */