@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes box-hover{to{background-color:#fff}}@keyframes box-hover{to{background-color:#fff}}@-webkit-keyframes box-out{0%{background-color:#fff}}@keyframes box-out{0%{background-color:#fff}}@-webkit-keyframes soft-move-right{to{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes soft-move-right{to{-webkit-transform:translateX(10px);transform:translateX(10px)}}@-webkit-keyframes soft-move-right-rev{0%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes soft-move-right-rev{0%{-webkit-transform:translateX(10px);transform:translateX(10px)}}.nav{width:100vw;height:120px;position:fixed;z-index:1000;line-height:100px}.nav .home-button{float:left;z-index:1050;font-size:18px;font-weight:300;letter-spacing:-.3px;text-align:center;color:#fff;margin-left:60px;-webkit-animation-name:soft-move-right-rev;animation-name:soft-move-right-rev;animation-timing-function:linear;animation-fill-mode:forwards;animation-iteration-count:1;-webkit-animation-timing-function:linear;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:1}.nav .home-button,.nav .home-button:hover{animation-duration:.5s;-webkit-animation-duration:.5s}.nav .home-button:hover{-webkit-animation-name:soft-move-right;animation-name:soft-move-right;animation-timing-function:linear;animation-fill-mode:forwards;animation-iteration-count:1;-webkit-animation-timing-function:linear;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:1;cursor:pointer}.nav .home-line{position:absolute;width:100px;height:1px;background-color:gray;margin-top:72px;margin-left:89px}.nav .back-button{float:right;z-index:1050;font-size:18px;font-weight:300;letter-spacing:-.3px;text-align:center;color:#fff;margin-right:81px;-webkit-animation-name:soft-move-right-rev;animation-name:soft-move-right-rev;animation-timing-function:linear;animation-fill-mode:forwards;animation-iteration-count:1;-webkit-animation-timing-function:linear;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:1}.nav .back-button,.nav .back-button:hover{animation-duration:.5s;-webkit-animation-duration:.5s}.nav .back-button:hover{-webkit-animation-name:soft-move-right;animation-name:soft-move-right;animation-timing-function:linear;animation-fill-mode:forwards;animation-iteration-count:1;-webkit-animation-timing-function:linear;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:1;cursor:pointer}.nav .back-line{right:0;position:absolute;width:100px;height:1px;background-color:gray;margin-top:72px}.nav .circle-group{position:absolute;display:table;top:0;left:0;width:100%;height:100%}.nav .circle-group .inner-group{display:table-cell;text-align:center;vertical-align:middle;z-index:1010}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;animation-timing-function:linear;animation-fill-mode:forwards;animation-iteration-count:1;-webkit-animation-timing-function:linear;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:1}.fadeIn,.fadeOut{animation-duration:.2s;-webkit-animation-duration:.2s}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;animation-timing-function:linear;animation-fill-mode:forwards;animation-iteration-count:1;-webkit-animation-timing-function:linear;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:1}.nav .circle-group .inner-group .content{display:inline-block;z-index:1020}.nav .circle-group .inner-group .content .circle{width:14px;height:14px;border-radius:14px;border:1px solid gray;margin:10px;opacity:0;z-index:1030}.nav .circle-group .inner-group .content .circle-full{width:14px;height:14px;border-radius:14px;border:1px solid gray;background-color:#fff;margin:10px;z-index:1030}.line-wrapper{position:relative;display:inline-block;float:left;margin-right:16px;margin-top:30px}.line-wrapper .card{display:table;top:0;left:0;width:250px;height:100px}.line-wrapper .card .card-wrapper{display:table-cell;text-align:center;vertical-align:middle}.line-wrapper .card .card-wrapper .content{width:250px;display:inline-block;text-align:left}.line-wrapper .card .card-wrapper .content .title{margin-top:0;font-size:18px;margin-bottom:13px;font-weight:300;letter-spacing:normal;color:#fff}.line-wrapper .card .card-wrapper .content .date{font-weight:300;margin-top:0;margin-bottom:4px;font-size:13px;color:#d3d3d3}.line-wrapper .card .card-wrapper .content .description2{font-weight:300;margin:0;font-size:13px;color:#d3d3d3}.card-group{position:relative;width:800px;height:300px}.post-wrapper{margin-top:100px;position:absolute;height:300px;width:1px;background-color:gray;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.post{margin-top:100px}.post>.description{position:absolute;text-align:center;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.post>.description .titleBox{display:block;width:450px;height:150px;margin-right:600px}.post>.description .titleBox .title{display:block;color:#fff;font-size:54px;text-align:right;align:right;margin-top:0;margin-bottom:0;font-weight:900;letter-spacing:-.8px}.post>.description .titleBox .subtitle{color:gray}.post>.description .titleBox .desc,.post>.description .titleBox .subtitle{display:block;font-size:16px;text-align:right;align:right;margin-top:0;margin-bottom:0}.post>.description .titleBox .desc{color:#bbb}.post>.node{position:absolute;width:16px;height:16px;background-color:#fff;border-radius:30px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin-top:16px}.picture{margin-left:80px;height:340px;position:relative}.picture,.picture img{width:510px;overflow:hidden}.picture img{margin-top:15px;height:auto;border-radius:5px;position:absolute;cursor:pointer}.postList{padding-top:50px}.detail{padding-top:180px;width:70vw}.detail>.chapter1{margin-bottom:150px}.detail>.chapter1,.detail>.chapter2{position:relative;height:auto}.detail>.chapter1>.info{width:70vw}.detail>.chapter1>.info>.description{width:55%;margin-top:100px;color:#bbb;text-align:left;font-size:13.2px;line-height:2;position:relative;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top;white-space:normal!important}.detail>.chapter1>.info>.description>span{color:#666}.detail>.chapter1>.info>.blank{width:15%;position:relative;display:inline-block}.detail>.chapter1>.info>.section{width:30%;margin-top:100px;text-align:left;font-size:13.2px;position:relative;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top;white-space:normal!important;color:#d3d3d3;line-height:1.5}.detail>.chapter1>.info>.section>span{color:#666}.detail .pictures{width:60vw;overflow:hidden;position:relative}.detail .pictures>.image{width:60vw;height:auto;border-radius:5px;overflow:hidden;cursor:pointer;margin-bottom:50px}.detail>.chapter1 .title{font-size:3.5vw;color:#fff;text-align:left}.layer{position:absolute;display:table;top:0;left:0;width:100%;height:100%;z-index:10}.layer .layer-inner{display:table-cell;text-align:center;vertical-align:middle}.layer .layer-inner .content{display:inline-block}.layer .layer-inner .content>.title{font-size:72px;font-weight:900;color:#fff;letter-spacing:normal}.layer .layer-inner .content .title-line{width:590px;height:1px;background-color:#fff;margin-left:278px;margin-top:6px}.layer .layer-inner .content .subtitle{font-size:19px;font-weight:300;letter-spacing:normal;text-align:right;color:#bbb;margin-top:12px}.downIcon{bottom:0;width:50px;position:absolute;-webkit-animation:scrollImg infinite 1s;animation:scrollImg infinite 1s;margin-bottom:40px}@-webkit-keyframes scrollImg{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}90%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes scrollImg{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}90%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}.layer .layer-inner .content .header{margin:0;padding:0}.layer .layer-inner .content .header .title{font-size:72px;font-weight:900;text-align:left;color:#fff;margin-right:371px;margin-bottom:0;margin-top:0}.layer .layer-inner .content .header .fbIcon{width:22px;height:22px;margin-left:18px}.layer .layer-inner .content .line{width:800px;height:1px;background-color:#fff;margin-top:24px}.layer .layer-inner .content .portfolio{font-size:72px;font-weight:900;text-align:center;color:#fff}.layer .layer-inner .content .box{width:600px;height:200px;border:1px solid #a9a9a9;margin-left:215px;cursor:pointer;-webkit-animation-name:box-out;animation-name:box-out;animation-duration:.3s;-webkit-animation-duration:.3s;animation-timing-function:linear;animation-fill-mode:forwards;animation-iteration-count:1;-webkit-animation-timing-function:linear;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:1}.layer .layer-inner .content .box:hover{-webkit-animation-name:box-hover;animation-name:box-hover;animation-duration:.3s;-webkit-animation-duration:.3s;animation-timing-function:linear;animation-fill-mode:forwards;animation-iteration-count:1;-webkit-animation-timing-function:linear;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:1}.layer .layer-inner .content .box .inner-field{width:450px;height:120px;margin-left:120px;margin-top:60px}.layer .layer-inner .content .box .inner-field .text{font-size:20px;font-weight:100;letter-spacing:-1px;text-align:right;color:#a9a9a9;margin:0}.bgimg-1,.bgimg-2,.bgimg-3{position:relative;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}.tree{margin-top:100px;position:absolute;height:4600px;width:1px;background-color:gray;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin-bottom:100px}.tree-wrapper{display:table;margin-left:auto;margin-right:auto;width:100%;height:auto}body,html{font-family:Noto Sans,sans-serif;background-color:#1a1a1a;width:100%}body,button,html{margin:0;padding:0}button{background-color:Transparent;background-repeat:no-repeat;border:none;cursor:pointer;overflow:hidden;outline:none}button:focus{outline:0}.overlay{width:100%;height:100%;opacity:.5;background-color:#000}ul{padding:0}li{display:inline-block}
/*# sourceMappingURL=main.eda77753.css.map*/