.colorlandgo-page{overflow:hidden;background:linear-gradient(252.81deg,#44aed8 12.05%,#5bc9ea 50.19%,#82d4e8 87.54000000000001%)}
.colorlandgo-page span{font-weight:normal;font-size:14px;line-height:24px;letter-spacing:-0.006em}
@media (max-width:991px){.colorlandgo-page span{font-size:12px;line-height:21px}}
.colorlandgo-page .header{padding-top:50px;display:flex;justify-content:space-between}
@media (max-width:991px){.colorlandgo-page .header{padding-top:23px}}
.colorlandgo-page .header .logo{background-color:#fff;padding:36px 72px 36px 0;border-radius:0px 300px 300px 0px;position:relative;display:flex}
.colorlandgo-page .header .logo img{z-index:1}
@media (max-width:991px){.colorlandgo-page .header .logo{padding:18px 29px 18px 11px}.colorlandgo-page .header .logo img{max-width:81px;height:auto}}
.colorlandgo-page .header .logo::before{content:'';top:0;width:100vw;height:100%;position:absolute;z-index:0;background-color:#fff;left:-49vw;transform:translateX(-50%)}
.colorlandgo-page .header .back a{color:#fff;font-weight:400;font-size:14px;line-height:21px;letter-spacing:-0.01em;text-decoration:none}
@media (max-width:991px){.colorlandgo-page .header .back a{font-size:10px;line-height:15px}}
.colorlandgo-page .header .back a i{color:#fff;position:relative}
.colorlandgo-page .header .back a i::before{transform:rotate(-180deg);position:absolute;left:-20px;top:0;bottom:0;font-size:13px;margin:auto}
@media (max-width:991px){.colorlandgo-page .header .back a i::before{font-size:10px;left:-16px}}
.colorlandgo-page .main-info{margin-top:89px;margin-bottom:200px;position:relative}
@media (max-width:991px){.colorlandgo-page .main-info{margin-top:22px;margin-bottom:86px}}
.colorlandgo-page .main-info::before{position:absolute;content:url('/themes/colorland/assets/images/colorlandgo/arrow_1_desktop.png');bottom:-180px;right:43%;z-index:1}
@media (max-width:991px){.colorlandgo-page .main-info::before{content:url('/themes/colorland/assets/images/colorlandgo/arrow_1_mobile.png');bottom:-85px;right:50%}}
.colorlandgo-page .main-info--block{position:relative}
.colorlandgo-page .main-info--title{font-weight:400;font-size:42px;line-height:55px;letter-spacing:-0.01em}
@media (max-width:991px){.colorlandgo-page .main-info--title{font-size:22px;line-height:27px}}
.colorlandgo-page .main-info--img{position:absolute;bottom:135%;right:13%}
.colorlandgo-page .main-info--img img{position:absolute}
.colorlandgo-page .main-info--img img.main-img-1{left:300px;top:115px}
@media (max-width:1399px){.colorlandgo-page .main-info--img img{max-width:370px;height:auto}}
@media (max-width:1199px){.colorlandgo-page .main-info--img{position:relative;bottom:unset;right:unset;height:230px;margin:16px 0;display:flex;justify-content:center;align-items:center}.colorlandgo-page .main-info--img img{position:absolute}.colorlandgo-page .main-info--img img.main-img-1{height:199px;width:130px;left:45%;top:unset;bottom:0}.colorlandgo-page .main-info--img img.main-img-2{height:195px;width:119px;top:0;left:22%}}
.colorlandgo-page .main-info--list{margin:48px 0;font-weight:400;font-size:20px;line-height:36px}
@media (max-width:991px){.colorlandgo-page .main-info--list{margin:16px 0;font-size:12px;line-height:24px}}
.colorlandgo-page .main-info--list ul{padding-left:0}
.colorlandgo-page .main-info--list ul li{list-style:none;padding-left:30px;position:relative}
.colorlandgo-page .main-info--list ul li::before{position:absolute;content:'';display:inline-block;height:13px;width:17px;background-image:url('/themes/colorland/assets/images/colorlandgo/list-style-image.png');left:0;top:0;bottom:0;margin:auto}
@media (max-width:991px){.colorlandgo-page .main-info--list ul li::before{transform:scale(0.7)}}
.colorlandgo-page .main-info--app{margin-bottom:113px}
@media (max-width:991px){.colorlandgo-page .main-info--app{margin-bottom:0}}
.colorlandgo-page .main-info--app span{margin-bottom:24px;font-weight:400;font-size:20px;line-height:30px;display:block}
@media (max-width:991px){.colorlandgo-page .main-info--app span{margin-bottom:10px;font-size:12px;line-height:18px}}
.colorlandgo-page .main-info--app a{font-size:0;margin-right:18px}
@media (max-width:991px){.colorlandgo-page .main-info--app a{margin-right:10px}.colorlandgo-page .main-info--app a img{max-height:25px;width:auto}}
.colorlandgo-page .main-steps-bg-top{position:relative}
@media (max-width:991px){.colorlandgo-page .main-steps-bg-top::before{content:'';position:absolute;width:100vw;height:14px;background-color:#fff;bottom:-2px}}
.colorlandgo-page .main-steps-bg-top img{position:absolute;width:100vw;left:0;top:-160px}
@media (max-width:991px){.colorlandgo-page .main-steps-bg-top img{top:unset;bottom:10px}}
@media (min-width:2400px){.colorlandgo-page .main-steps-bg-top img{height:32vw;top:0}}
@media (min-width:2400px){.colorlandgo-page .main-steps-bg-top img{display:none}}
.colorlandgo-page .main-steps-bg-bottom{position:relative}
.colorlandgo-page .main-steps-bg-bottom img{position:absolute;width:100vw;left:0;top:100px}
@media (max-width:1199px){.colorlandgo-page .main-steps-bg-bottom img{top:150px}}
@media (min-width:2400px){.colorlandgo-page .main-steps-bg-bottom img{display:none}}
.colorlandgo-page .main-steps-bg-bottom::before{content:'';position:absolute;width:100vw;height:250px;background-color:#fff;top:-92px}
@media (max-width:991px){.colorlandgo-page .main-steps{position:relative}.colorlandgo-page .main-steps::before{content:'';top:1px;width:150vw;height:102%;position:absolute;background-color:#fff;left:50%;transform:translateX(-50%)}}
@media (min-width:2400px){.colorlandgo-page .main-steps{position:relative}.colorlandgo-page .main-steps::before{content:'';top:1px;width:150vw;height:102%;position:absolute;background-color:#fff;left:50%;transform:translateX(-50%)}}
.colorlandgo-page .main-steps--title{text-align:center;font-weight:700;font-size:36px;line-height:54px;z-index:1}
@media (max-width:991px){.colorlandgo-page .main-steps--title{font-size:22px;line-height:27px}}
.colorlandgo-page .main-steps--step{margin-top:80px;z-index:1}
@media (max-width:991px){.colorlandgo-page .main-steps--step{margin-top:24px}}
.colorlandgo-page .main-steps--step .step_item{display:flex;align-items:center;padding-bottom:80px}
@media (max-width:991px){.colorlandgo-page .main-steps--step .step_item{padding-bottom:18px}}
.colorlandgo-page .main-steps--step .step_item .number{font-weight:600;font-size:48px;line-height:48px;margin-right:2px;width:60px}
@media (max-width:991px){.colorlandgo-page .main-steps--step .step_item .number{font-size:22px;width:50px}}
.colorlandgo-page .main-steps--step .step_item .img{width:220px;display:flex;justify-content:center}
@media (max-width:991px){.colorlandgo-page .main-steps--step .step_item .img{width:82px}}
.colorlandgo-page .main-steps--step .step_item .text{font-weight:400;font-size:24px;line-height:40px;margin-left:5px}
@media (max-width:991px){.colorlandgo-page .main-steps--step .step_item .text{font-size:12px;line-height:18px}}
.colorlandgo-page .main-steps--step .step_item.bg-full-2,
.colorlandgo-page .main-steps--step .step_item.bg-full-3{position:relative}
.colorlandgo-page .main-steps--step .step_item.bg-full-2::before,
.colorlandgo-page .main-steps--step .step_item.bg-full-3::before{content:'';top:1px;width:150vw;height:102%;position:absolute;z-index:-1;background-color:#fff;left:50%;transform:translateX(-50%)}
.colorlandgo-page .main-steps--step .step_item.bg-full-3{padding-bottom:140px}
@media (max-width:1199px){.colorlandgo-page .main-steps--step .step_item.bg-full-3{padding-bottom:0}}
.colorlandgo-page .main-steps--img{position:relative}
@media (max-width:1199px){.colorlandgo-page .main-steps--img{background:#fff;display:flex}.colorlandgo-page .main-steps--img::before{content:'';top:1px;width:100vw;height:102%;position:absolute;background-color:#fff;left:50%;transform:translateX(-50%)}}
@media (max-width:768px){.colorlandgo-page .main-steps--img{justify-content:center;margin-top:11px;margin-bottom:41px}}
.colorlandgo-page .main-steps--img img{position:absolute;left:-98px;top:57px;z-index:1}
@media (min-width:1200px) and (max-width:1399px){.colorlandgo-page .main-steps--img img{left:-100px;height:59%}}
@media (max-width:1199px){.colorlandgo-page .main-steps--img img{position:unset;max-width:100%;height:auto}}
@media (max-width:768px){.colorlandgo-page .main-steps--img img{width:150%;max-width:unset}}
.colorlandgo-page .main-popular--title{text-align:center;font-weight:400;font-size:36px;line-height:48px;z-index:1}
@media (max-width:991px){.colorlandgo-page .main-popular--title{font-size:22px;line-height:27px}}
.colorlandgo-page .main-popular--block{margin-top:70px;z-index:1}
.colorlandgo-page .main-popular--block>div{margin-bottom:24px;z-index:1}
@media (max-width:991px){.colorlandgo-page .main-popular--block>div{margin-bottom:12px}.colorlandgo-page .main-popular--block>div:nth-child(even){padding-left:6px}.colorlandgo-page .main-popular--block>div:nth-child(odd){padding-right:6px}}
.colorlandgo-page .main-popular--block .popular_item{padding:0px 0px 24px;border:1px solid #f0f0f0;box-shadow:0px 2px 2px rgba(0,0,0,0.06);border-radius:12px;background:#fff;height:100%}
.colorlandgo-page .main-popular--block .popular_item .img{display:flex;justify-content:center;overflow:hidden}
@media (max-width:991px){.colorlandgo-page .main-popular--block .popular_item .img img{width:150%}}
.colorlandgo-page .main-popular--block .popular_item .title{font-weight:600;font-size:20px;line-height:28px;letter-spacing:-0.017em;padding:0 24px 8px 36px}
@media (max-width:991px){.colorlandgo-page .main-popular--block .popular_item .title{font-size:16px;line-height:20px;padding:0 12px 8px 12px}}
.colorlandgo-page .main-popular--block .popular_item .desc{font-weight:400;font-size:12px;line-height:20px;padding:0 24px 24px 36px}
@media (max-width:991px){.colorlandgo-page .main-popular--block .popular_item .desc{font-size:10px;line-height:16px;padding:0 12px 8px 12px}}
.colorlandgo-page .main-popular--btn{text-align:center;margin-top:60px}
@media (max-width:991px){.colorlandgo-page .main-popular--btn{margin-top:16px}}
.colorlandgo-page .main-popular--btn .btn-white-normal{background-color:transparent}
.colorlandgo-page .main-why{background-color:#fff;margin-top:240px;padding-top:20px}
.colorlandgo-page .main-why-bg-top{position:relative}
.colorlandgo-page .main-why-bg-top img{position:absolute;width:100vw;left:0;bottom:19px;transform:rotate(180deg)}
@media (min-width:2400px){.colorlandgo-page .main-why-bg-top img{display:none}}
.colorlandgo-page .main-why-bg-bottom{position:relative}
.colorlandgo-page .main-why-bg-bottom img{position:absolute;width:100vw;left:0;top:-2px}
@media (min-width:2400px){.colorlandgo-page .main-why-bg-bottom img{display:none}}
@media (max-width:991px){.colorlandgo-page .main-why{margin-top:100px}}
.colorlandgo-page .main-why--title{text-align:center;font-weight:400;font-size:36px;line-height:48px;margin-bottom:85px}
@media (max-width:991px){.colorlandgo-page .main-why--title{font-size:22px;line-height:27px;margin-bottom:30px}}
.colorlandgo-page .main-why--block{display:flex;justify-content:space-between;flex-wrap:wrap}
.colorlandgo-page .main-why--block .why_item{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:165px}
@media (max-width:991px){.colorlandgo-page .main-why--block .why_item{max-width:unset;width:50%}.colorlandgo-page .main-why--block .why_item img{max-width:100px;height:auto}}
.colorlandgo-page .main-why--block .why_item p{font-weight:400;font-size:18px;line-height:25px}
@media (max-width:991px){.colorlandgo-page .main-why--block .why_item p{font-size:14px;line-height:18px}}
.colorlandgo-page .main-download{margin-top:6vw}
@media (max-width:991px){.colorlandgo-page .main-download{margin-top:3vw}}
.colorlandgo-page .main-download--img{display:flex;justify-content:center}
.colorlandgo-page .main-download--img img{z-index:1;border:1px solid #f0f0f0;background:#fff;border-radius:12px}
@media (max-width:991px){.colorlandgo-page .main-download--img img{max-width:80px;height:auto;border-radius:20px}}
.colorlandgo-page .main-download--title{text-align:center;font-weight:400;font-size:36px;line-height:48px;margin-top:50px;margin-bottom:40px}
@media (max-width:991px){.colorlandgo-page .main-download--title{font-size:22px;line-height:27px;margin-top:20px;margin-bottom:20px}}
.colorlandgo-page .main-download--block{display:flex;justify-content:center}
@media (max-width:991px){.colorlandgo-page .main-download--block{flex-direction:column;align-items:center}}
.colorlandgo-page .main-download--block a{font-size:0;margin:0 12px}
@media (max-width:991px){.colorlandgo-page .main-download--block a{margin:6px 0}.colorlandgo-page .main-download--block a img{max-height:35px;width:auto}}
.colorlandgo-page .main-download--phone{margin-top:80px}
.colorlandgo-page .main-footer{background-color:#fff}
.colorlandgo-page .main-footer-bg-bottom{position:relative}
.colorlandgo-page .main-footer-bg-bottom::before{content:'';position:absolute;width:100vw;height:50px;background-color:#fff;top:-22px}
.colorlandgo-page .main-footer-bg-bottom img{position:absolute;width:100vw;left:0;bottom:20px}
.colorlandgo-page .main-footer--block{display:flex;justify-content:space-between;align-items:center;padding:91px 0}
@media (max-width:991px){.colorlandgo-page .main-footer--block{flex-direction:column;padding:36px 0}}
.colorlandgo-page .main-footer--block .footer-item.company{font-weight:400;font-size:14px;line-height:21px}
@media (max-width:991px){.colorlandgo-page .main-footer--block .footer-item.company{order:2;font-size:10px;line-height:15px;margin-bottom:12px}}
.colorlandgo-page .main-footer--block .footer-item.menu{font-weight:400;font-size:14px;line-height:21px}
.colorlandgo-page .main-footer--block .footer-item.menu a{color:#212121;margin:0 18px}
@media (max-width:991px){.colorlandgo-page .main-footer--block .footer-item.menu{order:1;display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.colorlandgo-page .main-footer--block .footer-item.menu a{margin:8px 0}}
@media (max-width:991px){.colorlandgo-page .main-footer--block .footer-item.logo{order:3}}