@charset "UTF-8";.hidden{display:none}header{position:fixed;background:rgba(137,129,153,.7);width:100%;z-index:10}.page-wrapper,.page-wrapper .page{position:absolute;top:0;left:0;width:100%}header .btn{display:inline-block;padding:10px;margin-left:10px}header .rgt{text-align:right;display:inline-block;float:right}.page-wrapper{height:100%;color:#FFF;font-family:Raleway,微軟正黑體,"Microsoft JhengHei",Arial,Helvetica,sans-serif}.page-wrapper .page{overflow:hidden;min-height:100vh}.content,.content-body,.flex-wrap{position:relative}.flex-wrap{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;padding-top:60px}#main section{-webkit-box-flex:1;flex:1}.btn-wrap{text-align:center;margin:1.5em auto}.btn-wrap>*{vertical-align:middle;margin:15px auto}.btn-wrap .btn{border-radius:3px;border:1px solid #898199;background-color:transparent;padding:10px 20px;width:210px;color:#898199;line-height:25px;font-size:18px;font-weight:700;-webkit-transition:all .3s;transition:all .3s}.photo,.photo>img{border-radius:50%}.btn-wrap .btn.active{background:#898199;color:#FFF}.photo{width:200px;height:200px}.photo>img{object-fit:cover;object-position:center;display:block;width:100%;height:100%}.content{max-height:0;-webkit-transition:max-height .5s ease-in;transition:max-height .5s ease-in;overflow:hidden}.content.open{max-height:1100px}.content-body{padding:1px 15px;line-height:1.5em;font-size:18px;background-color:#FFF;color:#7f7690;margin-top:20px}.content-body:after{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-bottom-color:#FFF;border-width:20px;margin-left:-20px}