.btn{background:none;position:relative;z-index:2;padding:0 10px;min-width:180px;height:60px;line-height:1.2em;border:1px solid var(--color-border);border-radius:60px;font-size:var(--typo-xs);font-weight:var(--fw-semibold);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;overflow:hidden}.btn.fluid{min-width:inherit;width:100%}.btn:focus{box-shadow:none}.btn.btn-sm{min-width:140px;height:40px;border-radius:30px}.btn.btn-lg{min-width:320px;height:140px;font-size:var(--typo-md);border-radius:40px}.btn:before{content:"";position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;opacity:0;transition:var(--transition)}.btn:hover:before{opacity:1}.btn.-th{font-family:var(--font-sukhumvit)}.btn.hide{display:none}.btn:not(:disabled):not(.disabled).active:focus,.btn:not(:disabled):not(.disabled):active:focus,.show>.btn.dropdown-toggle:focus{box-shadow:none}.btn-primary,.btn-primary.focus,.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--color-default);background:var(--gradient);border-width:0}.btn-primary.focus:before,.btn-primary:before,.btn-primary:focus:before,.btn-primary:not(:disabled):not(.disabled):active:before,.show>.btn-primary.dropdown-toggle:before{background:var(--gradient2)}.btn-primary.actitve:focus,.btn-primary.active,.btn-primary.active.focus,.btn-primary.active:hover,.btn-primary.focus:hover,.btn-primary:active,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.btn-primary:focus:hover,.btn-primary:hover{color:var(--color-light);background-color:var(--color-primary)}.btn-primary.disabled,.btn-primary.disabled:hover,.btn-primary[disabled]{color:var(--color-default);background:var(--color-gradient);opacity:.5;pointer-events:none}.btn-primary.outline,.btn-primary.outline.focus,.btn-primary.outline:focus,.btn-primary.outline:not(:disabled):not(.disabled):active,.show>.btn-primary.outline.dropdown-toggle{color:var(--color-default);background:transparent;border-width:1px;border-color:#93a1b1}.btn-primary.outline.focus:before,.btn-primary.outline:before,.btn-primary.outline:focus:before,.btn-primary.outline:not(:disabled):not(.disabled):active:before,.show>.btn-primary.outline.dropdown-toggle:before{display:none}.btn-primary.outline.actitve:focus,.btn-primary.outline.active,.btn-primary.outline.active.focus,.btn-primary.outline.active:hover,.btn-primary.outline.focus:hover,.btn-primary.outline:active.focus,.btn-primary.outline:active:focus,.btn-primary.outline:active:hover,.btn-primary.outline:focus:hover,.btn-primary.outline:hover{color:var(--color-light);background:var(--color-default);border-color:var(--color-default)}.btn-primary.outline.disabled,.btn-primary.outline.disabled:hover,.btn-primary.outline[disabled]{color:var(--color-primary);background:var(--color-light);border-color:var(--color-primary);opacity:.5}.btn-secondary,.btn-secondary.focus,.btn-secondary:focus,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:var(--color-light);background-color:transparent;border-color:transparent}.btn-secondary.focus:before,.btn-secondary:before,.btn-secondary:focus:before,.btn-secondary:not(:disabled):not(.disabled):active:before,.show>.btn-secondary.dropdown-toggle:before{background:var(--gradient2);opacity:1}.btn-secondary.actitve:focus,.btn-secondary.active,.btn-secondary.active.focus,.btn-secondary.active:hover,.btn-secondary.focus:hover,.btn-secondary:active,.btn-secondary:active.focus,.btn-secondary:active:focus,.btn-secondary:active:hover,.btn-secondary:focus:hover,.btn-secondary:hover{color:var(--color-light);background-color:var(--color-primary);border-color:transparent}.btn-secondary.actitve:focus:before,.btn-secondary.active.focus:before,.btn-secondary.active:before,.btn-secondary.active:hover:before,.btn-secondary.focus:hover:before,.btn-secondary:active.focus:before,.btn-secondary:active:before,.btn-secondary:active:focus:before,.btn-secondary:active:hover:before,.btn-secondary:focus:hover:before,.btn-secondary:hover:before{opacity:0}.btn-secondary.disabled,.btn-secondary.disabled:hover,.btn-secondary[disabled]{color:var(--color-light);background-color:var(--color-secondary);border-color:var(--color-secondary);opacity:.5;pointer-events:none}.btn-secondary.disabled:before,.btn-secondary.disabled:hover:before,.btn-secondary[disabled]:before{opacity:0}.btn-secondary.outline,.btn-secondary.outline.focus,.btn-secondary.outline:focus,.btn-secondary.outline:not(:disabled):not(.disabled):active,.show>.btn-secondary.outline.dropdown-toggle{color:var(--color-light);background-color:var(--color-default);border-color:var(--color-default)}.btn-secondary.outline.focus:before,.btn-secondary.outline:before,.btn-secondary.outline:focus:before,.btn-secondary.outline:not(:disabled):not(.disabled):active:before,.show>.btn-secondary.outline.dropdown-toggle:before{opacity:0}.btn-secondary.outline.actitve:focus,.btn-secondary.outline.active,.btn-secondary.outline.active.focus,.btn-secondary.outline.active:hover,.btn-secondary.outline.focus:hover,.btn-secondary.outline:active.focus,.btn-secondary.outline:active:focus,.btn-secondary.outline:active:hover,.btn-secondary.outline:focus:hover,.btn-secondary.outline:hover{color:var(--color-light);background-color:var(--color-secondary);border-color:var(--color-secondary)}.btn-secondary.outline.actitve:focus:before,.btn-secondary.outline.active.focus:before,.btn-secondary.outline.active:before,.btn-secondary.outline.active:hover:before,.btn-secondary.outline.focus:hover:before,.btn-secondary.outline:active.focus:before,.btn-secondary.outline:active:focus:before,.btn-secondary.outline:active:hover:before,.btn-secondary.outline:focus:hover:before,.btn-secondary.outline:hover:before{opacity:0}.btn-secondary.outline.disabled,.btn-secondary.outline.disabled:hover,.btn-secondary.outline[disabled]{color:var(--color-light);background-color:var(--color-default);border-color:var(--color-default);opacity:.5}.btn-secondary.outline.disabled:before,.btn-secondary.outline.disabled:hover:before,.btn-secondary.outline[disabled]:before{opacity:0}.btn-none,.btn-none.focus,.btn-none:focus,.btn-none:not(:disabled):not(.disabled):active{color:var(--color-dark);background-color:transparent;border-color:transparent}.btn-none.focus:before,.btn-none:before,.btn-none:focus:before,.btn-none:not(:disabled):not(.disabled):active:before{opacity:0}@media(max-width:1630px){.btn.btn-lg{min-width:280px;height:120px;font-size:var(--typo-sm);border-radius:30px}}@media(max-width:1199px){.btn.btn-lg{min-width:220px;height:80px;font-size:var(--typo-default);border-radius:20px}}@media(max-width:767px){.btn{min-width:120px;height:40px;border-radius:40px}.btn.btn-sm{min-width:100px;height:30px;border-radius:30px}.btn.btn-lg{min-width:140px;height:50px;font-size:var(--typo-xs);border-radius:50px}}@keyframes initvil{0%{opacity:0;background:transparent}1%{opacity:0;background:transparent}to{opacity:1;background:rgba(0,0,0,.8)}}.popup-overlay{background:rgba(0,0,0,.8);-webkit-animation:initvil .5s cubic-bezier(.38,.1,.36,.9) forwards}@keyframes anvil{0%{transform:scale(1) translateY(0);opacity:0;box-shadow:0 0 0 hsla(0,0%,95%,0)}1%{transform:scale(.96) translateY(10px);opacity:0;box-shadow:0 0 0 hsla(0,0%,95%,0)}to{transform:scale(1) translateY(0);opacity:1;box-shadow:0 0 500px hsla(0,0%,95%,0)}}.popup-content{padding:0;background:transparent;border-radius:0;width:100%;max-width:inherit;border:none;display:flex;justify-content:center;align-items:center}.popup-wrapper{padding:40px;background:var(--color-light);border-radius:20px;width:100%;max-width:600px;-webkit-animation:anvil .5s cubic-bezier(.38,.1,.36,.9) forwards}.popup-wrapper.-lg{max-width:1280px}.popup-box{font-family:var(--font-sukhumvit)}.popup-box .popup-close{width:40px;height:40px;line-height:1.4em;border-radius:50%;transition:var(--transition);padding:0;background:var(--color-primary);color:var(--color-light);border:1px solid var(--color-primary);outline:none;text-decoration:none;display:flex;justify-content:center;align-items:center;cursor:pointer;text-align:center;position:absolute;top:-15px;right:-15px;z-index:1;font-size:28px}.popup-box .popup-close:hover{background:var(--color-secondary);color:var(--color-light);border:1px solid var(--color-secondary)}.popup-box .popup-head{margin-bottom:15px}.popup-box .popup-body{position:relative;overflow:auto;max-height:50dvh}.popup-box .popup-body .desc{font-size:var(--typo-xs)}.popup-box .popup-body .indent{text-indent:30px}.popup-box .popup-foot{margin-top:15px}.popup-box .popup-foot .action{display:flex;justify-content:space-between;padding-top:15px;border-top:1px solid var(--color-border)}@media(max-width:1440px){.popup-wrapper.-lg{max-width:1180px;padding:30px}}@media(max-width:1199px){.popup-wrapper.-lg{max-width:970px}}@media(max-width:991px){.popup-wrapper.-lg{max-width:91%}}@media(max-width:767px){.popup-wrapper.-lg{padding:20px}.popup-box .popup-close{width:30px;height:30px;top:-12px;right:-12px;font-size:24px}}.dropdown{position:relative}.dropdown .dropdown-toggle:after{content:"";font-family:feather;transition:var(--transition);transform:rotate(0deg);position:relative;display:inline-block}.dropdown.open .dropdown-toggle:after{transform:rotate(-180deg)}.dropdown-menu{transition:var(--transition);position:absolute;z-index:99;top:0;opacity:0;pointer-events:none;min-width:200px;padding:0;border:1px solid var(--color-border)}.dropdown-menu.show{top:100%;opacity:1;pointer-events:visible;background-color:var(--color-light);margin-top:5px}.dropdown-menu li{width:100%;list-style:none}.dropdown-menu li+li{margin-left:0;border-top:1px solid #ebebeb}.dropdown-menu .link{padding:10px;display:block}.dropdown-menu .link:hover{background:var(--color-primary);color:var(--color-light);text-decoration:none}.layout-body{padding-top:0;background:var(--color-snow)}.section{position:relative}.section .sc-inner{padding:120px 0}.section .sc-head{margin-top:0;display:flex;align-items:center;gap:50px;width:100%}.section .sc-head .title{margin:0;text-transform:uppercase}.section .sc-head .title.-th{font-family:var(--font-sukhumvit)}.section .sc-head .desc{margin:0;font-weight:var(--fw-light);color:var(--color-gray)}.section .sc-head .desc.-th{font-family:var(--font-sukhumvit)}.section .sc-head .action{display:flex;justify-content:flex-end;flex:1 0}.section .sc-head .action .link{display:block}.section .sc-head .action .link .arrow{position:relative;height:70px;width:160px;display:block}.section .sc-head .action .link .arrow:before{width:100%;height:2px;background:var(--color-default)}.section .sc-head .action .link .arrow:after,.section .sc-head .action .link .arrow:before{content:"";position:absolute;z-index:1;margin:auto;top:0;bottom:0;transition:var(--transition)}.section .sc-head .action .link .arrow:after{right:8px;width:50px;height:50px;transform:rotate(-45deg);border-right:2px solid var(--color-default);border-bottom:2px solid var(--color-default)}.section .sc-head .action .link .arrow:hover:before{background:var(--color-primary);box-shadow:0 0 10px var(--color-primary)}.section .sc-head .action .link .arrow:hover:after{border-color:var(--color-primary);box-shadow:5px 5px 10px -5px var(--color-primary)}.section .sc-head .action .link.-back .arrow{transform:rotate(-180deg)}.section .sc-body{margin-top:100px}.section .sc-body .header .title{font-weight:var(--fw-extrabold);margin:0;line-height:1em}.section .sc-body .header .stitle{font-weight:var(--fw-medium);margin:0 0 .2em;line-height:1.2em}.section .sc-body .header .desc{margin:0}.section .sc-body .header .action{padding-top:35px}.section .sc-foot{margin-top:50px}.default-wrapper{border-radius:20px;position:relative;z-index:1;display:block;transition:var(--transition);background:var(--color-light);box-shadow:var(--box-shadow2);overflow:hidden;text-decoration:none}.default-wrapper .thumb-default{position:relative;z-index:-1}.default-wrapper .thumb-default .cover{padding-top:100%;overflow:hidden}.default-wrapper .thumb-default .img-ratio{z-index:-1;object-position:bottom;transform:scale(1);transition:var(--transition)}.default-wrapper .content-default{position:absolute;z-index:2;left:0;right:0;top:0;bottom:0;text-align:center;padding:45px 5px;display:flex;flex-direction:column;justify-content:space-between}.default-wrapper .text .txt{line-height:1;margin:0}.default-wrapper .text .txt2{line-height:1;margin:0 0 .2em;font-size:var(--typo-lg2)}.default-wrapper .text .txt2 small{display:block;font-size:var(--typo-lg3)}.default-wrapper .text .number{line-height:1;margin:0}.default-wrapper .text .sub{line-height:1.2;font-weight:var(--fw-medium);margin:0}.default-wrapper .text .desc{margin:0;line-height:1}.default-wrapper .action{text-align:center}.default-wrapper:hover .thumb-default .img-ratio{transform:scale(1.1)}@media(max-width:1630px){.section .sc-inner{padding:100px 0}.section .sc-head{gap:30px}.section .sc-head .action .link .arrow{height:60px;width:140px}.section .sc-head .action .link .arrow:after{width:40px;height:40px}.section .sc-body{margin-top:80px}.default-wrapper .content-default{padding:35px 5px}}@media(max-width:1440px){.section .sc-inner{padding:80px 0}.section .sc-head{gap:25px}.section .sc-head .action .link .arrow{height:50px;width:120px}.section .sc-head .action .link .arrow:after{width:30px;height:30px;right:6px}.default-wrapper .content-default{padding:30px 5px}}@media(max-width:1199px){.section .sc-inner{padding:60px 0}.section .sc-head{gap:0;flex-wrap:wrap}.section .sc-head .title{flex:0 0 auto;width:100%}.section .sc-head .action .link .arrow{height:40px;width:80px}.section .sc-head .action .link .arrow:after{width:20px;height:20px;right:1px}.section .sc-body{margin-top:60px}}@media(max-width:991px){.section .sc-inner{padding:40px 0}.section .sc-body{margin-top:40px}}@media(max-width:767px){.section .sc-inner{padding:30px 0}.section .sc-body{margin-top:30px}.default-wrapper .content-default{padding:15px 5px}.default-wrapper .text .txt,.default-wrapper .text .txt2{font-size:16px}.default-wrapper .text .sub,.default-wrapper .text .txt2 small{font-size:14px}.default-wrapper .text .desc{font-size:13px}.default-wrapper .action .btn{min-width:inherit;width:100%}}.layout-body.-inner{padding-top:80px}@media(max-width:767px){.layout-body.-inner{padding-top:60px}}.sc-port{overflow:hidden}.sc-port .container{width:1180px;padding:0}.sc-port .cover-bg{margin:0;background-size:cover;background-position:50%;background-repeat:no-repeat}.sc-port .cover-bg img{display:block}.sc-port .port-top{height:460px;background:var(--color-light)}.sc-port .port-top .port-logo{height:100%;margin:auto;display:flex;justify-content:center;align-items:center}.sc-port .port-top .port-logo .inner{max-height:290px;width:240px;text-align:center}.sc-port .port-top .port-logo .inner img{display:inline-block;width:100%}.sc-port .port-head .bg{width:100%;position:relative}.sc-port .port-head .bg .bg-default{width:50%;height:525px;position:absolute;z-index:0;background-repeat:no-repeat;background-size:cover;background-position:50%}.sc-port .port-head .bg .bg-left{left:0}.sc-port .port-head .bg .bg-left:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;opacity:.94}.sc-port .port-head .bg .bg-right{right:0}.sc-port .port-head .bg .bg-right:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;opacity:.94}.sc-port .port-head .bg .main-picture{position:relative;z-index:2;width:1180px;height:730px;top:-80px;margin:0 auto -20px;background:url(/_next/static/media/labtop.d49fc238.svg) no-repeat;background-size:contain}.sc-port .port-head .bg .main-picture .cover{background-position:50%;background-repeat:no-repeat;position:relative;width:890px;height:558px;margin:auto;top:46px;padding:0;overflow-x:hidden;overflow-y:auto;transition:all .2s ease}.sc-port .port-head .bg .main-picture .cover img{position:relative;width:100%;height:auto;object-fit:inherit;object-position:center;top:0;left:0}.sc-port .port-head .content{padding-bottom:105px;text-align:center}.sc-port .port-head .content .title{line-height:.9em;margin-bottom:.5em;font-family:var(--font-sukhumvit);font-weight:var(--fw-light);color:var(--color-black)}.sc-port .port-head .content .desc{line-height:1.5em;margin:0;font-family:var(--font-sukhumvit);font-weight:var(--fw-thin);color:var(--color-black)}.sc-port .port-mainpage .head-title{height:380px;text-align:center;padding-top:90px;padding-bottom:100px;box-shadow:inset 0 0 240px 0 rgba(0,0,0,.5)}.sc-port .port-mainpage .head-title .title{line-height:1.2em;margin-bottom:15px;font-family:var(--font-sukhumvit)}.sc-port .port-mainpage .head-title .title.light{color:var(--color-light)}.sc-port .port-mainpage .head-title .title.dark{color:var(--color-dark)}.sc-port .port-mainpage .head-title .title strong{font-weight:var(--fw-extrabold)}.sc-port .port-mainpage .head-title .desc{font-weight:var(--fw-thin);line-height:1.5em;font-family:var(--font-sukhumvit);margin:0}.sc-port .port-mainpage .head-title .desc.light{color:var(--color-light)}.sc-port .port-mainpage .head-title .desc.dark{color:var(--color-dark)}.sc-port .port-mainpage .bg-white{height:570px;background:var(--color-light)}.sc-port .port-mainpage .bg-white img{width:100%;position:relative;z-index:3;top:-105px;box-shadow:0 0 40px 0 rgba(0,0,0,.5)}.sc-port .port-mainpage .bg-blur{height:auto;background-position:50%;background-repeat:no-repeat;background-size:160%;position:relative;z-index:0}.sc-port .port-mainpage .bg-blur:before{content:"";position:absolute;background:inherit;z-index:0;top:-100px;bottom:-100px;left:-100px;right:-100px;filter:blur(30px)}.sc-port .port-mainpage .bg-sharp{height:1500px;width:100%;padding-top:70px;margin-top:-725px;position:relative;z-index:1;transform:skew(0deg,15deg);box-shadow:inset 0 0 240px 0 rgba(0,0,0,.5)}.sc-port .port-mainpage .bg-sharp .inner{margin:0 -10px;transform:skew(0deg,-15deg);position:relative;z-index:1}.sc-port .port-mainpage .bg-sharp .inner>div{margin:0 10px 20px}.sc-port .port-mainpage .bg-sharp .inner:after{content:"";display:table;clear:both}.sc-port .port-mainpage .block{display:inline-block;vertical-align:top;box-shadow:0 0 20px 0 rgba(0,0,0,.5);background:var(--color-light);background-repeat:no-repeat;background-position:50%}.sc-port .port-mainpage .block.I{width:450px;height:700px;float:left}.sc-port .port-mainpage .block.II{width:310px;height:465px;float:right}.sc-port .port-mainpage .block.III{width:380px;height:465px;float:right}.sc-port .port-mainpage .block.IV{width:710px;height:600px;float:right}.sc-port .port-mainpage .block.V{width:450px;height:365px;float:left}.sc-port .port-mainpage .block.VI{width:710px;height:360px;float:left}.sc-port .port-mainpage .block.VII{width:450px;height:360px;float:right}.sc-port .port-mainpage .block>figure{width:100%;height:100%;margin:0;transition:All .8s ease;background-position:top;background-repeat:no-repeat;background-size:cover}.sc-port .port-mainpage .block>figure:hover{background-position:bottom}.sc-port .port-responsive{height:1600px;width:100%;padding-top:70px;position:relative;z-index:0;transform:skew(0deg,15deg);box-shadow:inset 0 0 240px 0 rgba(0,0,0,.5)}.sc-port .port-responsive .inner{transform:skew(0deg,-15deg);padding-top:80px}.sc-port .port-responsive .inner .title{line-height:1.5em;margin-bottom:15px;margin-top:75px}.sc-port .port-responsive .inner .title.light{color:var(--color-light)}.sc-port .port-responsive .inner .title.dark{color:var(--color-dark)}.sc-port .port-responsive .inner .title strong{font-weight:var(--fw-extrabold)}.sc-port .port-responsive .inner .device{margin-bottom:45px}.sc-port .port-responsive .inner .device img+img{margin-left:45px}.sc-port .port-responsive .inner .device.light>img{filter:invert(0)}.sc-port .port-responsive .inner .device.dark>img{filter:invert(.9)}.sc-port .port-responsive .inner .desc{line-height:1.5em;padding-right:90px;font-weight:var(--fw-thin);font-family:var(--font-sukhumvit)}.sc-port .port-responsive .inner .desc.light{color:var(--color-light)}.sc-port .port-responsive .inner .desc.dark{color:var(--color-dark)}.sc-port .port-responsive .inner .mobile-blog{position:relative;width:100%;height:530px}.sc-port .port-responsive .inner .mobile-blog .iphone{background:url(/_next/static/media/mobile.3a3e0066.svg) no-repeat 50%;background-size:contain;width:191px;height:509px;padding:117px 20px 130px 24px;z-index:0;position:relative;display:inline-block;vertical-align:top}.sc-port .port-responsive .inner .mobile-blog .iphone:first-child{width:309px;height:590px;padding:72px 33px 96px 39px;margin:auto;top:0;bottom:0;left:0;right:0;position:absolute;z-index:1;display:block}.sc-port .port-responsive .inner .mobile-blog .iphone:nth-child(2){float:left}.sc-port .port-responsive .inner .mobile-blog .iphone:nth-child(3){float:right}.sc-port .port-responsive .inner .mobile-menu{padding:0;margin:80px -7px 10px}.sc-port .port-responsive .inner .mobile-menu>li{padding-left:7px;padding-right:7px;float:left;width:25%;list-style:none}.sc-port .port-responsive .inner .mobile-menu>li>figure{margin:0;box-shadow:0 0 20px 0 rgba(0,0,0,.5)}.sc-port .port-responsive .inner .mobile-menu>li>figure>img{width:100%}.sc-port .port-responsive .inner .mobile-menu>li:first-child>figure{margin-top:-90px;margin-right:-100px;position:relative;z-index:1;left:0}.sc-port .port-mockup{position:relative;z-index:1;margin-top:-249px}.sc-port .port-mockup:after{content:"";display:table;clear:both}.sc-port .port-mockup .picture{position:relative}.sc-port .port-mockup .picture .container{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.sc-port .port-mockup .picture .content{position:absolute;bottom:40px}.sc-port .port-mockup .picture .title{font-weight:var(--fw-light);line-height:.9em}.sc-port .port-mockup .picture .title.light{color:var(--color-light)}.sc-port .port-mockup .picture .title.dark{color:var(--color-dark)}.sc-port .port-mockup .picture .sub-title{font-weight:var(--fw-medium);line-height:.9em}.sc-port .port-mockup .picture .sub-title.light{color:var(--color-light)}.sc-port .port-mockup .picture .sub-title.dark{color:var(--color-dark)}.sc-port .port-mockup .picture:first-child:before{content:"";position:absolute;width:100%;height:50%;bottom:0}.sc-port .port-mockup .picture:nth-child(2){width:50%;float:left}.sc-port .port-mockup .picture:nth-child(3),.sc-port .port-mockup .picture:nth-child(4){width:50%;float:right}.sc-port .btn-box{margin:75px 0;display:block;text-align:center}.sc-port .btn-box .btn{width:100%;min-width:inherit}.sc-port .btn-box .btn .feather{font-size:var(--typo-md)}.sc-port .btn-box .dropdown-menu{box-shadow:0 0 6px rgba(0,0,0,.3);padding:15px;border-radius:15px;left:-30%;right:-30%;display:flex;flex-wrap:nowrap;justify-content:space-around;top:auto;bottom:0;margin:0}.sc-port .btn-box .dropdown-menu.show{top:auto;bottom:100%;margin-bottom:15px}.sc-port .btn-box .dropdown-menu li{flex:0 0 auto;width:auto}.sc-port .btn-box .dropdown-menu li+li{border-top:none}.sc-port .btn-box .dropdown-menu .link{display:flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--color-gray);width:40px;height:40px;border-radius:50%;font-size:20px;color:var(--color-gray);position:relative;z-index:1}.sc-port .btn-box .dropdown-menu .link:before{content:"";position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;border-radius:50px;transition:var(--transition);opacity:0;background:var(--gradient2)}.sc-port .btn-box .dropdown-menu .link:hover{border-color:transparent;color:var(--color-light)}.sc-port .btn-box .dropdown-menu .link:hover:before{opacity:1}@media(max-width:1440px){.sc-port .port-top{height:350px}.sc-port .port-top .port-logo{padding-bottom:30px}.sc-port .port-top .port-logo .inner{max-height:270px;width:220px}.sc-port .port-head .bg .main-picture{width:1020px;height:630px;top:-50px}.sc-port .port-head .bg .main-picture .cover{width:790px;height:485px}}@media(max-width:1199px){.sc-port .port-top{height:300px}.sc-port .port-top .port-logo{padding-bottom:60px}.sc-port .port-top .port-logo .inner{max-height:240px;width:190px}.sc-port .port-head .bg .bg-default{height:380px}.sc-port .port-head .bg .main-picture{width:900px;height:560px;margin-bottom:0}.sc-port .port-head .bg .main-picture .cover{width:680px;height:420px;top:38px}.sc-port .port-mainpage .head-title{height:auto;padding-bottom:140px}.sc-port .port-mainpage .block.I{width:375px}.sc-port .port-mainpage .block.II{width:250px}.sc-port .port-mainpage .block.III{width:305px}.sc-port .port-mainpage .block.IV{width:575px}.sc-port .port-mainpage .block.V{width:375px}.sc-port .port-mainpage .block.VI{width:575px}.sc-port .port-mainpage .block.VII{width:375px}.sc-port .port-responsive .inner .mobile-blog .iphone{width:160px;height:490px;padding:129px 17px 136px 20px}.sc-port .port-responsive .inner .mobile-blog .iphone:first-child{width:249px;height:464px;padding:57px 29px 96px 33px}.sc-port .port-responsive .inner .mobile-menu>li:first-child>figure{margin-top:-40px;margin-right:-40px}}@media(max-width:991px){.sc-port .container{padding:0 15px}.sc-port .port-top{height:250px}.sc-port .port-top .port-logo{padding-bottom:30px}.sc-port .port-top .port-logo .inner{max-height:200px;width:150px}.sc-port .port-head .bg .main-picture{width:720px;height:450px;top:-30px}.sc-port .port-head .bg .main-picture .cover{width:550px;height:340px;top:30px}.sc-port .port-head .content{padding-bottom:65px}.sc-port .port-mainpage .block.I,.sc-port .port-mainpage .block.II,.sc-port .port-mainpage .block.III{width:47%}.sc-port .port-mainpage .block.IV{width:47%;float:left}.sc-port .port-mainpage .block.V{width:47%;float:right}.sc-port .port-mainpage .block.VI{width:47%;height:375px}.sc-port .port-mainpage .block.VII{width:47%}.sc-port .port-responsive{height:1900px}.sc-port .port-responsive .inner .device,.sc-port .port-responsive .inner .title{text-align:center}.sc-port .port-responsive .inner .desc{text-align:center;padding-right:0}.sc-port .port-responsive .inner .mobile-blog{width:480px;height:500px;margin:0 auto}}@media(max-width:767px){.sc-port .port-top{height:200px}.sc-port .port-top .port-logo .inner{max-height:170px;width:120px}.sc-port .port-head .bg .bg-default{height:180px}.sc-port .port-head .bg .main-picture{width:360px;height:220px;top:-20px}.sc-port .port-head .bg .main-picture .cover{width:275px;height:175px;top:15px;left:-1px}.sc-port .port-head .content{padding-bottom:45px}.sc-port .port-mainpage .head-title{padding-top:50px;padding-bottom:80px}.sc-port .port-mainpage .bg-white img{top:-25px}.sc-port .port-mainpage .bg-sharp{height:auto;margin-top:-650px}.sc-port .port-mainpage .block.I,.sc-port .port-mainpage .block.II,.sc-port .port-mainpage .block.III,.sc-port .port-mainpage .block.IV,.sc-port .port-mainpage .block.V,.sc-port .port-mainpage .block.VI,.sc-port .port-mainpage .block.VII{width:calc(100% - 20px)}.sc-port .port-responsive{height:auto}.sc-port .port-responsive .inner .title{margin-bottom:15px;margin-top:15px}.sc-port .port-responsive .inner .device{margin-bottom:20px}.sc-port .port-responsive .inner .device img+img{margin-left:15px}.sc-port .port-responsive .inner .mobile-blog{width:320px;height:280px;margin-top:30px}.sc-port .port-responsive .inner .mobile-blog .iphone{width:120px;height:290px;padding:59px 13px 69px 15px}.sc-port .port-responsive .inner .mobile-blog .iphone:first-child{width:190px;height:322px;padding:39px 29px 54px 31px}.sc-port .port-responsive .inner .mobile-menu{margin-top:30px}.sc-port .port-responsive .inner .mobile-menu:after{content:"";display:table;clear:both}.sc-port .port-responsive .inner .mobile-menu>li{width:33.333333%}.sc-port .port-responsive .inner .mobile-menu>li:first-child{width:70%;margin:0 auto 15px;float:none}.sc-port .port-responsive .inner .mobile-menu>li:first-child>figure{margin:0}.sc-port .port-mockup{margin-top:150px}.sc-port .port-mockup .picture .content{bottom:100%;text-align:center;width:92%}.sc-port .btn-box{margin:25px 0}.sc-port .btn-box .row{margin:0 -2.5px}.sc-port .btn-box .row>div{padding:0 2.5px}.sc-port .btn-box .row>div:first-child{order:2}.sc-port .btn-box .row>div:nth-child(2){order:1;margin-bottom:5px}.sc-port .btn-box .row>div:nth-child(3){order:3}.sc-port .btn-box .row>div:nth-child(4){order:4}.sc-port .btn-box .dropdown-menu{padding:5px;left:-150%;right:-150%}.sc-port .btn-box .dropdown-menu .link{width:30px;height:30px;font-size:16px}}