.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;color:#767676;pointer-events:none;font-size:1.6rem;display:flex;align-items:center}.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:1.3rem}.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;font-size:1.2rem;left:15px}.material-input.fill p.m-title,.material-input.focusing p.m-title,.material-input.has-error p.m-title{font-size:1.2rem}}.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;color:#767676;pointer-events:none;font-size:1.6rem;align-items:center}.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:1.3rem;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{height:12px;top:0;font-size:12px}.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;font-size:1.3rem}.material-select .m-select-wrapper:after{top:18px}.material-select p.m-title{margin-left:15px;height:40px;left:0}}.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)}}.content-editor-wrapper>:not(:first-child){margin-top:60px}.content-editor-generated strong{font-weight:700}[anchor-in-content-editor]{position:absolute;top:0;left:0}.content-editor-generated.content-editor-generated-title{font-size:2.4rem;font-weight:500;line-height:1.38;letter-spacing:1.2px;text-align:left;color:#333;padding:30px 0;border-bottom:1px solid #cbcbcb}.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;padding:15px 0;border-bottom:1px solid #cbcbcb}.content-editor-generated.content-editor-generated-content{font-size:1.8rem;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.8rem;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 h3{font-size:15rem;font-weight:600;line-height:1;letter-spacing:0;color:#000;width:90px;display:inline-block;float:left}.content-editor-generated.content-editor-generated-quote h3:nth-child(n+2){position:absolute;right:0;bottom:0;height:80px}.content-editor-generated.content-editor-generated-quote div{padding:36px 0 36px 8px;width:calc(100% - 180px);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:2.1rem;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:after{content:"";font-size:0;display:block}.content-editor-generated.content-editor-generated-link{font-size:2.1rem;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;max-height:600px;object-fit:contain}.content-editor-generated.content-editor-generated-image-wrapper .content-editor-generated-image-description{width:100%;padding:30px;background-color:hsla(0,0%,100%,.8);color:#000;font-size:1.8rem;position:absolute;bottom:0}.content-editor-generated.content-editor-generated-video{width:100%;height:800px}.content-editor-generated.content-editor-generated-videofromurl{width:100%;max-height:800px}.content-editor-generated.content-editor-generated-videofromurl video{width:100%}.content-editor-generated.content-editor-generated-carousel{position:relative}.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:30px 0;font-size:1.2rem;line-height:1.5}.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:30px 0;font-size:1.2rem;line-height:1.5}.content-editor-generated.content-editor-generated-carousel .content-editor-generated.content-editor-generated-image-wrapper,.content-editor-generated.content-editor-generated-carousel .glide__track{max-height:600px}.content-editor-generated.content-editor-generated-carousel .content-editor-generated.content-editor-generated-image-wrapper .content-editor-generated.content-editor-generated-image.onload-img{max-height:600px;object-fit:contain}.content-editor-generated.content-editor-generated-code{font-size:1.8rem;font-weight:300;line-height:1.67;letter-spacing:.9px;text-align:left;color:#333}.content-editor-generated.content-editor-generated-code h2{font-size:2.8rem}.content-editor-generated.content-editor-generated-code h3{font-size:2.4rem}.content-editor-generated.content-editor-generated-code h4{font-size:2rem}.content-editor-generated.content-editor-generated-code ul{list-style-type:disc;padding-left:12px}.content-editor-generated.content-editor-generated-code ol{list-style-type:decimal;padding-left:12px}.content-editor-generated.content-editor-generated-complex{overflow:hidden}.content-editor-generated.content-editor-generated-complex>*{display:inline-block;float:left;width:calc(50% - 30px)}.content-editor-generated.content-editor-generated-complex>:first-child{margin-right:60px}@media (min-width:1280px) and (max-width:1919px){.content-editor-wrapper>:not(:first-child){margin-top:40px}.content-editor-generated.content-editor-generated-title{font-size:1.8rem;padding:20px 0}.content-editor-generated.content-editor-generated-subtitle{font-size:1.5rem;padding:10px 0}.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.4rem;min-height:80px}.content-editor-generated.content-editor-generated-link .icon{margin-left:12px}.content-editor-generated.content-editor-generated-video{height:500px}.content-editor-generated.content-editor-generated-videofromurl{max-height:500px}}@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.2rem;line-height:1.5;letter-spacing:.8px;padding:6px 0}.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 h3{font-size:75px;width:45px}.content-editor-generated.content-editor-generated-quote h3: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{max-height:calc(100vh - 100px);object-fit:contain}.content-editor-generated.content-editor-generated-video{height:300px}.content-editor-generated.content-editor-generated-videofromurl{max-height:calc(100vh - 100px)}.content-editor-generated.content-editor-generated-carousel .btn-next{width:80px}.content-editor-generated.content-editor-generated-carousel .btn-prev{width:80px;right:80px}.content-editor-generated.content-editor-generated-carousel .content-editor-generated.content-editor-generated-image-wrapper,.content-editor-generated.content-editor-generated-carousel .glide__track{max-height:calc(100vh - 100px)}.content-editor-generated.content-editor-generated-carousel .content-editor-generated.content-editor-generated-image-wrapper .content-editor-generated.content-editor-generated-image.onload-img{max-height:calc(100vh - 100px);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>*{width:100%}.content-editor-generated.content-editor-generated-complex>:first-child{margin-right:0;margin-bottom:15px}}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}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}[anchor-in-content-editor]{top:-52px}@media (max-width:1279px){[anchor-in-content-editor]{top:-52px}}main{margin-top:52px}.mask{background-color:rgba(0,0,0,.3)}.bg-black,.mask{position:absolute;top:0;left:0;width:100%;height:100%}.bg-black{background-color:#000}.w-100{width:100%}.img-wrapper{position:relative;overflow:hidden}.img-wrapper img{width:100%;height:auto;position:absolute;left:0;top:0}.visible-phone-only{display:none}.hidden-phone-only{display:flex}@media (min-width:1px) and (max-width:767px){.visible-phone-only{display:flex}.hidden-phone-only{display:none}}header{position:relative}header nav{position:fixed;top:0;left:0;width:100%;height:52px;background-color:#000;z-index:999999}header nav.transparent{background-color:transparent}header nav a.logo-wrapper{padding:8px 0 8px 60px;display:inline-block;height:100%}header nav a.logo-wrapper img{width:auto;height:100%;object-fit:contain}header nav a.logo-wrapper .logo{display:block}header nav.transparent a.logo-wrapper .logo,header nav a.logo-wrapper .logo-in-transparent{display:none}header nav.transparent a.logo-wrapper .logo-in-transparent{display:block}header nav .links{float:right;height:100%;margin-right:60px}header nav .links li{height:100%;float:left}header nav .links li a{float:right;height:100%;display:flex;align-items:center;line-height:52px;font-size:1.4rem;font-size:.95vw;font-weight:600;color:#fff;padding:0 15px;text-decoration:none}header nav.transparent .links li a{color:#fff}header nav .copyright,header nav .links .sub-menu{display:none}@media (hover:hover){header nav .links li a:hover{color:#fff;background-color:#333}}@media (min-width:768px){header nav.transparent{height:94.5px}header nav.transparent .links li a{line-height:94.5px}header nav .links li.has-sub-menu{position:relative}header nav .links li.has-sub-menu.opened a{color:#fff;background-color:#00a8d6}header nav .links li.has-sub-menu .sub-menu{display:block;position:absolute;top:100%;left:0;width:calc(180px + 3vw);background-color:#00a8d6;max-height:0;overflow:hidden;transition:all .3s}header nav .links li.has-sub-menu.opened .sub-menu{max-height:999px}header nav .links li.has-sub-menu.opened .sub-menu li{width:100%}header nav .links li.has-sub-menu.opened .sub-menu a{width:100%;float:left}header nav .links li.has-sub-menu .sub-menu a:hover{background-color:#34495e}}@media (min-width:1px) and (max-width:767px){header nav{height:52px}header nav a.logo-wrapper{padding:15px 30px}header nav .links{overflow:hidden;position:absolute;top:0;z-index:999999;transition:all .3s ease-out;left:100vw;height:100vh;width:100vw;margin-right:0;background-color:#000;padding:0 36px;display:flex;align-items:center;justify-content:center;flex-direction:column}header nav .links ul{width:100%;margin-top:-50px}header nav .links.opened{left:0;transition:all .2s ease-out}header nav .links li{width:100%;height:auto}header nav .links li.has-sub-menu{height:auto}header nav .links li a{width:100%;color:#fff;text-align:left;justify-content:start;line-height:1em;padding:20px 0;font-size:1.8rem;font-weight:700}header nav .links li:not(:last-child){border-bottom:1px solid #e5e8ed}header nav .links .sub-menu{display:block;width:100%}header nav .links .sub-menu li{border-bottom:none;font-size:1.6rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.19;letter-spacing:normal;text-align:left;color:#fff;padding:0}header nav .links .sub-menu li a{padding:10px 10px 10px 20px;font-size:1.6rem;font-weight:400}header nav .links .sub-menu li:last-child a{margin-bottom:10px}header nav .copyright{display:block;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.22;letter-spacing:.45px;text-align:left;color:#fff;position:absolute;left:36px;bottom:128px}}header nav .btn-drawer{height:100%;line-height:100%;width:75px;float:right;cursor:pointer;display:none;vertical-align:middle;position:relative}header nav .btn-drawer:before{content:"";width:1px;height:30px;display:inline-block;background-color:#dfdfdf;position:absolute;top:15px;left:0}header nav .btn-drawer .hamburger{display:inline-block;width:18px;height:16px;margin-top:4px;position:relative}header nav .btn-drawer .hamburger span{display:block;width:100%;height:2px;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;left:0}header nav.transparent .btn-drawer .hamburger span{background-color:#fff}header nav .btn-drawer .hamburger span:first-child{margin-top:2px}header nav .btn-drawer .hamburger span:nth-child(2){margin-top:7px}header nav .btn-drawer .hamburger span:nth-child(3){margin-top:12px}@media (min-width:1px) and (max-width:767px){header nav .btn-drawer{display:table}header nav .btn-drawer.opened{z-index:9999999}header nav .btn-drawer.opened:before{display:none}header nav .btn-drawer.opened .hamburger span{background-color:#fff}header nav .btn-drawer.opened .hamburger span:first-child{transform:rotate(45deg);margin-top:7.5px}header nav .btn-drawer.opened .hamburger span:nth-child(2){display:none}header nav .btn-drawer.opened .hamburger span:nth-child(3){transform:rotate(-45deg);margin-top:8px}}footer{width:100%;height:50px;background-color:#000;display:flex;justify-content:center;align-items:center;flex-direction:column}footer p{font-size:12px;font-weight:400;line-height:1.4;letter-spacing:.75px;text-align:center}footer p,footer p a{color:#fff}main .content-editor-wrapper{margin:120px auto;max-width:1200px}main .comment-container{padding:20px 60px}main .comment-container,main .share-container{border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;width:100%;margin:auto;max-width:1024px}main .share-container{height:80px;padding:0 60px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}main .share-container .like-wrapper{width:50%;float:left}main .share-container .title{display:inline-block;font-size:1.8rem;width:4em;font-weight:400;line-height:1.22;letter-spacing:1.8px;text-align:left;color:#333}main .share-container .btns-wrapper{float:right}main .share-container .btns-wrapper a{text-decoration:none;display:inline-block}main .share-container .btns-wrapper img{width:40px;height:40px}main .share-container .btns-wrapper>:nth-child(n+2){margin-left:20px}main .page-container{margin-top:120px;overflow:hidden;height:240px;position:relative}main .page-container .btn-back-list,main .page-container .btn-next-wrapper,main .page-container .btn-prev-wrapper{position:relative;display:inline-block;height:100%;display:inline-flex;justify-content:center;align-items:center;float:left}main .page-container .btn-next-wrapper{float:right}main .page-container .btn-back-list{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 240px;z-index:0}main .page-container .btn-next-wrapper,main .page-container .btn-prev-wrapper{width:240px;height:240px;z-index:1}main .page-container .btn-next-wrapper a,main .page-container .btn-next-wrapper a .img-wrapper,main .page-container .btn-prev-wrapper a,main .page-container .btn-prev-wrapper a .img-wrapper{text-align:center;width:100%;height:100%}main .page-container a{font-size:1.8rem;font-weight:600;line-height:1.67;letter-spacing:.9px;text-align:center;color:#333}main .page-container .img-wrapper img{max-height:100%;object-fit:cover}main .btn-prev-wrapper{width:30%}main .btn-back-list{background-color:#f7f7f7}main .btn-next-wrapper{width:30%}main .page-container a p{color:#fff;font-size:1.8rem;position:absolute;bottom:50px;left:20px}main .page-container a p.title{bottom:20px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}main .page-container .btn-next-wrapper a p{right:20px;left:unset}@media (min-width:1280px) and (max-width:1919px){main .content-editor-wrapper{margin:80px auto}main .comment-container{padding:40px 100px}main .share-container{height:80px;padding:0 100px}main .share-container .title{font-size:1.2rem}main .share-container .btns-wrapper img{width:34px;height:34px;margin-left:40px}main .page-container{margin-top:80px;height:175px}main .page-container .btn-next-wrapper,main .page-container .btn-prev-wrapper{width:175px;height:175px}main .page-container .btn-back-list{padding:0 175px}main .page-container a{font-size:1rem}}@media (min-width:768px) and (max-width:1279px){main .content-editor-wrapper{margin:60px 40px}main .page-container a .icon-arrow-right.anim{right:calc(50% - 80px)}main .page-container a .icon-arrow-left.anim{left:calc(50% - 80px)}}@media (min-width:1px) and (max-width:767px){main .content-editor-wrapper{margin:30px 20px}main .comment-container{padding:20px 0}main .share-container{padding:20px 50px;height:120px;align-items:flex-start;flex-direction:column}main .share-container .like-wrapper{width:100%;float:left}main .share-container .title{font-size:1.3rem;line-height:1.23;letter-spacing:1.3px}main .share-container .btns-wrapper{float:left;margin-top:20px}main .share-container .btns-wrapper img{width:36px;height:36px}main .share-container .btns-wrapper>:nth-child(n+2){margin-left:20px}main .page-container{margin-top:60px;overflow:hidden;height:120px}main .page-container .btn-next,main .page-container .btn-prev{font-size:0}main .page-container .btn-next-wrapper,main .page-container .btn-prev-wrapper{width:120px;height:120px}main .page-container .btn-back-list{padding:0 120px;font-size:1.3rem;line-height:2.31;letter-spacing:.65px}main .page-container a .icon-arrow-right.anim{right:calc(50% - 30px)}main .page-container a .icon-arrow-left.anim{left:calc(50% - 30px)}main .page-container a p{bottom:8px;left:8px}main .page-container .btn-next-wrapper a p{right:8px;left:unset}main .page-container a p.title{display:none}}@media (min-width:1px) and (max-width:359px){main .page-container{height:80px}main .page-container .btn-next-wrapper,main .page-container .btn-prev-wrapper{width:80px;height:80px}main .page-container .btn-back-list{padding:0 80px}main .page-container a p{font-size:1.2rem;bottom:0}main .page-container a p.title{display:none}}main section{padding:60px 60px 0;overflow:hidden;position:relative}main section .section-title{font-size:2.4rem;color:#000;text-align:center}main section .section-brief{margin-top:20px;line-height:1.5;font-size:1.4rem;color:#000;text-align:center}main section .section-brief small{font-size:1.2rem;font-weight:600;color:#333}section.banner{padding:0;position:relative;width:100%;height:auto}section.banner img{width:100%;max-height:calc(100vh - 52px);object-fit:cover}section.banner .detail{position:absolute;left:60px;bottom:60px;text-shadow:0 0 20px #000}section.banner .detail.only{position:relative;margin:60px 60px 0;left:unset;bottom:unset;text-shadow:unset}section.banner .detail .section-title{text-align:left}@media (min-width:1px) and (max-width:767px){main section{padding:30px 20px 0}section.banner .detail{left:30px;bottom:30px}section.banner .detail.only{margin:30px 30px 0}}.page-index{background-color:#fff}.section-about{max-width:800px;margin:auto auto 60px}.section-about>*{width:50%;float:left}.section-about .pic .img-wrapper{width:154px;height:154px;border-radius:50%;border:4px solid #ccc}.section-about .pic .img-wrapper img{border-radius:50%;border:2px solid #aaa}.section-about .social-buttons{margin-top:8px;position:relative;overflow:hidden;width:154px;text-align:center}.section-about .social-buttons .wrapper{display:inline-block}.section-about .social-buttons a{float:left}.section-about .social-buttons a img{width:48px;height:48px}.section-about .pic .title{width:154px;color:#000;text-align:center;margin-top:6px;font-size:1.6rem}.section-about .intro .title{font-size:1.6rem;color:#000;margin-bottom:20px;font-weight:600}.section-about .intro .title.mt{margin-top:40px}.section-about .intro .text{font-size:1.4rem;color:#333;margin-bottom:20px;line-height:1.4}.section-about .intro .text p{line-height:1.6}.section-about .intro .text a{color:#000;margin:0 3px;text-decoration:none;border-bottom:1px solid #000}.section-about .intro .skill-list li{display:flex;align-items:center}.section-about .intro .skill-list img{height:1em;margin-left:4px}@media (min-width:1px) and (max-width:767px){.section-about>*{width:100%}.section-about .pic>*{margin:auto}.section-about .intro{margin-top:20px}}.page-contact{background-color:#eee}.section-contact{max-width:600px;margin:0 auto 60px}.section-contact form{margin-top:30px;position:relative;overflow:hidden}.section-contact form input{width:calc(50% - 8px);float:left;height:50px;padding:0 20px;font-size:1.6rem;border:1px solid #333}.section-contact form input[name=name]{width:100%}.section-contact form input:nth-child(3){margin-left:16px}.section-contact form input:nth-child(n+2){margin-top:16px}.section-contact form textarea{width:100%;margin-top:16px;font-size:1.6rem;border:1px solid #333;padding:20px}.section-contact form input[type=submit]{width:100%;margin-top:16px;margin-left:0;font-size:1.6rem;border:1px solid #333;padding:0 20px;color:#fff;background-color:#000}@media (min-width:1px) and (max-width:767px){.section-contact{margin-top:80px}}.works{margin:20px auto;position:relative;overflow:hidden;max-width:1024px}.works .work{width:calc(25% - 6px);float:left;margin-left:8px;position:relative}.works .work:nth-child(4n+1){margin-left:0}.works .work:nth-child(n+5){margin-top:8px}.works .work .img-wrapper{padding-bottom:100%}.works .work .img-wrapper img{transition:all .3s}.works .work:hover .img-wrapper img{transform:scale(1.05)}.works .work .info-wrapper{transition:all .3s;width:calc(100% - 40px);height:calc(100% - 40px);top:20px;left:20px;position:absolute;border:1px solid #eee}.works .work:hover .info-wrapper{width:calc(100% - 30px);height:calc(100% - 30px);top:15px;left:15px;border:2px solid #eee}.works .work .info-wrapper .title{transition:all .3s;font-size:1.6rem;color:#fff;text-shadow:0 0 5px #000;margin:6px;position:absolute;bottom:0;left:0}.works .work:hover .info-wrapper .title{text-shadow:0 0 10px #000;font-size:1.7rem}@media (min-width:1px) and (max-width:767px){.works .work{width:calc(50% - 10px);margin-left:20px}.works .work:nth-child(odd){margin-left:0}.works .work:nth-child(n+3){margin-top:20px}}.tags{margin-top:20px;text-align:center;font-size:1.2rem}.tags a{color:#000;text-decoration:none;padding:4px;position:relative;display:inline-block}.tags a.active{border:1px solid #000}.tags a:before{content:"";display:block;position:absolute;width:100%;height:1px;bottom:0;left:0;max-width:0;background-color:#000;transition:max-width .3s}.tags a:hover:before{max-width:100%}.posts{margin:20px auto;position:relative;overflow:hidden;max-width:1024px}.posts .post{width:calc(25% - 6px);float:left;margin-left:8px;position:relative}.posts .post:nth-child(4n+1){margin-left:0}.posts .post:nth-child(n+5){margin-top:8px}.posts .post .img-wrapper{padding-bottom:66.66%}.posts .post .img-wrapper img{transition:all .3s}.posts .post:hover .img-wrapper img{transform:scale(1.05)}.posts .post .info-wrapper{transition:all .3s;width:calc(100% - 40px);height:calc(100% - 40px);top:20px;left:20px;position:absolute;border:1px solid #eee}.posts .post:hover .info-wrapper{width:calc(100% - 30px);height:calc(100% - 30px);top:15px;left:15px;border:2px solid #eee}.posts .post .info-wrapper .title{transition:all .3s;font-size:1.6rem;color:#fff;text-shadow:0 0 5px #000;margin:6px;position:absolute;bottom:0;left:0}.posts .post:hover .info-wrapper .title{text-shadow:0 0 10px #000;font-size:1.7rem}.btn-more{display:block;width:100%;height:80px;margin:0 auto 20px;max-width:1024px;border:2px solid #000;font-size:2rem;transition:all .3s;position:relative}.btn-more:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;max-width:0;background-color:#000;transition:max-width .3s;z-index:-1}.btn-more:hover{color:#fff}.btn-more:hover:before{max-width:100%}@media (min-width:1px) and (max-width:767px){.posts .post{width:calc(50% - 10px);margin-left:20px}.posts .post:nth-child(odd){margin-left:0}.posts .post:nth-child(n+3){margin-top:20px}}.section-blog-banner{position:relative;overflow:hidden;height:320px;padding:0}.section-blog-banner>*{height:100%;position:relative;overflow:hidden}.section-blog-banner .title{font-size:2rem;margin:20px;color:#fff;text-align:center;width:max-content}.section-blog-banner .work{position:absolute;top:0;right:0;width:60%;height:100%}.section-blog-banner .work .title-wrapper{display:flex;justify-content:flex-end}.section-blog-banner .work .title-wrapper .title{transition:all .3s}.section-blog-banner .work:hover .title-wrapper .title{text-shadow:0 0 1px #fff}.section-blog-banner .work .img-wrapper{position:absolute;top:0;right:0;width:100%;height:100%;z-index:-1}.section-blog-banner .work .img-wrapper img{transition:all .3s;width:100%;height:100%;object-fit:cover}.section-blog-banner .work:hover .img-wrapper img{transform:scale(1.05)}.section-blog-banner .life{transition:all .3s;background-color:#000;z-index:1;transform:skewX(10deg);padding-left:25%;width:70%;height:100%;position:absolute;top:0;left:-20%}.section-blog-banner .life:hover{transform:skewX(25deg)}.section-blog-banner .life>*{transform:skewX(-10deg)}.section-blog-banner .life:hover>*{transform:skewX(-25deg)}.section-blog-banner .life video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:10%;z-index:-2;transform:scale(2) skewX(-10deg)!important}.section-blog-banner .life:hover video{transform:scale(2) skewX(-25deg)!important}.section-blog-banner .life{display:none}.section-blog-banner .work{width:100%}.page-post main .page-container .btn-next-wrapper,.page-post main .page-container .btn-prev-wrapper{width:360px;max-width:40vw}@media (min-width:1280px) and (max-width:1919px){.page-post main .page-container .btn-next-wrapper,.page-post main .page-container .btn-prev-wrapper{width:262.5px}}@media (min-width:1px) and (max-width:767px){main .page-container .btn-next-wrapper,main .page-container .btn-prev-wrapper{width:180px}}@media (min-width:1px) and (max-width:359px){main .page-container .btn-next-wrapper,main .page-container .btn-prev-wrapper{width:120px}}