.tcds-designing-ability{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:stretch;align-items:stretch}.tcds-designing-ability-left{width:280px;margin-right:50px;min-width:0}.tcds-designing-ability-left-main{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.tcds-designing-ability-right{min-width:0;-ms-flex:1;flex:1;margin-bottom:-30px}.tcds-designing-ability-title{margin-bottom:12px;font-size:20px;color:#18181a;line-height:28px;font-weight:600}.tcds-designing-ability-desc{font-size:14px;color:#4c5b76;margin-bottom:24px}.tcds-designing-ability-left-body-title{font-size:14px;color:#4c5b76;margin-bottom:12px}.tcds-designing-ability-left-body-item{margin-bottom:12px}.tcds-designing-ability-left-body-item:last-child{margin-bottom:0}.tcds-designing-ability-left-body-link{position:relative;box-sizing:border-box;padding:12px 24px;display:block;text-align:left;max-width:220px;font-size:0;background-image:linear-gradient(0deg,#fff,#f3f5f8);background:#fff;border:2px solid #fff;box-shadow:8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;border-radius:4px}.tcds-designing-ability-left-body-link:hover{box-shadow:8px 8px 20px 0 rgba(55,99,170,.2),-8px -8px 20px 0 #fff}.tcds-designing-ability-left-body-link.is-waiting:after{content:"";display:block;width:46px;height:16px;position:absolute;z-index:2;right:6px;top:6px;background-image:url(images/sprite.tcds-new-202309141311.svg);background-position:0% 0%;background-size:134.7826086956522% auto }.tcds-designing-ability-left-body-link.is-waiting:hover .title{color:#000}.tcds-designing-ability-left-body-link .tp-bubble{position:absolute;z-index:10;width:190px;top:40px;right:-80px;display:none}.tcds-designing-ability-left-body-link .tp-bubble .tp-bubble__inner{padding:8px}.tcds-designing-ability-left-body-link:hover .tp-bubble{display:block}.tcds-designing-ability-left-body-link .image,.tcds-designing-ability-left-body-link .title{display:inline-block;vertical-align:middle}.tcds-designing-ability-left-body-link .image{margin-right:8px;height:24px}.tcds-designing-ability-left-body-link .title{font-size:14px;color:#000}.tcds-designing-ability-left-body-link:hover .title{color:#0052d9}.tcds-designing-ability-right .rno-33-media-panel-title{margin-bottom:12px;display:-ms-flexbox;display:flex}.tcds-designing-ability-right .rno-33-media-panel-title>span{font-size:16px;padding-left:16px;font-size:18px;color:#18181a;font-weight:500;line-height:26px}.tcds-designing-ability-right .rno-33-media-panel-cont-desc{font-size:14px;color:#4c5b76;letter-spacing:0;line-height:22px;font-weight:400}.tcds-designing-ability-right .rno-33-media-panel-cont,.tcds-designing-ability-right .rno-line-clamp-2{height:44px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.tcds-designing-ability-right .rno-33-media-panel{background-image:linear-gradient(0deg,#fff,#f3f5f8);border:2px solid #fff;box-shadow:8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;border-radius:4px;padding:24px;box-sizing:border-box}@media (min-width:769px){.tcds-designing-ability-right .rno-lattice-card>.rno-lattice-cell{margin-bottom:20px}}@media (max-width:768px){.tcds-designing-ability-moblie{margin:0 -16px}.tcds-designing-ability-left-body-link .image{height:20px}.tcds-designing-ability-left-body-link{width:100%;max-width:100%;padding-left:12px;padding-right:12px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tcds-designing-ability-left-body-link.is-waiting:after{-webkit-transform:scale(.8);transform:scale(.8);right:4px;top:4px}.tcds-designing-ability-moblie .moblie-arrow-icon{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);display:inline-block;vertical-align:middle;position:absolute;right:20px;top:50%;margin-top:-6px;width:16px;height:16px;background-image:url(images/sprite.tcds-new-202309141311.svg);background-position:0% 100%;background-size:387.5% auto }.tcds-designing-ability-moblie .rno-collapse-item-active .moblie-arrow-icon{-webkit-transform:rotate(0);transform:rotate(0);background-image:url(images/sprite.tcds-new-202309141311.svg);background-position:100% 50%;background-size:387.5% auto }.tcds-designing-ability-moblie .rno-collapse-item .tcds-designing-ability-moblie-title{font-size:14px;color:#000;line-height:24px;margin-bottom:24px}.tcds-designing-ability-moblie-subtitle{font-size:14px;color:#4c5b76;line-height:22px;font-weight:400;margin-bottom:16px;margin-top:16px}}.rno-tabs-list{border-bottom:none}.rno-tabs-item{margin:0}.rno-tabs-item-con{position:relative;cursor:pointer;padding:0 20px 20px;text-align:center;font-size:16px;color:#495770;line-height:24px}.rno-tabs-active .rno-tabs-item-con,.rno-tabs-item-con:hover{color:#0052d9;font-weight:400}.rno-tabs-active .rno-tabs-item-con:after{background:#0052d9;bottom:0;height:4px}.rno-tabs-content{position:relative}.rno-tabs-simple-panel{transition:opacity .45s ease 0s,-webkit-transform .45s ease 0s;transition:opacity .45s ease 0s,transform .45s ease 0s;transition:opacity .45s ease 0s,transform .45s ease 0s,-webkit-transform .45s ease 0s;-webkit-transform-origin:center center;transform-origin:center center;-ms-flex-negative:0;flex-shrink:0;position:relative;height:0;width:0;overflow:hidden;opacity:0;padding:0;margin:0;pointer-events:none;display:block;-webkit-transform:translateY(10px);transform:translateY(10px)}.rno-tabs-simple-panel.active{opacity:1;width:auto;height:auto;padding-bottom:60px;-webkit-transform:translateY(0);transform:translateY(0);overflow:visible;z-index:4;position:relative;pointer-events:auto}.rno-tabs-content:after{content:"";position:absolute;z-index:2;top:0;bottom:0;left:-1000px;right:-1000px;background:#fff;box-shadow:inset 8px 8px 20px 0 rgba(55,99,170,.11),inset -8px -8px 20px 0 #fff}.rno-collapse-item-hd{position:relative;padding:13px 38px 13px 16px;background-image:linear-gradient(0deg,#fff,#f3f5f8);border:2px solid #fff;border-bottom:none;box-shadow:8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;cursor:pointer;height:auto}.rno-collapse-item-title{line-height:26px;padding:3px 0}.rno-collapse-item-bd{border-top:none;padding:20px 16px}.rno-collapse-item-active .moblie-arrow-icon{transition:all .3s ease-in-out}.rno-collapse-item-active span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rno-collapse-item-active .rno-collapse-item-title{color:#0052d9;line-height:26px;font-weight:400}.rno-collapse-list .rno-33-media-panel{background-image:linear-gradient(0deg,#fff,#f3f5f8);border:2px solid #fff;box-shadow:8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;border-radius:4px;padding:16px;box-sizing:border-box}.rno-collapse-list .rno-33-media-panel-title{display:-ms-flexbox;display:flex}.rno-collapse-list .rno-33-media-panel-cont{margin-top:12px}.rno-collapse-list .rno-33-media-panel-cont-desc{height:44px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;line-height:22px;font-size:14px;color:#4c5b76}.rno-collapse-list .rno-33-media-panel-icon{margin-right:8px;-ms-flex-negative:0;flex-shrink:0}.rno-tabs--scene .is-waiting .rno-tabs-item-con{color:#bbb}.rno-tabs--scene .is-waiting{position:relative}.rno-tabs--scene .is-waiting .tp-bubble{display:none}.rno-tabs--scene .is-waiting:hover .tp-bubble{display:block;position:absolute;right:20px;top:0;-webkit-transform:translate(100%,-100%);transform:translate(100%,-100%);min-width:190px}.rno-tabs--scene .rno-tabs-content:after{left:0;right:0;background:#f3f5f8;box-shadow:inset 8px 8px 20px 0 rgba(55,99,170,.11),inset -8px -8px 20px 0 #fff;border-radius:4px}.rno-tabs--scene .rno-tabs-content{padding:30px}.rno-tabs--scene .rno-tabs-simple-panel{padding:0}.tcds-scene__media{display:-ms-flexbox;display:flex}.tcds-scene__media-item+.tcds-scene__media-item{padding-top:28px}.tcds-scene__media-item__title{line-height:26px;font-size:16px;margin-bottom:12px;font-weight:600}.tcds-scene__media-item__desc p{line-height:24px;font-size:14px;color:#495770;-webkit-font-smoothing:antialiased;word-wrap:break-word;overflow-wrap:break-word}.tcds-scene__media-item__list-item{padding-left:24px;position:relative}.tcds-scene__media-item__list-item:before{content:"";position:absolute;left:0;top:4px;width:16px;height:16px;background-image:url(images/sprite.tcds-new-202309141311.svg);background-position:100% 0%;background-size:387.5% auto }.tcds-scene__media-item__list-item>span{font-size:14px;color:#495770;line-height:24px}.tcds-scene__media-item__recommend{padding-right:50px}.tcds-scene__media-item__recommend--item{position:relative;box-sizing:border-box;padding:12px;display:block;text-align:left;font-size:0;background-image:linear-gradient(0deg,#fff,#f3f5f8);background:#fff;border:2px solid #fff;box-shadow:8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;border-radius:4px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer}.tcds-scene__media-item__recommend--item:hover{box-shadow:8px 8px 20px 0 rgba(55,99,170,.2),-8px -8px 20px 0 #fff}.tcds-scene__media-item__recommend--item .image{height:24px;-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:0;flex-grow:0}.tcds-scene__media-item__recommend--item .title{font-size:14px;color:#000;padding-left:8px}.tcds-scene__media-object{display:-ms-flexbox;display:flex;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-item-align:start;align-self:flex-start;-ms-flex-pack:center;background-image:linear-gradient(0deg,#fff,#f3f5f8);border:2px solid #fff;box-shadow:8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;border-radius:8px;width:52.8%;padding:0;margin-left:60px;overflow:hidden;justify-content:center}.tcds-scene__media-object img{width:100%}.rno-collapse-item.is-waiting{opacity:.3}@media (max-width:768px){.tcds-scene__media{-ms-flex-direction:column;flex-direction:column;flex-direction:column-reverse}.tcds-scene__media-item__recommend{padding-right:0}.tcds-scene__media-object{width:100%;margin-left:0;margin-bottom:24px}}.tp-bubble{position:relative;display:inline-block;max-width:300px}.tp-bubble--bottom .tp-bubble__inner{top:100%;left:50%}.tp-bubble__inner{position:static!important;box-sizing:border-box;padding:12px;color:#333;font-size:12px;line-height:1.5;white-space:normal;word-wrap:break-word;background-color:#fff;border:1px solid #ddd;border-radius:0;box-shadow:1px 1.73px 3px 0 rgba(0,0,0,.1)}.tpm-solution-hero__btn-group,.tpm-solution-hero__btn-group>.tpm-btn{display:none}.tpm-solution-hero__desc{display:block}.ds-hero-code,.tpm-solution-hero__bg-wrap:after{display:none}.ds-hero-btns{position:relative;display:inline-block;vertical-align:top}.ds-hero-bubble{position:absolute;left:100%;top:0;z-index:300;width:320px;-webkit-transform:translateX(-10px);transform:translateX(-10px);visibility:hidden;opacity:0;pointer-events:none;transition:all .3s linear}.ds-hero-bubble.show{-webkit-transform:translateX(0);transform:translateX(0);visibility:visible;pointer-events:auto;opacity:1}.ds-hero-bubble-title{font-size:14px;font-weight:500;line-height:24px;margin-bottom:8px}.ds-hero-bubble-close{position:absolute;right:16px;top:16px;width:16px;height:16px;font-size:0;background-image:url(images/sprite.tcds-new-202309141311.svg);background-position:34.78260869565217% 50%;background-size:387.5% auto ;cursor:pointer}.ds-hero-bubble-close:hover{background-image:url(images/sprite.tcds-new-202309141311.svg);background-position:0% 50%;background-size:387.5% auto }.ds-hero-bubble-media{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.ds-hero-bubble-code{width:100px;margin-right:10px}.ds-hero-bubble .tpm-list__item{padding-left:16px}.ds-hero-bubble .tpm-list__item-text{font-size:12px}.ds-hero-bubble .tpm-list__item+.tpm-list__item{margin-top:8px}.tpm-3-action-panel .tpm-3-action-panel__btns{display:none}.tpm-3-action-panel .ds-hero-btns{position:absolute;left:50%;bottom:24px;margin-left:-590px}.tpm-3-action-panel .ds-hero-btns .tpm-btn.size-xl{min-width:136px;height:36px;font-size:14px;line-height:36px}.tpm-3-action-panel .ds-hero-bubble{margin-left:15px;bottom:0;top:auto}.tpm-3-action-panel .tp-bubble--left .tp-bubble__inner{top:auto;bottom:15px}@media screen and (max-width:1200px){.tpm-3-action-panel .ds-hero-btns{margin-left:0;left:10px}}@media screen and (max-width:768px){.ds-hero-btns{display:none}.ds-hero-code{display:block;text-align:center;margin-top:12px}.ds-hero-code-img{margin:0 auto;width:100px;background-color:#fff;padding:8px;border:1px solid #98a3b7}.ds-hero-code-img img{display:block;width:100%}.ds-hero-code-txt{margin-top:8px;font-size:12px;line-height:18px;color:#3d485d;text-align:center}.tpm-3-action-panel__inner{min-height:0}.tpm-3-action-panel__btns{display:none}.ds-hero-code{padding-bottom:24px}.tpm-3-action-panel .ds-hero-code-txt{color:#fff}}@media screen and (max-width:768px){.rno-lattice-card.rno-lattice-cols-s-2>.rno-lattice-cell{margin-right:16px;width:calc(50% - 8.5px)}}.custom-module{overflow:hidden}.tpm-logo-card__img-wrap,.tpm-logo-card img{-o-object-fit:contain;object-fit:contain}.tpm-3-action-panel .tpm-btn{box-shadow:none;line-height:34px}@media screen and (min-width:768px){.tpm-family__item-hd-cnt{padding-right:0;position:relative}.tpm-family__list--s .tpm-family__item-cnt-wrap{min-height:0;padding:24px!important}}@media screen and (max-width:768px){.tpm-family__item-hd-cnt{padding-right:0;position:relative}.tpm-family__item-cnt-wrap{background-image:linear-gradient(0deg,#fff,#f3f5f8);border:2px solid #fff;box-shadow:8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;border-radius:4px;padding:16px}.tpm-logo-card__img-wrap,.tpm-logo-card img{max-width:100%;height:24px;max-height:100%}}@media screen and (min-width:768px){.tpm-3-action-panel .ds-hero-btns{margin-left:-590px;left:50%}}#FEFLOW{content:weu202309141311}