.seek-bar .thumb{position:absolute;width:24px;height:24px;top:-7.4px;left:calc(50% - 12px);border-radius:50%;background-color:#ffc94a;border:1pt solid #fff}.seek-bar progress[value]::-webkit-progress-value{background-image:-webkit-linear-gradient(top,hsla(0,0%,100%,.25),rgba(0,0,0,.25)),-webkit-linear-gradient(left,#fff,#ffc94a);border-radius:2px;background-size:35px 20px,100% 100%,100% 100%}.seek-bar progress{position:absolute;border-radius:8px;width:100%;height:100%;overflow:hidden}.seek-bar progress::-webkit-progress-bar{background-color:#ccc;border-radius:8px}.seek-bar progress::-webkit-progress-value{border-radius:8px}.seek-bar{width:70%;height:10px;position:relative;display:inline-block}.seek-bar .flag{border-radius:4px;width:50px;height:22px;top:-40px;left:calc(50% - 25px)}.seek-bar .flag,.seek-bar .flag:after{background-color:#fff;position:absolute}.seek-bar .flag:after{content:" ";display:block;width:12px;height:12px;bottom:0;transform:rotate(45deg);z-index:-1}.content-editor-wrapper>:not(:first-child){margin-top:60px}.content-editor-generated.content-editor-generated-subtitle+.content-editor-generated,.content-editor-wrapper>.content-editor-generated.content-editor-generated-subtitle:not(:first-child){margin-top:20px}.content-editor-generated strong{font-weight:700}.content-editor-generated i{font-style:italic}[anchor-in-content-editor]{position:absolute;top:0;left:0}.content-editor-generated.content-editor-generated-title{position:relative;font-size:2.1rem;font-weight:500;line-height:1.38;letter-spacing:1.2px;text-align:left;color:#333;padding:30px 0;border-bottom:1px solid #cbcbcb}@media (min-width:768px){.content-editor-generated-complex .content-editor-generated.content-editor-generated-title,.content-editor-generated-vertical-stack .content-editor-generated.content-editor-generated-title{border-bottom:none}}.content-editor-generated.content-editor-generated-subtitle{position:relative;font-size:2rem;font-weight:500;line-height:1.38;letter-spacing:1.2px;text-align:left;color:#333}.content-editor-generated.content-editor-generated-content{font-size:1.6rem;font-weight:300;line-height:1.67;letter-spacing:.9px;text-align:left;color:#333}.content-editor-generated.content-editor-generated-content b{font-weight:700}.content-editor-generated.content-editor-generated-quote{font-size:1.6rem;font-weight:300;line-height:1.67;letter-spacing:.9px;text-align:left;color:#333;position:relative;min-height:120px;overflow:hidden}.content-editor-generated.content-editor-generated-quote p{word-break:break-word}.content-editor-generated.content-editor-generated-quote .quotation-marks{font-size:1.6rem;font-weight:600;line-height:1;letter-spacing:0;color:#000;width:50px;display:inline-block;float:left}.content-editor-generated.content-editor-generated-quote .quotation-marks img{width:100%;display:block}.content-editor-generated.content-editor-generated-quote .quotation-marks:nth-child(n+2){position:absolute;right:0;bottom:0;height:40px}.content-editor-generated.content-editor-generated-quote .quotation-marks:nth-child(n+2) img{transform:rotate(180deg)}.content-editor-generated.content-editor-generated-quote div{padding:36px 0 36px 8px;width:calc(100% - 100px);display:inline-block;display:inline-flex;flex-direction:column;float:left}.content-editor-generated.content-editor-generated-quote div>*{display:inline-block;margin:auto}.content-editor-generated.content-editor-generated-comment{font-size:1.6rem;font-weight:300;line-height:1.38;letter-spacing:1.05px;text-align:left;color:#333;padding:45px 100px;min-height:120px;border-radius:10px;background-color:#eaeaea;display:flex;justify-content:center;align-items:center;flex-direction:column}.content-editor-generated.content-editor-generated-comment p{word-break:break-word}.content-editor-generated.content-editor-generated-comment:after{content:"";font-size:0;display:block}.content-editor-generated.content-editor-generated-link{font-size:1.5rem;font-weight:300;line-height:1.38;letter-spacing:1.05px;text-align:center;color:#0072bc;cursor:pointer;text-decoration:none;min-height:120px;border:1px solid #cbcbcb;display:flex;justify-content:center;align-items:center}.content-editor-generated.content-editor-generated-link:after{content:"";min-height:inherit;font-size:0;display:block}.content-editor-generated.content-editor-generated-link:hover{text-decoration:underline}.content-editor-generated.content-editor-generated-link .icon{width:1em;height:1em;display:inline-block;position:relative;margin-left:5px}.content-editor-generated.content-editor-generated-link .icon:after,.content-editor-generated.content-editor-generated-link .icon:before{content:"";width:12px;height:12px;border:1px solid #0072bc;display:block;position:absolute;right:0;top:0}.content-editor-generated.content-editor-generated-link .icon:after{background-color:#fff;outline:1px solid #fff}.content-editor-generated.content-editor-generated-link .icon:before{right:4px;top:4px}.content-editor-generated.content-editor-generated-image-wrapper{width:100%;height:auto;overflow:hidden;position:relative}.content-editor-generated.content-editor-generated-image-wrapper .content-editor-generated-image{width:100%;height:auto;float:left;object-fit:contain;cursor:pointer;transition:transform .3s}@media(hover:hover){.content-editor-generated.content-editor-generated-image-wrapper:hover .content-editor-generated-image{transform:scale(1.02)}}.content-editor-generated.content-editor-generated-image-wrapper .content-editor-generated-image-description{width:100%;padding:10px 30px;background-color:hsla(0,0%,100%,.6);color:#000;font-size:1rem;position:absolute;bottom:0;line-height:1.2;min-height:40px}.content-editor-generated.content-editor-generated-video,.content-editor-generated.content-editor-generated-video .content-editor-generated-video-ratio-wrapper{width:100%;position:relative}.content-editor-generated.content-editor-generated-video iframe{width:100%;height:100%;position:absolute;top:0;left:0}.content-editor-generated.content-editor-generated-videofromurl,.content-editor-generated.content-editor-generated-videofromurl .content-editor-generated-video-ratio-wrapper{width:100%;position:relative}.content-editor-generated.content-editor-generated-videofromurl video{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:contain}.content-editor-generated.content-editor-generated-carousel{position:relative;margin-left:auto;margin-right:auto}.content-editor-generated.content-editor-generated-carousel.app-review{max-width:50vh}.content-editor-generated.content-editor-generated-carousel .btn-next{width:120px;position:absolute;right:0;bottom:0;background-color:hsla(0,0%,100%,.7);border-left:1px solid hsla(0,0%,100%,.3);padding:10px 0;font-size:1rem;line-height:1.2;min-height:40px}.content-editor-generated.content-editor-generated-carousel .btn-prev{width:120px;position:absolute;right:120px;bottom:0;background-color:hsla(0,0%,100%,.7);padding:10px 0;font-size:1rem;line-height:1.2;min-height:40px}.content-editor-generated.content-editor-generated-carousel .content-editor-generated.content-editor-generated-image-wrapper .content-editor-generated.content-editor-generated-image.onload-img{object-fit:contain}.content-editor-generated.content-editor-generated-code{font-size:1.6rem;font-weight:300;line-height:1.67;letter-spacing:.9px;text-align:left;color:#333}.content-editor-generated.content-editor-generated-code p{word-break:break-word}.content-editor-generated.content-editor-generated-code h2{font-size:2rem}.content-editor-generated.content-editor-generated-code h3{font-size:1.8rem}.content-editor-generated.content-editor-generated-code h4{font-size:1.6rem}.content-editor-generated.content-editor-generated-code ul{list-style-type:disc;padding-left:2em}.content-editor-generated.content-editor-generated-code ol{list-style-type:decimal;padding-left:2em}.content-editor-generated.content-editor-generated-complex{overflow:hidden;display:flex;flex-direction:row}.content-editor-generated.content-editor-generated-complex>*{display:inline-block;display:inline-flex;float:left;width:calc(50% - 30px)}.content-editor-generated.content-editor-generated-complex>:first-child{margin-right:60px}.content-editor-generated.content-editor-generated-complex>.content-editor-generated.content-editor-generated-code,.content-editor-generated.content-editor-generated-complex>.content-editor-generated.content-editor-generated-image-wrapper{display:inline-block}.content-editor-generated.content-editor-generated-complex>.content-editor-generated.content-editor-generated-content,.content-editor-generated.content-editor-generated-vertical-stack{flex-direction:column}@media (min-width:1280px) and (max-width:1919px){.content-editor-wrapper>:not(:first-child){margin-top:40px}.content-editor-generated.content-editor-generated-subtitle+.content-editor-generated,.content-editor-wrapper>.content-editor-generated.content-editor-generated-subtitle:not(:first-child){margin-top:20px}.content-editor-generated.content-editor-generated-title{font-size:2.1rem;padding:20px 0}.content-editor-generated.content-editor-generated-subtitle{font-size:2rem}.content-editor-generated.content-editor-generated-content,.content-editor-generated.content-editor-generated-quote{font-size:1.6rem}.content-editor-generated.content-editor-generated-comment{font-size:1.6rem;padding:20px 60px;min-height:80px}.content-editor-generated.content-editor-generated-link{font-size:1.5rem;min-height:80px}.content-editor-generated.content-editor-generated-link .icon{margin-left:12px}}@media (min-width:1px) and (max-width:767px){.content-editor-wrapper>:not(:first-child){margin-top:15px}.content-editor-generated.content-editor-generated-title{font-size:1.6rem;line-height:1.8;letter-spacing:.8px;padding:15px 0}.content-editor-generated.content-editor-generated-subtitle{font-size:1.4rem;line-height:1.5;letter-spacing:.8px}.content-editor-generated.content-editor-generated-content,.content-editor-generated.content-editor-generated-quote{font-size:1.3rem;font-weight:400;line-height:1.6;letter-spacing:.65px}.content-editor-generated.content-editor-generated-quote{position:relative;min-height:60px;overflow:hidden}.content-editor-generated.content-editor-generated-quote .quotation-marks{font-size:75px;width:40px}.content-editor-generated.content-editor-generated-quote .quotation-marks:nth-child(n+2){height:40px}.content-editor-generated.content-editor-generated-quote div{padding:15px 0 15px 10px;width:calc(100% - 90px)}.content-editor-generated.content-editor-generated-comment{font-size:1.6rem;line-height:1.6;letter-spacing:.8px;padding:20px 15px}.content-editor-generated.content-editor-generated-link{font-size:1.6rem;letter-spacing:.8px;min-height:60px}.content-editor-generated.content-editor-generated-link .icon{margin-left:15px}.content-editor-generated.content-editor-generated-image{object-fit:contain}.content-editor-generated.content-editor-generated-image-wrapper .content-editor-generated-image-description{padding:15px;font-size:1.4rem}.content-editor-generated.content-editor-generated-carousel.app-review{max-width:unset}.content-editor-generated.content-editor-generated-carousel .content-editor-generated.content-editor-generated-image-wrapper .content-editor-generated-image-description{width:calc(100% - 160px)}.content-editor-generated.content-editor-generated-carousel .btn-next{width:80px;padding:15px 0;font-size:1.4rem}.content-editor-generated.content-editor-generated-carousel .btn-prev{width:80px;padding:15px 0;font-size:1.4rem;right:80px}.content-editor-generated.content-editor-generated-carousel .content-editor-generated.content-editor-generated-image-wrapper .content-editor-generated.content-editor-generated-image.onload-img{object-fit:contain}.content-editor-generated.content-editor-generated-code{font-size:1.3rem;font-weight:400;line-height:1.6;letter-spacing:.65px}.content-editor-generated.content-editor-generated-code h2{font-size:2.4rem}.content-editor-generated.content-editor-generated-code h3{font-size:2rem}.content-editor-generated.content-editor-generated-code h4{font-size:1.6rem}.content-editor-generated.content-editor-generated-complex{flex-direction:column}.content-editor-generated.content-editor-generated-complex.reverse-in-mobile{flex-direction:column-reverse}.content-editor-generated.content-editor-generated-complex>*{width:100%}.content-editor-generated.content-editor-generated-complex>:first-child{margin-right:0;margin-bottom:15px}}.content-wrapper-catalog{display:inline-block;min-width:300px;background-color:#eee;border:1px solid #666;border-radius:8px;padding:12px;margin-top:12px}.content-wrapper-catalog .catalog-title{font-weight:700;font-size:1.6rem;color:#000}.content-wrapper-catalog a{font-size:1.5rem;color:#555;text-decoration:none}.content-wrapper-catalog a:hover{text-decoration:underline}.content-wrapper-catalog li:not(:last-child){margin-bottom:6px}.content-wrapper-catalog .catalog-level2{margin-left:16px}#modal-content-editor-image-preview .modal{background:none;position:relative;cursor:pointer}#modal-content-editor-image-preview .modal img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.modal-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);padding:2.19619vw 3.66032vw;z-index:999999;transform:scale(0)}.modal-wrapper.opened{transform:scale(1)}.modal{width:100%;height:100%;background-color:#fff;padding:0 2.19619vw;transform:scale(0);transition:all .3s;transition-delay:.01s}.modal-wrapper.opened .modal{transform:scale(1)}.modal-header{width:100%;height:6.58858vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfdfdf}.modal-header .modal-title{font-size:1.1713vw;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:1.28px;color:#403e3d}.modal-header .right-items{display:flex;align-items:center}.modal-header .right-items>:not(:last-child){margin-right:2.19619vw}.modal-content{width:100%;height:calc(100% - 6.58858vw);padding-bottom:4.39239vw;overflow-y:scroll}@media(max-width:767px){.modal,.modal-wrapper{padding:0}.modal-header{height:63px;padding:0 20px}.modal-header .modal-title{font-size:15px}.modal-content{height:calc(100% - 63px);padding:0 18px 30px}}.modal-wrapper.small .modal{width:300px;height:260px;top:25%;left:calc(50% - 150px);position:absolute}@media(max-width:316px){.modal-wrapper.small .modal{width:95%;left:2.5%}}.content-vertical-wrapper{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%)}.hide-fixed-overflow{overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;outline:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{background-color:transparent;border:none;padding:0}button,select{outline:none}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}input[type=search]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}html body *{font-family:Montserrat,PingFang TC,Heiti TC,Noto Sans,Source Han Sans,Verdana,Helvetica,Microsoft YaHei,Microsoft JhengHei,sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;color:#333}button,input[type=submit]{cursor:pointer}img{image-rendering:-webkit-optimize-contrast}.loading{display:none;width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.5);z-index:999999999}.loading .loader{width:50px;height:50px;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;font-size:1rem;text-indent:-12345px;border:1px solid hsla(0,0%,100%,.08);border-left-color:hsla(0,0%,100%,.5);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-animation:spinner .7s linear infinite;-moz-animation:spinner .7s infinite linear;-ms-animation:spinner .7s infinite linear;-o-animation:spinner .7s infinite linear;animation:spinner .7s linear infinite;z-index:9999999999}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-ms-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}@-moz-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-ms-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}@-o-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-ms-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-ms-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}.material-input input,.material-input textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}.material-input{display:block;position:relative;width:100%;min-height:92px}.material-input[textarea]{height:232px}.material-input input,.material-input textarea{width:100%;padding-left:16px;height:60px;outline:none;position:absolute;top:12px;left:0;border:none;border-bottom:1px solid #767676;font-size:1.6rem;color:#000}.material-input input::placeholder,.material-input textarea::placeholder{color:#767676}.material-input textarea{height:200px;padding-top:12px}.material-input.bordered input,.material-input.bordered textarea{border:1px solid #767676}.material-input input,.material-input textarea{padding-left:30px}.material-input p.m-title{position:absolute;left:30px;height:60px;top:12px;transition:all .3s;pointer-events:none;display:flex;align-items:center;font-size:.95168vw;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.46;letter-spacing:1.04px;text-align:left;color:#707070}.material-input.focusing input,.material-input.focusing textarea{border-color:#e85a25;caret-color:#e85a25;color:rgba(0,0,0,.87)}.material-input.has-error input,.material-input.has-error textarea{border-color:#ef4a81;caret-color:#ef4a81}.material-input.fill p.m-title,.material-input.focusing p.m-title,.material-input.has-error p.m-title{height:12px;top:6px;z-index:0;font-size:.80527vw}.material-input.bordered.fill p.m-title:before,.material-input.bordered.focusing p.m-title:before,.material-input.bordered.has-error p.m-title:before{content:"";width:calc(100% + 16px);height:3px;background-color:#fff;position:absolute;left:-8px;z-index:-1}.material-input.completed input,.material-input.completed textarea{border-color:#e85a25}.material-input.completed p.m-title{color:#e85a25}.material-input.fill input,.material-input.fill textarea{color:#333}.material-input.focusing .icon,.material-input.focusing p.m-title{color:#e85a25}.material-input.has-error .icon,.material-input.has-error p.m-title{color:#ef4a81}@media (max-width:1919px){.material-input{min-height:55px}.material-input input,.material-input textarea{height:40px;padding-left:15px}.material-input textarea{height:100px}.material-input[textarea]{height:115px}.material-input p.m-title{height:40px;left:15px}}.material-input[disabled] input,.material-input[disabled] textarea{border-bottom-color:#aaa!important;color:#666}.material-input[disabled] .m-title{color:#aaa!important}.material-input[readonly] input,.material-input[readonly] textarea{border-bottom-color:#aaa!important;color:#666}.material-input[readonly] .m-title{color:#aaa!important}.material-select{display:block;position:relative;width:100%;min-height:92px;padding-top:12px}.material-select .m-select-wrapper{position:relative;border-bottom:1px solid #767676;height:60px;padding:1px;overflow:hidden}.material-select.bordered .m-select-wrapper{border:1px solid #767676}.material-select .m-select-wrapper:after{display:block;content:" ";border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #767676;height:0;width:0;right:16px;position:absolute;top:28px;pointer-events:none}.material-select.fill .m-select-wrapper:after{border-top-color:#e85a25}.material-select .m-select-wrapper select{width:100%;height:100%;padding:12px 30px;border:none;font-size:1.6rem;font-weight:400;line-height:1.44;letter-spacing:1.44px;text-align:left;color:#767676;background-color:#fff}.material-select p.m-title{opacity:0;position:absolute;left:30px;height:60px;top:12px;transition:all .3s;pointer-events:none;align-items:center;font-size:.95168vw;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.46;letter-spacing:1.04px;text-align:left;color:#707070}.material-select.fill p.m-title,.material-select.focusing p.m-title,.material-select.has-error p.m-title{display:flex;height:12px;top:6px;z-index:0;font-size:.80527vw;opacity:1}.material-select.bordered.fill p.m-title:before,.material-select.bordered.focusing p.m-title:before,.material-select.bordered.has-error p.m-title:before{content:"";width:calc(100% + 16px);height:3px;background-color:#fff;position:absolute;left:-8px;z-index:-1}.material-select.fill .m-select-wrapper{border-color:#e85a25}.material-select.fill p.m-title{color:#e85a25}.material-select.fill select{color:#333}.material-select.has-error .m-title{top:0}.material-select.has-error .icon,.material-select.has-error .m-title{color:#ef4a81}@media (max-width:1919px){.material-select{min-height:55px}.material-select .m-select-wrapper{height:40px}.material-select .m-select-wrapper select{padding:0 15px}.material-select .m-select-wrapper:after{top:18px}.material-select p.m-title{margin-left:15px;height:40px;left:0}}.material-select[disabled] .m-select-wrapper{border-bottom-color:#aaa!important}.material-select[disabled] .m-title{color:#aaa!important}@media(max-width:767px){.material-input p.m-title{font-size:13px}.material-input.fill p.m-title,.material-input.focusing p.m-title,.material-input.has-error p.m-title{font-size:11px}}@media(max-width:767px){.material-select p.m-title{font-size:13px}.material-select.fill p.m-title,.material-select.focusing p.m-title,.material-select.has-error p.m-title{font-size:11px}}.scroll-hint{position:absolute;left:50%;bottom:20px;padding-bottom:40px;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:5}.scroll-hint .mouse-outer{width:20px;height:32px;border-radius:12px;border:2px solid #fff;position:relative}.scroll-hint .mouse-outer .mouse-wheel{width:4px;height:4px;background-color:#fff;border-radius:2px;position:absolute;left:50%;top:8px;-webkit-transform:translateX(-50%);transform:translateX(-50%);animation:anim-sparkling .8s linear infinite}.scroll-hint p{color:#fff;text-align:center;font-size:1rem;font-size:.66vw;font-weight:700;margin:6px 0 10px}.scroll-hint:after{background-color:#fff}@media (min-width:1px) and (max-width:767px){.scroll-hint .mouse-outer{border-radius:6px}.scroll-hint p{font-size:1rem}}.video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:28px;overflow:hidden}.video-wrapper iframe{position:absolute;top:-240px;left:0;width:100%;height:calc(100% + 480px);opacity:0;z-index:1}.video-wrapper[mouseout-hidden=false] iframe{opacity:1}.video-wrapper .video-click-handler{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1}.video-wrapper .icon-play-wrapper{width:300px;height:300px;display:flex;justify-content:center;align-items:center}.video-wrapper .icon-play{width:70px;height:70px;z-index:1}.video-wrapper video{width:100%;height:100%;left:0;top:0;position:absolute;opacity:0}@media (hover:hover){.video-wrapper video:hover{opacity:1}}.modal-youtube{position:fixed;top:0;left:0;width:100vw;height:100vh;transform:scale(0);transition:all .3s;z-index:9999;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.modal-youtube.opened{transform:scale(1)}.modal-youtube .btn-close{position:absolute;top:50px;right:50px;width:20px;height:20px}.modal-youtube .btn-close:after,.modal-youtube .btn-close:before{content:"";display:block;width:100%;height:3px;background-color:#fff;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;position:absolute}.modal-youtube .btn-close:before{-webkit-transform:rotate(45deg) translateY(0);-moz-transform:rotate(45deg) translateY(0);-ms-transform:rotate(45deg) translateY(0);-o-transform:rotate(45deg) translateY(0);transform:rotate(45deg) translateY(0)}.modal-youtube .btn-close:after{-webkit-transform:rotate(-45deg) translateY(0);-moz-transform:rotate(-45deg) translateY(0);-ms-transform:rotate(-45deg) translateY(0);-o-transform:rotate(-45deg) translateY(0);transform:rotate(-45deg) translateY(0)}.modal-youtube iframe{width:80vw;height:60vh;max-width:106.66667vh}footer{width:100%;height:40px;background-color:#000;color:#fff;font-size:1.6rem;display:flex;align-items:center;justify-content:center}@media(max-width:767px){footer{height:30px;font-size:1rem}}header{z-index:999;position:fixed;top:0;left:0;width:100%;height:118px;padding:20px 50px;background-color:#fff;font-weight:200;font-size:1.8rem;font-family:Noto Sans TC,sans-serif!important}body{padding-top:118px}header .home{display:inline-flex;height:100%;align-items:center;text-decoration:none;color:#000;font-size:2rem}@media(min-width:768px){header .home{image-rendering:-webkit-optimize-contrast}}header .home img{width:auto;height:100%;width:220.75px;height:78px}header #btn-nav{display:none;width:40px;height:40px;float:right;position:relative;padding:4px}header #btn-nav span{position:absolute;width:9.66px;height:9.66px;background-color:#000;display:inline-block;border-radius:20%}header #btn-nav span:first-child{top:4px;left:4px}header #btn-nav span:nth-child(2){top:4px;left:15.16px}header #btn-nav span:nth-child(3){top:4px;left:26.32px}header #btn-nav span:nth-child(4){top:15.16px;left:4px}header #btn-nav span:nth-child(5){top:15.16px;left:15.16px}header #btn-nav span:nth-child(6){top:15.16px;left:26.32px}header #btn-nav span:nth-child(7){top:26.32px;left:4px}header #btn-nav span:nth-child(8){top:26.32px;left:15.16px}header #btn-nav span:nth-child(9){top:26.32px;left:26.32px}header #btn-nav-close{display:none;width:40px;height:40px;float:right;position:relative;padding:4px}header #btn-nav-close span{position:absolute;background-color:#fff;display:inline-block;border-radius:2px}header #btn-nav-close span:first-child{width:32px;height:9.66px;top:15.16px;left:4px}header #btn-nav-close span:nth-child(2){width:9.66px;height:32px;top:4px;left:15.16px}header .links,header nav{height:100%;float:right}header .links{display:flex;margin-right:-20px}header .links li a{padding:0 20px;height:100%;line-height:78px;display:block;text-decoration:none;color:#000;font-size:1.6rem;transition:font-weight .5s,font-size .5s;position:relative;overflow:hidden}header .links li a:before{content:"";display:block;position:absolute;bottom:0;left:-100%;width:100%;height:1px;background-color:#000;transition:left 1s;opacity:0}header .links li .title{display:none}@media(hover:hover){header .links li a:hover{font-weight:400}header .links li a:hover:before{left:100%;opacity:1}header .links li a.selected{font-weight:400}header .links li a.selected:before{left:0;opacity:1}}@media(max-width:767px){header{height:70px;padding:10px}header .home img{width:141.5px;height:50px}body{padding-top:85px}header #btn-nav-close{display:block;position:absolute;top:15px;right:10px;opacity:0;pointer-events:none;z-index:1}header #btn-nav{display:block}header #btn-nav span,header nav{transition:all .3s}header nav{position:fixed;top:0;left:0;width:0;height:0;opacity:0;pointer-events:none;z-index:1}header.opened nav{width:100%;height:100%;display:flex;align-items:center;justify-content:center}header.opened #btn-nav-close,header.opened nav{opacity:1;pointer-events:unset}header.opened #btn-nav-close span{animation:btn-nav-close-rotate .25s linear 4 forwards,btn-nav-close-boomerang 1s ease-in-out 1}@-webkit-keyframes btn-nav-close-rotate{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}99%{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-ms-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}}@-webkit-keyframes btn-nav-close-boomerang{0%{margin-left:0;margin-top:0}33%{margin-left:20px;margin-top:-50px}66%{margin-left:20px;margin-top:50px}to{margin-left:0;margin-top:0}}header.opened #btn-nav :first-child,header.opened #btn-nav :nth-child(3),header.opened #btn-nav :nth-child(7),header.opened #btn-nav :nth-child(9){position:absolute;width:50vw;height:50vh;border-radius:0}header.opened #btn-nav :first-child{top:-10px;left:calc(-100vw + 50px)}header.opened #btn-nav :nth-child(3){top:-10px;left:calc(-50vw + 50px)}header.opened #btn-nav :nth-child(7){top:calc(-10px + 50vh);left:calc(-100vw + 50px)}header.opened #btn-nav :nth-child(9){top:calc(-10px + 50vh);left:calc(-50vw + 50px)}header .links{width:100%;display:flex;flex-direction:column;margin:-50px 0 0;height:auto}header .links li a{color:#707070;line-height:unset;width:100%;padding:15px 28px}header .links li .title{display:block;width:100%;color:#fff;font-weight:700;font-size:24px;line-height:unset;margin-bottom:4px}header #btn-nav span{position:absolute;width:8.64px;height:8.64px;background-color:#000;display:inline-block;border-radius:20%}header #btn-nav span:first-child{top:4px;left:4px}header #btn-nav span:nth-child(2){top:4px;left:14.14px}header #btn-nav span:nth-child(3){top:4px;left:24.28px}header #btn-nav span:nth-child(4){top:14.14px;left:4px}header #btn-nav span:nth-child(5){top:14.14px;left:14.14px}header #btn-nav span:nth-child(6){top:14.14px;left:24.28px}header #btn-nav span:nth-child(7){top:24.28px;left:4px}header #btn-nav span:nth-child(8){top:24.28px;left:14.14px}header #btn-nav span:nth-child(9){top:24.28px;left:24.28px}}.button-effect-wrapper{position:relative;transition:color .6s}@media (hover:hover){.button-effect-wrapper:hover *{color:#fff}}.button-effect-wrapper canvas{position:absolute;top:0;left:0;width:100%;height:100%}#scene-effect{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999999;background-color:#fff}.btn-primary{position:relative;margin-top:30px;width:200px;height:40px;color:#000;font-size:2rem;float:right;background-color:#f2f2f2}.btn-primary p{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}@media(max-width:767px){.btn-primary{width:100%;background-color:#000;color:#fff}}.text-center{text-align:center}[anchor-in-content-editor]{top:-118px}@media(max-width:767px){[anchor-in-content-editor]{top:-78px}}body .content-wrapper-catalog{width:100%;margin:20px 0;background-color:#fff;border-radius:0;border:1px solid #000;border-right:none;border-left:none;padding:10px;position:relative;min-height:40px;overflow:hidden;transition:max-height .3s}body .content-wrapper-catalog .catalog-title{display:inline-block;font-size:1.6rem;font-weight:700;letter-spacing:.8px;text-align:left;color:#000;float:left}body .content-wrapper-catalog ul{display:inline-block;font-size:1.6rem;font-weight:400;letter-spacing:.48px;text-align:left;color:#707070;float:left;margin-top:0;margin-left:20px;width:calc(100% - 60px)}body .content-wrapper-catalog ul.trailing-dot{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}#btn-catalog-collapse{position:absolute;width:40px;height:40px;top:0;right:0;background-color:#000}#btn-catalog-collapse:after{content:"";position:absolute;left:12px;top:7px;width:15px;height:15px;border-right:2px solid #fff;border-top:2px solid #fff;clear:both;transform:rotate(135deg);transition:all .3s}body .content-wrapper-catalog.opened #btn-catalog-collapse:after{transform:rotate(315deg);top:13px}.link-contact{display:inline-block;position:fixed;right:0;bottom:15vh;width:200px;max-width:35vw;transition:opacity .3s;opacity:1}.link-contact img{width:100%}@media(max-width:767px){.link-contact{bottom:50px}}@media(min-width:768px) and (max-width:1200px){.link-contact{bottom:80px}}.link-contact.hidden{opacity:0;pointer-events:none}.paging-list{float:right;margin-bottom:50px}.paging-breaker{width:100%;display:inline-block;height:0}.paging-list li{display:inline-block;float:left}.paging-list li a{text-decoration:none;width:40px;height:40px;font-size:2.4rem;font-weight:700;color:#000;display:block;display:flex;align-items:center;justify-content:center;position:relative}.paging-list li .selected{background-color:#000;color:#fff;pointer-events:none}.paging-list li .disabled{background-color:#999;pointer-events:none;cursor:not-allowed}.paging-list li:not(:last-child){margin-right:10px}@media(hover:hover){.paging-list li:hover a{background-color:#000;color:#fff}.paging-list li:hover .disabled{background-color:#999;color:#000}}.paging-list li.next,.paging-list li.prev{background-color:#000}.paging-list li.next a:after,.paging-list li.prev a:after{content:"";position:absolute;top:11.5px;width:12px;height:12px;border-right:2px solid #fff;border-top:2px solid #fff;clear:both;transition:all .3s}.paging-list li.prev a:after{transform:rotate(225deg);left:16px}.paging-list li.next a:after{transform:rotate(45deg);left:10px}.page-status h1{color:#000;font-size:2.4rem;letter-spacing:1.2px;font-weight:700;text-align:center}@media(max-width:767px){body .content-wrapper-catalog{padding:5px 0;min-height:30px}#btn-catalog-collapse{width:30px;height:30px}#btn-catalog-collapse:after{left:8px;top:5px;width:12px;height:12px}body .content-wrapper-catalog.opened #btn-catalog-collapse:after{top:10px}}@media(max-width:767px){.paging-list{margin-bottom:40px;display:flex;width:100%;justify-content:space-between}.paging-list li a{width:30px;height:30px;font-size:1.6rem}.paging-list li:not(:last-child){margin-right:7px}.paging-list li:first-child a:after,.paging-list li:last-child a:after{top:10px;width:9px;height:9px;border-right:2px solid #fff;border-top:2px solid #fff}.paging-list li:first-child a:after{left:13px}.paging-list li:last-child a:after{left:8px}}.author-wrapper{width:100%;margin:40px 0;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;padding:30px 60px;overflow:hidden}.author-wrapper>*{float:left;display:inline-block}.author-wrapper .img-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover}.author-wrapper .texts-wrapper{margin-left:30px;display:inline-flex;align-items:baseline;flex-direction:column;justify-content:center;width:calc(100% - 130px);min-height:100px}.author-wrapper .texts-wrapper .name{font-size:2rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:.6px;text-align:left;color:#000}.author-wrapper .texts-wrapper .intro{margin-top:6px;font-size:1.6rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.48px;text-align:left;color:#707070}@media(max-width:767px){.author-wrapper{padding:30px 0}.author-wrapper .img-avatar{width:80px;height:80px}.author-wrapper .texts-wrapper{margin-left:10px;width:calc(100% - 90px)}}.page-article-detail .page-content{width:calc(100% - 100px);max-width:1200px;margin:100px auto 0;overflow:hidden;padding-bottom:40px}.page-article-detail h1{margin-right:18px;color:#000;font-size:2.4rem;letter-spacing:1.2px;font-weight:700;display:inline-block}.page-article-detail .detail{font-size:1.2rem;letter-spacing:.6px;text-align:left;color:#000;display:inline-block;margin-top:6px}@media(max-width:767px){.page-article-detail [anchor-in-content-editor]{top:-118px}.page-article-detail .page-content{width:calc(100% - 56px);margin:10px auto 0}.page-article-detail .subtitle{margin-top:4px}.page-article-detail .latest-articles-wrapper{margin:30px 0}}.relative-articles-container{width:100%;background-color:#fff;margin:0;padding:50px 0}.relative-articles-container .relative-articles-wrapper{width:100%}.relative-articles-container .relative-articles-wrapper h2{font-size:2.4rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:1.2px;text-align:left;color:#000;text-transform:uppercase}.relative-articles-container .relative-articles-wrapper h3{margin-top:9px;font-size:2rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:.6px;text-align:left;color:grey}.post-detail-segemnts-wrapper .relative-articles-wrapper .blog-wrapper{width:100%}.post-detail-segemnts-wrapper .blog-wrapper .article{display:block;width:calc(50% - 10px)}.post-detail-segemnts-wrapper .blog-wrapper .article:nth-child(6n-1),.post-detail-segemnts-wrapper .blog-wrapper .article:nth-child(6n-3){margin-left:0}.post-detail-segemnts-wrapper .blog-wrapper .breaker:nth-child(6n),.post-detail-segemnts-wrapper .blog-wrapper .breaker:nth-last-child(-n+2){display:none;width:0}.post-detail-segemnts-wrapper .blog-wrapper .article:nth-child(4n-1){margin-left:20px}.post-detail-segemnts-wrapper .blog-wrapper .breaker:nth-child(4n),.post-detail-segemnts-wrapper .blog-wrapper .breaker:nth-last-child(-n+1){display:inline-block;width:100%;height:0}@media(max-width:767px){.post-detail-segemnts-wrapper .blog-wrapper .article:nth-child(4n-1){margin-left:0}}.article,.blog-wrapper{width:100%}.article{display:block;text-decoration:none;transition:background-color .2s;display:inline-block}.blog-wrapper .article{width:calc(33.33% - 13.34px);float:left;margin-bottom:20px}.blog-wrapper .article:nth-child(6n-1),.blog-wrapper .article:nth-child(6n-3){margin-left:20px}.blog-wrapper .breaker:nth-child(6n),.blog-wrapper .breaker:nth-last-child(-n+2){display:inline-block;width:100%;height:0}.article .img-wrapper{overflow:hidden}.article img{width:100%;transition:transform .3s}@media(hover:hover){.article:hover img{transform:scale(1.03)}}.article .title{margin-top:20px;font-size:2rem;line-height:1.25;letter-spacing:.6px}.article .description,.article .title{width:100%;color:#000;transition:color .2s}.article .description{margin-top:9px;font-size:1rem;letter-spacing:.5px}.article .hr{margin:9px 0;width:100%;height:1px;background-color:#000;display:block;transition:background-color .2s}.article .tags{margin-top:10px;width:100%;overflow:hidden}.article .tags li{z-index:1;float:left;margin-right:6px;margin-bottom:4px;background-color:#f2f2f2;display:inline-block;padding:5px;font-size:1.2rem;font-weight:400;letter-spacing:.36px;text-align:center;color:#000;text-decoration:none}@media(max-width:767px){.article,.blog-wrapper .article{width:100%!important;margin-bottom:20px}.blog-wrapper .article:nth-child(6n-1),.blog-wrapper .article:nth-child(6n-3){margin-left:0}.blog-wrapper .breaker:nth-child(6n),.blog-wrapper .breaker:nth-last-child(-n+2){display:none;width:0;height:0}.article .title{font-size:1.6rem;line-height:1.25;line-height:normal;letter-spacing:.8px}.article .description{margin-top:20px;font-size:16px;line-height:normal;letter-spacing:.48px;text-align:left;color:#707070}}.page-blog .page-content{width:calc(100% - 100px);max-width:1200px;margin:0 auto}.page-blog h1{color:#000;font-size:2.4rem;letter-spacing:1.2px;font-weight:700}.page-blog .subtitle{margin-top:9px;color:#707070;font-size:1.6rem;letter-spacing:.48px}.page-blog .hint-not-found{font-size:1.4rem}.page-blog .hint-search-result{width:100%;font-size:1.4rem;margin-bottom:20px}.page-blog .hint-search-result .count,.page-blog .hint-search-result .keyword{font-size:1.8rem;font-weight:500}.page-blog .hint-search-keywords{margin-top:10px;color:#000}.page-blog .hint-search-keywords a{color:#000}@media(max-width:767px){.page-blog{padding-top:120px}.page-blog .page-content{width:calc(100% - 56px)}.page-blog .subtitle{margin-top:4px}.page-blog .hint-search-keywords{margin-top:0;display:none}}.blog-right-controls-wrapper .hr{display:block;width:100%;height:1px;background-color:#f2f2f2;margin:20px 0}.blog-right-controls-wrapper .search-wrapper{width:100%;height:40px;background-color:#f2f2f2;overflow:hidden}.blog-right-controls-wrapper .search-wrapper>*{float:left;display:inline-block}.blog-right-controls-wrapper h2{font-size:1.6rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.8px;text-align:left;color:#000;text-transform:uppercase}.blog-right-controls-wrapper #input-search{border:none;outline:none;width:calc(100% - 40px);height:100%;background:none;padding-left:12px;font-size:16px}.blog-right-controls-wrapper .button-search{margin-top:6px}.blog-right-controls-wrapper .button-back{display:none}.icon-search{cursor:pointer;font-size:40px;display:inline-block;width:.4em;box-sizing:content-box;height:.4em;border:.1em solid #000;position:relative;border-radius:.35em}.icon-search:before{content:"";display:inline-block;position:absolute;right:-.25em;bottom:-.1em;border-width:0;background:#000;width:10px;height:4px;transform:rotate(45deg)}.blog-right-controls-wrapper .hotest-articles-wrapper .article{width:100%;margin:20px 0;text-decoration:none;display:block}.blog-right-controls-wrapper .hotest-articles-wrapper .article .title{margin-top:12px;line-height:1.4}.tag-category-wrapper h2{font-size:1.6rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.8px;text-align:left;color:#000;text-transform:uppercase}@media(max-width:767px){.search-wrapper{position:fixed;top:70px;left:0;width:100%}.search-wrapper .button-search{width:90px;padding-right:30px;padding-left:20px;border-left:1px solid #000}.search-wrapper input{padding-left:30px!important;width:calc(100% - 90px)!important}.search-wrapper.focused{z-index:2}.search-wrapper.focused .button-search{display:none}.search-wrapper.focused .button-back{display:block;width:90px;height:28px;margin-top:6px;padding-right:20px;padding-left:30px;border-right:1px solid #000;position:relative}.search-wrapper.focused .button-back:after{content:"";position:absolute;top:7px;left:50px;width:12px;height:12px;border-right:2px solid #000;border-top:2px solid #000;clear:both;transition:all .3s;transform:rotate(225deg)}.tag-category-wrapper{background-color:#f2f2f2;position:fixed;top:70px;left:0;width:calc(100% - 90px);height:40px;z-index:1;transition:width .3s}.tag-category-wrapper h2{width:100%;height:100%;display:flex;align-items:center;padding-left:30px;font-size:2rem!important;font-weight:400!important;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:.6px;cursor:pointer}.tag-category-wrapper h2 small{display:none}.tag-category-wrapper h2:after{content:"";position:absolute;top:8px;right:20px;width:12px;height:12px;border-right:2px solid #000;border-top:2px solid #000;clear:both;transition:all .3s;transform:rotate(135deg)}.tag-category-wrapper .tag-list{margin-top:0!important;width:100%;background-color:#f2f2f2;height:calc(100vh - 110px);overflow-y:auto;max-height:0;transition:max-height .3s,padding-top .3s;padding-top:0}.tag-category-wrapper .tag-list li a{padding-left:30px!important;line-height:36px!important;color:#000!important}.tag-category-wrapper.opened{width:100%}.tag-category-wrapper.opened .tag-list{padding-top:20px;max-height:calc(100vh - 110px)}}@media(max-width:767px){.page-blog .taggedin .tag-category-wrapper{width:100%}}.html-contact{scroll-padding-top:148px}@media(max-width:767px){.html-contact{scroll-padding-top:108px}}.page-contact .page-content{width:calc(100% - 100px);max-width:1200px;margin:0 auto}.page-contact h1{color:#000;font-size:2.4rem;letter-spacing:1.2px;font-weight:700}.page-contact .subtitle{margin-top:9px;color:#707070;font-size:1.6rem;letter-spacing:.48px}.page-contact form{width:100%;margin-top:40px;margin-bottom:50px;overflow:hidden}.page-contact form .contact-input-wrapper{width:calc(50% - 30px);height:80px;background:#fbfbfb;padding:12px 20px;display:inline-block;float:left}.page-contact form .contact-input-wrapper:nth-child(2n){margin-left:60px}.page-contact form .contact-input-wrapper:nth-child(n+3){margin-top:20px}.page-contact form .contact-textarea-wrapper{width:100%;height:300px;background:#fbfbfb;padding:12px 20px;display:inline-block;float:left}.page-contact form .contact-input-wrapper label{color:#000;font-size:2rem;line-height:28px;letter-spacing:.6px;width:100%;display:block}.page-contact form .contact-input-wrapper input,.page-contact form .contact-input-wrapper textarea{color:#000;margin-top:6px;font-size:1.6rem;line-height:28px;letter-spacing:.48px;width:100%;background:none;border:none;outline:none;resize:none}.page-contact form .contact-input-wrapper textarea{height:250px}.page-contact form .contact-input-wrapper input::placeholder{color:#707070}.page-contact .budget-wrapper{width:100%;height:28px;display:flex;justify-content:space-between;align-items:center}.page-contact .budget-wrapper .seekbar-wrapper{width:calc(100% - 80px)}.page-contact .budget-wrapper #budget{font-size:20px;color:#000}@media(max-width:767px){.page-contact .page-content{width:calc(100% - 56px)}.page-contact .subtitle{margin-top:4px}.page-contact form{margin-top:0}.page-contact form .contact-input-wrapper{width:100%;margin-top:20px;margin-left:0!important}}.page-contact .seek-bar .thumb{background-color:#fff;border:1pt solid #707070;top:0}.page-contact .seek-bar progress[value]::-webkit-progress-value{background:#707070}.page-contact .seek-bar{width:100%;height:24px;padding:11.5px 0}.page-contact .seek-bar progress{height:1px}.banner .business{width:100%;height:100%;position:absolute;top:0;left:0}.banner .business .base-shadow{position:absolute;left:28.2px;top:341.3px;width:415.9px;height:242.9px}.banner .business .base{position:absolute;left:28.2px;top:244.2px;width:415.9px;height:316.7px}.banner .business .dialog-green{position:absolute;left:0;top:248.8px;width:83.9px;height:108.8px}#text-green{position:absolute;left:12px;top:295.8px;width:64.9px;height:54.8px;transform:matrix(1,-.6,0,1,0,0) scaleX(.8);transform-origin:top left;word-break:break-all;overflow:hidden}.banner .business .dialog-blue{position:absolute;left:158.5px;top:256.5px;width:48.2px;height:73.8px}#text-blue{position:absolute;left:167px;top:285px;width:38.9px;height:32.8px;transform:matrix(1,-.6,0,1,0,0) scaleX(.8);transform-origin:top left;word-break:break-all;overflow:hidden}.banner .business .dialog-yellow{position:absolute;left:357.1px;top:324.6px;width:51.5px;height:66.8px}#text-yellow{position:absolute;left:360.1px;top:332.6px;width:51px;height:36.8px;transform:matrix(1,.6,0,1,0,0) scaleX(.8);transform-origin:top left;word-break:break-all;overflow:hidden}.banner .business .client-hair{position:absolute;left:296.3px;top:327.3px;width:29.2px;height:65.5px}.banner .business .client-hair2{position:absolute;left:289px;top:330.3px;width:33px;height:62.9px}.banner .business .sales-hand{position:absolute;left:138.1px;top:348.1px;width:60.5px;height:29.2px}.banner .business .sales-hand2{position:absolute;left:137.4px;top:351.9px;width:60.4px;height:27.1px}.banner .business .clock-hour{position:absolute;left:146.7px;top:216.3px;width:8px;height:5.8px}.banner .business .clock-outline{position:absolute;left:134px;top:196.5px;width:37.3px;height:46.7px}.banner .business .clock-minute{position:absolute;left:152.7px;top:206.3px;width:2px;height:15.5px}.banner .business .sales-sofa{position:absolute;left:67.3px;top:321.8px;width:128.4px;height:162.7px}@media(max-width:767px){.banner .business p{font-size:19px}}.banner .designer{width:100%;height:100%;position:absolute;top:0;left:0}.banner .designer .base-shadow{position:absolute;left:267.1px;top:137px;width:378.9px;height:218.7px}.banner .designer .icon-figma{position:absolute;left:312.1px;top:130.3px;width:36.2px;height:53.9px}.banner .designer .icon-xd{position:absolute;left:431.8px;top:1px;width:44.3px;height:63.5px}.banner .designer .icon-sketch{position:absolute;left:567.7px;top:140.4px;width:20.5px;height:21.3px}.banner .designer .icon-ps{position:absolute;left:537.9px;top:64.7px;width:37.9px;height:54.2px}.banner .designer .icon-ui{position:absolute;left:485.7px;top:61.5px;width:26.1px;height:34.2px}.banner .designer .icon-ai{position:absolute;left:374.5px;top:68px;width:30.2px;height:43.3px}.banner .designer .icon-ux{position:absolute;left:330.3px;top:56.2px;width:26.1px;height:34.2px}.banner .designer .base{position:absolute;left:267.1px;top:107.2px;width:378.9px;height:223px}.banner .designer .designer-and-chair{position:absolute;left:453.9px;top:138.8px;width:90.3px;height:132.1px}.banner .designer .designer-hand-right{position:absolute;left:469.7px;top:167.9px;width:52.1px;height:13.4px}.banner .designer .designer-hand-right2{position:absolute;left:467.2px;top:158px;width:56.4px;height:17px}.banner .designer .designer-hand-left{position:absolute;left:454.3px;top:173.5px;width:52.8px;height:18.3px}.banner .designer .designer-hand-left2{position:absolute;left:456.9px;top:167.7px;width:50.7px;height:18.7px}.banner .designer .browser{position:absolute;left:437px;top:117.9px;width:32.3px;height:45px}.banner .designer .browser-line{top:133.4px}.banner .designer .browser-line,.banner .designer .browser-line2{position:absolute;left:439.8px;width:18.9px;height:12px;transform-origin:0}.banner .designer .browser-line2{top:135.8px}.banner .designer .browser-line3{top:139px}.banner .designer .browser-line3,.banner .designer .browser-line4{position:absolute;left:439.8px;width:18.9px;height:12px;transform-origin:0}.banner .designer .browser-line4{top:141.4px}.banner .designer .browser-line5{position:absolute;left:439.8px;top:143.8px;width:18.9px;height:12px;transform-origin:0}.banner .designer .browser-rect{top:128.8px}.banner .designer .browser-rect,.banner .designer .browser-rect2{position:absolute;left:460px;width:6.6px;height:8.6px;transform-origin:0}.banner .designer .browser-rect2{top:135.3px}.banner .programmer .base{position:absolute;left:557.5px;top:273.4px;width:444.8px;height:281.9px}.banner .programmer .base-shadow{position:absolute;left:560px;top:326.7px;width:444.8px;height:256.8px}.banner .programmer .icon-gear{position:absolute;left:804.9px;top:443.4px;width:56.3px;height:65.6px}.banner .programmer .icon-gear-big{position:absolute;left:729.4px;top:453.6px;width:75.7px;height:90.7px}.banner .programmer .icon-css{position:absolute;left:590.9px;top:368.2px;width:21px;height:30px}.banner .programmer .icon-go{position:absolute;left:699.9px;top:220.5px;width:44px;height:44px}.banner .programmer .icon-swift{position:absolute;left:826.9px;top:382.2px;width:34.9px;height:50px}.banner .programmer .icon-js{position:absolute;left:931.3px;top:364px;width:46.9px;height:67.2px}.banner .programmer .icon-html{position:absolute;left:661.1px;top:339.3px;width:36.3px;height:52px}.banner .programmer .icon-code{position:absolute;left:563.1px;top:398.3px;width:78.6px;height:50.2px}.banner .programmer .programmer-head{position:absolute;left:685.3px;top:254.6px;width:89.5px;height:71.8px}.banner .programmer .programmer-head2{position:absolute;left:712.2px;top:271.2px;width:60.6px;height:43.6px}.banner .programmer .marquee{position:absolute;left:684.9px;top:218px;width:90px;height:50px;font-size:24px;font-weight:900;transform:matrix(1,-.6,0,1,0,0);color:#000;overflow:hidden}.banner .programmer .marquee p{width:max-content;height:100%;padding-bottom:10px}.banner .programmer .marquee img{width:auto;transform:matrix(1,.6,0,1,0,0) translateX(5px)}.banner .complete .base-shadow{position:absolute;left:808.5px;top:156.6px;width:331.8px;height:191.5px}.banner .complete .base{position:absolute;left:808.5px;top:110.6px;width:331.8px;height:211px}.banner .complete .client-body{position:absolute;left:1030.2px;top:86.1px;width:48.8px;height:169px}.banner .complete .browser-1{position:absolute;left:814.1px;top:32.7px;width:67.9px;height:92.1px}.banner .complete .browser-2{position:absolute;left:864.6px;top:37.6px;width:54.8px;height:74.3px}.banner .complete .browser-3{position:absolute;left:876.7px;top:19.3px;width:109.5px;height:149.3px}.banner .complete .browser-3-curve{position:absolute;left:909.4px;top:75.5px;width:48.3px;height:53.1px}.banner .complete .browser-4{position:absolute;left:836px;top:109.5px;width:89.4px;height:124.7px}.banner .complete .browser-5{position:absolute;left:976.4px;top:49.2px;width:43.1px;height:60.1px}.banner .complete .checked{position:absolute;left:1085.8px;top:77px;width:104.2px;height:87.2px}.banner .complete .pm-hand-1{position:absolute;left:995.7px;top:148px;width:33.6px;height:35.1px}.banner .complete .pm-hand-2{position:absolute;left:998.2px;top:150.2px;width:31px;height:35.9px}.banner .complete .client-hand-1{position:absolute;left:1015.5px;top:113.7px;width:27.8px;height:49.1px}.banner .complete .client-hand-2{position:absolute;left:1016.4px;top:113.7px;width:27.6px;height:62px}.clock-el{top:199px;left:133px;width:38px;height:38px;transform:matrix(1,-.6,0,1,0,0)}.clock-el,.clock-el>*{position:absolute}.hour{margin-top:9.69px;margin-left:17.86px;transform-origin:50% 100%;transform:rotate(0deg);width:2.28px!important;height:10.4709px!important}.animating .hour{animation:rotating 1440s linear infinite}.minute{margin-top:6.84px;margin-left:18.335px;transform-origin:50% 100%;transform:rotate(0deg);width:1.33px!important;height:12.2132px!important}.animating .minute{animation:rotating 120s linear infinite}.second{width:1px!important;height:12.2132px!important;margin-top:6.84px;margin-left:18.81px;transform-origin:50% 100%;transform:rotate(0deg)}.animating .second,.rotating{-webkit-animation:rotating 2s linear infinite;-moz-animation:rotating 2s linear infinite;-ms-animation:rotating 2s linear infinite;-o-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}@keyframes rotating{0%{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-ms-transform:rotate(1turn);-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}.animating .browser-line{-webkit-animation:line1 3s linear infinite;-moz-animation:line1 3s linear infinite;-ms-animation:line1 3s linear infinite;-o-animation:line1 3s linear infinite;animation:line1 3s linear infinite}@keyframes line1{0%{-ms-transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);transform:scale(0)}17%{-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}to{-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.animating .browser-line2{-webkit-animation:line2 3s linear infinite;-moz-animation:line2 3s linear infinite;-ms-animation:line2 3s linear infinite;-o-animation:line2 3s linear infinite;animation:line2 3s linear infinite}@keyframes line2{0%{-ms-transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);transform:scale(0)}10%{-ms-transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);transform:scale(0)}27%{-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}to{-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.animating .browser-line3{-webkit-animation:line3 3s linear infinite;-moz-animation:line3 3s linear infinite;-ms-animation:line3 3s linear infinite;-o-animation:line3 3s linear infinite;animation:line3 3s linear infinite}@keyframes line3{0%{-ms-transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);transform:scale(0)}20%{-ms-transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);transform:scale(0)}37%{-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}to{-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.animating .browser-line4{-webkit-animation:line4 3s linear infinite;-moz-animation:line4 3s linear infinite;-ms-animation:line4 3s linear infinite;-o-animation:line4 3s linear infinite;animation:line4 3s linear infinite}@keyframes line4{0%{-ms-transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);transform:scale(0)}30%{-ms-transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);transform:scale(0)}47%{-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}to{-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.animating .browser-line5{-webkit-animation:line5 3s linear infinite;-moz-animation:line5 3s linear infinite;-ms-animation:line5 3s linear infinite;-o-animation:line5 3s linear infinite;animation:line5 3s linear infinite}@keyframes line5{0%{-ms-transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);transform:scale(0)}40%{-ms-transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);transform:scale(0)}57%{-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}to{-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.animating .browser-rect{-webkit-animation:rect 3s linear infinite;-moz-animation:rect 3s linear infinite;-ms-animation:rect 3s linear infinite;-o-animation:rect 3s linear infinite;animation:rect 3s linear infinite}@keyframes rect{0%{-ms-transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);transform:scale(0)}50%{-ms-transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);transform:scale(0)}67%{-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}to{-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.animating .browser-rect2{-webkit-animation:rect2 3s linear infinite;-moz-animation:rect2 3s linear infinite;-ms-animation:rect2 3s linear infinite;-o-animation:rect2 3s linear infinite;animation:rect2 3s linear infinite}@keyframes rect2{0%{-ms-transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);transform:scale(0)}60%{-ms-transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);transform:scale(0)}77%{-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}to{-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.animating .marquee p{-webkit-animation:marquee 3s ease-in-out infinite;-moz-animation:marquee 3s ease-in-out infinite;-ms-animation:marquee 3s ease-in-out infinite;-o-animation:marquee 3s ease-in-out infinite;animation:marquee 3s ease-in-out infinite}@keyframes marquee{0%{margin-left:0}12%{margin-left:0}17%{margin-left:-90px}29%{margin-left:-90px}34%{margin-left:-180px}46%{margin-left:-180px}51%{margin-left:-270px}to{margin-left:-270px}}.animating .floating{-webkit-animation:floating 3s ease-in-out infinite;-moz-animation:floating 3s ease-in-out infinite;-ms-animation:floating 3s ease-in-out infinite;-o-animation:floating 3s ease-in-out infinite;animation:floating 3s ease-in-out infinite}@keyframes floating{0%{-ms-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}50%{-ms-transform:translateY(5px);-moz-transform:translateY(5px);-webkit-transform:translateY(5px);-o-transform:translateY(5px);transform:translateY(5px)}to{-ms-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}.page-index .banner-container{width:100%;height:52.91vw;max-width:1200px;margin:0 auto;position:relative;overflow:hidden}.page-index .banner-container>img{width:100%;height:100%}.page-index .banner-container .banner{width:1200px;height:584.1px;margin:0 auto;position:absolute;top:0;left:10px;transform-origin:top left}.page-index .banner-container .banner *{pointer-events:none}@media (min-width:1200px){.page-index .banner-container{height:584.1px}}@media (max-width:767px){.page-index .banner-container{height:calc(100vh - 85px);padding-top:calc(50vh - 26vw - 85px)}.page-index .banner-container>img{height:52.91vw}.page-index .banner-container .banner{transform-origin:center left}}.filter-dark{filter:brightness(.5)}#curve{left:909.4px;top:75.5px;width:48.3px;height:53.1px}#curve,#explode{position:absolute}#explode{left:850px;top:0;width:400px;height:320px}.banner .floors-1 .floor1{position:absolute;left:301.7px;top:313.2px;width:70.2px;height:44.8px}.banner .floors-1 .floor2{position:absolute;left:312.6px;top:294.2px;width:70.2px;height:44.8px}.banner .floors-1 .floor3{position:absolute;left:323.6px;top:275.2px;width:70.2px;height:44.8px}.banner .floors-1 .floor4{position:absolute;left:334.5px;top:256.2px;width:70.2px;height:44.8px}.banner .floors-1 .shadow1{position:absolute;left:301.7px;top:323px;width:70.2px;height:40.6px}.banner .floors-1 .shadow2{position:absolute;left:319.2px;top:312.4px;width:70.2px;height:40.6px}.banner .floors-1 .shadow3{position:absolute;left:336.7px;top:301.7px;width:70.2px;height:40.6px}.banner .floors-1 .shadow4{position:absolute;left:354.1px;top:291px;width:70.2px;height:40.6px}.banner .floors-2 .floor1{position:absolute;left:617.7px;top:318.4px;width:56.2px;height:36.7px}.banner .floors-2 .floor2{position:absolute;left:603.4px;top:301.1px;width:56.2px;height:36.7px}.banner .floors-2 .floor3{position:absolute;left:589.2px;top:283.9px;width:56.2px;height:36.7px}.banner .floors-2 .floor4{position:absolute;left:575px;top:266.6px;width:56.2px;height:36.7px}.banner .floors-2 .shadow1{position:absolute;left:617.7px;top:328.2px;width:56.2px;height:32.4px}.banner .floors-2 .shadow2{position:absolute;left:598.9px;top:317.6px;width:56.2px;height:32.4px}.banner .floors-2 .shadow3{position:absolute;left:580.2px;top:306.9px;width:56.2px;height:32.4px}.banner .floors-2 .shadow4{position:absolute;left:561.5px;top:296.2px;width:56.2px;height:32.4px}.banner .floors-3 .floor1{position:absolute;left:813.3px;top:231.7px;width:70.2px;height:44.8px}.banner .floors-3 .floor2{position:absolute;left:799.1px;top:249px;width:70.2px;height:44.8px}.banner .floors-3 .floor3{position:absolute;left:784.9px;top:266.3px;width:70.2px;height:44.8px}.banner .floors-3 .floor4{position:absolute;left:770.6px;top:283.6px;width:70.2px;height:44.8px}.banner .floors-3 .shadow1{position:absolute;left:825.4px;top:263.4px;width:70.2px;height:40.6px}.banner .floors-3 .shadow2{position:absolute;left:807.2px;top:273.4px;width:70.2px;height:40.6px}.banner .floors-3 .shadow3{position:absolute;left:788.9px;top:283.4px;width:70.2px;height:40.6px}.banner .floors-3 .shadow4{position:absolute;left:770.6px;top:293.4px;width:70.2px;height:40.6px}.page-index .latest-articles-container{background-color:#fcfcfc;width:100%;height:100%;padding-top:30px;padding-bottom:50px}.page-index .latest-articles-wrapper{width:calc(100% - 100px);max-width:1200px;margin:0 auto;overflow:hidden}.page-index .top-articles-header{margin:40px 0;position:relative}.page-index .top-articles-header h3{font-size:1.6rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.8px;text-align:left;color:#000;display:inline-block}.page-index .top-articles-header h3:after{content:"";width:calc(100% - 120px);top:10px;right:0;height:1px;background-color:#000;display:block;position:absolute}.page-index .top-articles{width:33%;display:inline-block;float:left}.page-index .latest-articles{width:calc(67% - 30px);margin-left:30px;display:inline-block;float:left}@media(max-width:767px){.page-index .latest-articles-container{padding-top:40px}.page-index .latest-articles-wrapper{width:calc(100% - 56px)}.page-index .top-articles{width:100%}.page-index .latest-articles{width:100%;margin-left:0}}.page-index .page-content{width:calc(100% - 100px);max-width:1200px;margin:0 auto}.page-index h1,.page-index h2{color:#000;font-size:2.4rem;letter-spacing:1.2px;font-weight:700;text-transform:uppercase}.page-index .subtitle{margin-top:9px;color:#707070;font-size:1.6rem;letter-spacing:.48px}.page-index .latest-works-wrapper{width:100%;margin:40px 0;overflow:hidden}.page-index .latest-works-wrapper .hr{display:none}.page-index .latest-works-wrapper .work{float:left;display:inline-block;position:relative;overflow:hidden;padding:0}.page-index .latest-works-wrapper .work img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.page-index .latest-works-wrapper .work .text{position:absolute;bottom:20px;left:20px}.page-index .latest-works-wrapper .work .text-background{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.3;transition:opacity .3s}.page-index .latest-works-wrapper .work .title{font-size:2.4rem;font-weight:700;letter-spacing:1.2px;color:#fff;opacity:0;transition:opacity .3s;text-shadow:.1em .1em .2em #000;padding:3px 8px;background-color:rgba(0,0,0,.3)}.page-index .latest-works-wrapper .work.selected .text-background{opacity:0}@media(hover:hover){.page-index .latest-works-wrapper .work:hover .title{opacity:1}.page-index .latest-works-wrapper .work:hover .text-background{opacity:0}}.page-index .latest-works-wrapper .work .subtitle{margin-top:5px;font-size:1.6rem;font-weight:700;letter-spacing:.8px;color:#000}.page-index .latest-works-wrapper>.work:first-child{width:calc(66.66% - 6.66px);height:0;padding-bottom:calc(33.33% - 13.34px)}.page-index .latest-works-wrapper>.work:nth-child(3){width:calc(33.33% - 13.34px);height:0;padding-bottom:calc(33.33% - 13.34px);margin-left:20px}.page-index .latest-works-wrapper>.work:nth-child(5){width:calc(33.33% - 13.34px);height:0;padding-bottom:calc(33.33% - 13.34px);margin-top:20px;margin-left:0}.page-index .latest-works-wrapper>.work:nth-child(7),.page-index .latest-works-wrapper>.work:nth-child(9){width:calc(33.33% - 13.34px);height:0;padding-bottom:calc(33.33% - 13.34px);margin-top:20px;margin-left:20px}@media(max-width:767px){.page-index .page-content{width:calc(100% - 56px)}.page-index .subtitle{margin-top:4px}.page-index .latest-works-wrapper{margin:30px 0}.page-index .latest-works-wrapper .hr{display:inline-block;width:100%;height:1px;background-color:#ccc;margin-top:20px}.page-index .latest-works-wrapper .work{padding-bottom:0!important;height:auto!important}.page-index .latest-works-wrapper .work .text-background{opacity:0}.page-index .latest-works-wrapper .work img{position:relative;height:auto}.page-index .latest-works-wrapper .work .text{bottom:20px;left:10px}.page-index .latest-works-wrapper .work .title{opacity:1}.page-index .latest-works-wrapper>.work:first-child{width:100%}.page-index .latest-works-wrapper>.work:nth-child(3),.page-index .latest-works-wrapper>.work:nth-child(5),.page-index .latest-works-wrapper>.work:nth-child(7),.page-index .latest-works-wrapper>.work:nth-child(9){width:100%;margin-top:20px;margin-left:0}}body .scroll-hint{position:fixed;left:50%;bottom:20px;padding-bottom:40px;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:flex;justify-content:center;align-items:center;flex-direction:column;display:none}body .scroll-hint .mouse-outer{width:20px;height:32px;border-radius:12px;border:2px solid #000;position:relative}body .scroll-hint .mouse-outer .mouse-wheel{width:4px;height:4px;background-color:#000;border-radius:2px;position:absolute;left:50%;top:8px;-webkit-transform:translateX(-50%);transform:translateX(-50%);animation:anim-sparkling .8s linear infinite}body .scroll-hint p{color:#000;text-align:center;font-size:1rem;font-size:.66vw;font-weight:700;margin:6px 0 10px}.scroll-hint:before{background-color:hsla(0,0%,100%,.2)}.scroll-hint:after,.scroll-hint:before{position:absolute;bottom:0;left:0;right:0;content:"";width:1px;height:32px;margin:auto}.scroll-hint:after{background-color:#000;animation:scrollAnime 2s ease 0s infinite}@keyframes scrollAnime{0%{top:calc(100% - 32px);bottom:auto;height:0}24%{top:calc(100% - 32px);bottom:auto}25%{top:auto;bottom:0;height:32px}50%{top:auto;bottom:0;height:0}to{top:auto;bottom:0;height:0}}@-webkit-keyframes scrollAnime{0%{top:calc(100% - 32px);bottom:auto;height:0}24%{top:calc(100% - 32px);bottom:auto}25%{top:auto;bottom:0;height:32px}50%{top:auto;bottom:0;height:0}to{top:auto;bottom:0;height:0}}@keyframes anim-sparkling{0%{opacity:1}25%{opacity:1}50%{opacity:1}75%{opacity:0}to{opacity:0}}@-webkit-keyframes anim-sparkling{0%{opacity:1}25%{opacity:1}50%{opacity:1}75%{opacity:0}to{opacity:0}}@media (min-width:1px) and (max-width:767px){body .scroll-hint{display:flex}body .scroll-hint .mouse-outer{border-radius:6px}body .scroll-hint p{font-size:1rem}}.post-detail-segemnts-wrapper{width:100%;overflow:hidden;margin-top:30px;margin-bottom:60px}.post-detail-segemnts-wrapper>*{display:inline-block;float:left}.post-detail-segemnts-wrapper .blog-left-controls-wrapper{width:23.88%;margin-right:10.5%}.post-detail-segemnts-wrapper .blog-wrapper,.post-detail-segemnts-wrapper .portfolio-wrapper{width:65.6%;min-height:1px}.post-detail-segemnts-wrapper .blog-right-controls-wrapper{width:23.88%;margin-left:10.5%}@media(max-width:767px){.post-detail-segemnts-wrapper{margin-top:20px;margin-bottom:30px}.post-detail-segemnts-wrapper .blog-left-controls-wrapper{width:100%;margin-right:0}.post-detail-segemnts-wrapper .blog-wrapper,.post-detail-segemnts-wrapper .portfolio-wrapper{width:100%}.post-detail-segemnts-wrapper .blog-right-controls-wrapper{width:100%;margin-left:0}}.blog-left-controls-wrapper h2{font-size:2.4rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:1.2px;text-align:left;color:#000;text-transform:uppercase}.blog-left-controls-wrapper .hr{display:block;width:100%;height:1px;background-color:#f2f2f2;margin:60px 0 20px}.tagged-tag{display:inline-block;margin-top:7px;background-color:#000;padding:5px;font-size:1.2rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.36px;text-align:center;color:#fff}.hashtag-list.top-hr{margin-top:10px;padding-top:10px;border-top:1px solid #000}.hashtag-list{margin-top:0;width:100%;overflow:hidden}.hashtag-list li{font-size:1.2rem;letter-spacing:.36px;color:#6e6e6e;display:inline-block;float:left;margin-right:6px;margin-bottom:4px}.tag-button-wrapper{margin-top:40px;width:100%;overflow:hidden;display:flex;align-items:center}.tag-button-wrapper>*{display:inline-block;float:left}.tag-button-wrapper .title{font-size:1.6rem;font-weight:700;letter-spacing:.8px;text-align:left;color:#000}.tag-button-wrapper .tag-list{margin-left:10px;overflow:hidden}.tag-button-wrapper .tag-list li{display:inline-block;float:left}.tag-button-wrapper .tag-list li:not(:last-child){margin-right:10px}.tag-button-wrapper .tag-list li{margin-top:5px;margin-bottom:5px}.tag-button-wrapper .tag-list li a{display:inline-block;font-size:1.2rem;line-height:normal;letter-spacing:.36px;text-align:center;color:#000;background-color:#f2f2f2;padding:5px;text-decoration:none}@media(hover:hover){.tag-button-wrapper .tag-list li:hover a{background-color:#000;color:#fff}}@media(max-width:767px){.tag-button-wrapper .tag-list li:not(:last-child){margin-right:5px}}.tag-category-wrapper .tag-list{margin-top:27px}.tag-category-wrapper .tag-list a{display:block;width:100%;text-decoration:none;font-size:1.6rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.48px;text-align:left;color:#707070;transition:all .3s}.tag-category-wrapper .tag-list a.selected{font-weight:700;color:#000}@media(hover:hover){.tag-category-wrapper .tag-list a:hover{font-weight:700;color:#000}}.page-work-detail{background-color:#fcfcfc}.page-work-detail .page-content{width:calc(100% - 100px);max-width:1200px;margin:100px auto 0;overflow:hidden;padding-bottom:40px}.page-work-detail h1{margin-right:18px;color:#000;font-size:2.4rem;letter-spacing:1.2px;font-weight:700;display:inline-block}.page-work-detail .detail{font-size:1.2rem;letter-spacing:.6px;text-align:left;color:#000;display:inline-block}.relative-posts-container{width:100%;background-color:#fff;margin:0;padding:50px 0}.relative-posts-container .relative-posts-wrapper{width:calc(100% - 100px);max-width:1200px;margin:0 auto}.relative-posts-container .relative-posts-wrapper h2{font-size:2.4rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:1.2px;text-align:left;color:#000;text-transform:uppercase}.relative-posts-container .relative-posts-wrapper h3{margin-top:9px;font-size:2rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:.6px;text-align:left;color:grey}@media(max-width:767px){.page-work-detail .page-content{width:calc(100% - 56px);margin:10px auto 0}.page-work-detail .subtitle{margin-top:4px}.page-work-detail .latest-works-wrapper{margin:30px 0}}@media(min-width:768px) and (max-width:1200px){.page-work-detail .works-wrapper{column-count:4}}@media(min-width:768px) and (max-width:1100px){.page-work-detail .works-wrapper{column-count:2}}.relative-works-container{width:100%;background-color:#fff;margin:0;padding:50px 0}.relative-works-container .relative-works-wrapper{width:calc(100% - 100px);max-width:1200px;margin:0 auto}.relative-works-container .relative-works-wrapper h2{font-size:2.4rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:1.2px;text-align:left;color:#000;text-transform:uppercase}.relative-works-container .relative-works-wrapper h3{margin-top:9px;font-size:2rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:.6px;text-align:left;color:grey;text-transform:uppercase}.page-works .page-content{width:calc(100% - 100px);max-width:1200px;margin:0 auto}.page-works h1{color:#000;font-size:2.4rem;letter-spacing:1.2px;font-weight:700}.page-works .subtitle{margin-top:9px;color:#707070;font-size:1.6rem;letter-spacing:.48px}.page-works .tags{margin-top:50px;width:100%;overflow:hidden}.page-works .tags li{display:inline-block;float:left;margin-right:20px}.page-works .tags a{min-width:120px;padding:0 10px;height:40px;line-height:40px;text-decoration:none;background-color:#fff;color:#000;display:block;font-size:20px;letter-spacing:.6px;display:flex;justify-content:center;align-items:center;border:1px solid transparent;transition:border .3s}@media(hover:hover){.page-works .tags a:hover{border:1px solid #000}}.page-works .tags .selected{background-color:#000;color:#fff}.page-works .works-wrapper{margin-bottom:60px}.works-wrapper{margin-top:30px;width:100%;column-count:4;column-gap:20px}.works-wrapper>*{width:100%;margin-bottom:20px}.work{display:block;text-decoration:none;padding:20px;background-color:#f2f2f2;transition:background-color .2s;break-inside:avoid}.work img{width:100%;transition:transform .2s}.work .title{margin-top:20px;font-size:2rem;line-height:1.25;letter-spacing:.6px}.work .description,.work .title{width:100%;color:#000;transition:color .2s}.work .description{margin-top:9px;font-size:1rem;letter-spacing:.5px}.work .hashtag-list.top-hr{transition:border-top-color .2s}@media (hover:hover){.work:hover{background-color:#000}.work:hover .description,.work:hover .title{color:#fff}.work:hover .hashtag-list.top-hr{border-top-color:#fff}.work:hover img{transform:scale(1.03)}}@media(max-width:767px){.page-works .page-content{width:calc(100% - 56px)}.page-works .subtitle{margin-top:4px}.page-works .tags{margin-top:20px}.page-works .tags a{padding:0 4px;min-width:60px;height:30px;line-height:30px;font-size:1.4rem;letter-spacing:.3px}.page-works .works-wrapper{margin-bottom:30px}.works-wrapper{margin-top:20px;column-gap:0;column-count:1}.works-wrapper>*{width:100%;margin-bottom:20px}.work .description{margin-top:6px}.work .tags li:nth-child(n+2){margin-right:4px;margin-bottom:2px}}@media(min-width:768px) and (max-width:1200px){.works-wrapper{column-count:3}}.page-works .portfolio-wrapper,.page-works .tag-category-wrapper{width:100%}.page-works .taggedin{margin-top:40px}.page-works .taggedin .portfolio-wrapper{width:65.6%}.page-works .taggedin .works-wrapper{column-count:2}@media(max-width:767px){.page-works .portfolio-wrapper,.page-works .taggedin .portfolio-wrapper{width:100%}.page-works .taggedin .works-wrapper{column-count:1}}