@charset "UTF-8";

:root {
    --tit-color: #054A8F;
    --em-color: #01BAEF;
}

/*======== header area ==================================================*/
.noPc {
    display: none;
}
.br + .br{
    display: block;
    margin-top: 12px;
}
.mgt40{
    margin-top: 40px !important;
}
/*GNB*/
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 106px;
    z-index: 111;
}

header.scrolled {
    background-color: #fff !important;
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 200ms linear;
}

header.scrolled .nav .btn-book-demo {
    color: #054A8F;
}

header.scrolled .nav .btn-free-trial {
    background: #054A8F;
}

.header-top {
    background: #f8f8f8;
}

.header-top .inner {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 36px;
}

.link-covid {
    color: #ea657b;
    font-weight: 600;
    font-size: 13px;
}

.header-console {
    display: flex;
}

.header-console .link-text {
    display: inline-block;
}

.btn-google-search {
    width: 20px;
    height: 20px;
    background: url('/images/common/ico_search.svg') 50% 50% no-repeat;
}

.link-call {
    color: var(--em-color);
    font-size: 14px;
    font-weight: 500;
}

.link-call a {
    color: var(--em-color);
}

.hour-wrap {
    display: inline-block;
    position: relative;
}

.hour-wrap .link-text {
    position: relative;
    padding-right: 15px;
    vertical-align: baseline;
}
.header-console .link-text:hover,
.header-console .link-text:hover,
.hour-wrap .link-text:hover{
    color: #0099ff;
}

.hour-wrap .link-text:after {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    right: 0;
    width: 8px;
    height: 4px;
    background: url('/images/common/hour_bullet.png') no-repeat;
}
.hour-wrap .link-text.on:after {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    right: 0;
    width: 8px;
    height: 4px;
    background: url('/images/common/hour_bullet.png') no-repeat;
    transform: rotate(180deg);
}

.hour-board {
    display: none;
    position: absolute;
    top: 40px;
    right: -136px;
    width: 293px;
    height: 65px;
    padding: 13px 20px;
    text-align: left;
    background: #fff;
    box-shadow: 0 10px 20px 0px rgb(0 0 0 / 20%);
    z-index: 10;
    border-radius: 5px;
}

.hour-board span {
    display: block;
    margin-top: 1px;
    font-size: 12px;
    color: #3c4147;
}

.hour-board:after {
    content: "";
    display: block;
    position: absolute;
    top: -12px;
    left: 140px;
    width: 24px;
    height: 12px;
    background: url('/images/common/hover_img.png') no-repeat;
}

.link-text {
    padding-left: 10px;
    margin-left: 10px;
    color: #888;
    font-size: 14px;
    background: url('/images/common/icon_bar.svg') 0 50% no-repeat;
    font-weight: 400;
}

.link-call + .link-text {
    background: none;
}

.nav {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.nav .logo {
    display: inline-block;
    margin-right: auto;
}

.nav-list:after {
    content: "";
    display: block;
    clear: both;
}

.nav-item {
    display: block;
    float: left;
    position: relative;
}

/*.nav-item + .nav-item {
    padding-left: 46px;
}*/

.nav-anchor-dp1 {
    display: block;
    position: relative;
    padding: 23px;
    color: #3C4147;
    font-weight: 600;
}

.nav-anchor-dp1.active:after,
.nav-anchor-dp1.active:before {
    display: block;
}

.nav-item:nth-child(2) .nav-anchor-dp1:after,
.nav-item:nth-child(2) .nav-anchor-dp1:before {
    display: none;
}
.nav-anchor-dp1.active,
.nav-anchor-dp1:focus,
.nav-anchor-dp1:hover {
    color: rgba(60, 65, 71, .85);
}
.nav-sub {
    display: block;
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    top: 68px;
    left: -24px;
    /*min-width: 385px;*/
    height: 0;
    padding: 30px 50px;
    background: #fff;
    border-radius: 20px;
    transform: translateX(0%);
    box-shadow: 0 15px 30px 0 rgb(0 0 0 / 20%);
}
.nav-anchor-dp1.active + .nav-sub {
    visibility: visible;
    overflow: visible;
    height: auto;
    opacity: 1;
}
.nav-sub > li {
    display: block;
}
.nav-anchor-dp1.active + .nav-sub {
    visibility: visible;
    overflow: visible;
    height: auto;
    opacity: 1;
}
.nav-anchor-dp2 {
    display: inline-block;
    position: relative;
    color: #3c4147;
    font-weight: 400;
    font-size: 14px;
    text-align: left;
}

.nav-toggle-group .nav-anchor-dp2 {
    padding-right: 15px;
}
.nav-toggle-group .tp-ico-arrow{
    display: none;
}
.tp-ico-arrow {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 11px;
    height: 10px;
    transform: translateY(-50%);
}

.tp-ico-arrow:before {
    left: 0;
    transform: rotate(45deg);
}

.tp-ico-arrow:after,
.tp-ico-arrow:before {
    content: "";
    position: absolute;
    top: 4px;
    width: 7px;
    height: 2px;
    background-color: #3c4147;
    border-radius: 5px;
    transition: transform .3s ease-in;
}

.tp-ico-arrow:after {
    right: 0;
    transform: rotate(-45deg);
}

.nav-anchor-dp1.active .tp-ico-arrow:before, 
.nav-anchor-dp2.active .tp-ico-arrow:before, 
.nav-toggle-btn.active.tp-ico-arrow:before,
.sub-title.nav-toggle-btn.active .tp-ico-arrow:before {
    transform: rotate(-45deg);
}
.nav-anchor-dp1.active .tp-ico-arrow:after, 
.nav-anchor-dp2.active .tp-ico-arrow:after, 
.nav-toggle-btn.active.tp-ico-arrow:after,
.sub-title.nav-toggle-btn.active .tp-ico-arrow:after {
    transform: rotate(45deg);
}
.nav-anchor-dp2 .tp-ico-arrow {
    right: 0;
}

.nav-item-type02 {
    position: static;
}

.nav-item-type02 .nav-sub {
    display: flex;
    justify-content: flex-start;
    top: 70px;
    left: 180px;
    max-width: 901px;
    width: 100%;
    padding: 30px 38px 30px 68px;
    transform: translateX(0);
    text-align: left;
}

.nav-item-type02 .nav-sub > li {
    width: 33.3333%;
}

.nav-item-type02 .sub-title {
    margin-bottom: 8px;
    font-weight: 600;
    color: #3C4147;
}
.nav-item-type02 > .nav-sub-type02 > li > ul > li + li {
    margin-top: 0px;
}

.nav-item-type02 .sub-title-dp2 {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: #0188ef;
    font-weight: 500;
}

.nav-item-type02 .dot .anchor-dp3 > li {
    position: relative;
    padding-left: 14px;
}
.nav-item-type02 .dot .anchor-dp3 > li:before {
    content: "";
    position: absolute;
    top: 13px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #3c4147;
}

.nav-anchor-dp3 {
    font-size: 14px;
    font-weight: 400;
    color: #3C4147;
}

.nav-anchor-dp3 + span,
.nav-anchor-dp3 + a {
    display: block;
    font-size: 10px;
}

.nav-sub .add-icon {
    display: inline-block;
    position: relative;
    margin-left: 10px;
    padding: 2px 8px 2px 19px;
    border-radius: 10px;
    background-color: #01BAEF;
    color: #fff;
    font-size: 10px;
    vertical-align: 3px;
    font-weight: 400;
    vertical-align: 1px;
}

.nav-sub .add-icon:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 18px;
    height: 13px;
    background: url('/images/icon/ico_triangle.svg')8px 5px no-repeat;
}

.nav-sub [class*=diff-menu] {
    margin-top: 10px;
}

.nav-sub .diff-menu .nav-anchor-dp3 {
    position: relative;
    padding-left: 20px;
    font-size: 12px;
}

.nav-sub .diff-menu .nav-anchor-dp3:before,
.nav-sub .diff-menu .nav-anchor-dp3:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.nav-sub .diff-menu .nav-anchor-dp3:before {
    left: 0;
    width: 14px;
    height: 14px;
    background: var(--em-color);
    border-radius: 100%;
}

.nav-sub .diff-menu .nav-anchor-dp3:after {
    left: 4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 3px 0 3px;
    border-color: #fff transparent transparent transparent;
}

.nav-sub .diff-menu-type02 .nav-anchor-dp3 {
    display: inline-block;
    position: relative;
    width: 134px;
    height: 36px;
    line-height: 36px;
    margin-top: 30px;
    margin-left: 0;
    padding: 0 20px;
    color: #fff;
    font-size: 12px;
    background: var(--em-color);
    border-radius: 5px;
}
.nav-sub .diff-menu-type02 .nav-anchor-dp3.add-icon:before{
    right: 19px;
    left: inherit;
    top: 10px;
}
.nav-sub-dp2 {
    padding-left: 14px;
}

.nav-sub > li.navForbes {
    padding-bottom: 10px;
}

.nav-sub > li.navForbes a {
    display: flex;
    align-items: center;
    position: relative;
}

.nav-sub > li.navForbes a img {
    width: 134px;
    height: auto;
}

.nav-sub > li.navForbes span {
    display: block;
    margin-left: 16px;
    padding-left: 16px;
    font-size: 14px;
    letter-spacing: -.02em;
    color: #3C4147;
    border-left: 1px solid #bfc6cd;
    font-weight: 400;
}

.nav-sub > li.navForbes span::after {
    width: 18px;
    height: 12px;
    position: absolute;
    bottom: 6px;
    margin-left: 10px;
    background: url('/images/common/ico_arrow.svg')no-repeat center;
    content: '';
}

.nav .btnWrap {
    margin-left: auto;
}

.nav .btnWrap a + a {
    margin-left: 20px;
}

.nav .btn-book-demo {
    font-weight: 600;
    color: #fff;
}

.nav .btn-free-trial {
    padding: 6px 20px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.3);
    color: #fff;
    font-weight: 600;
}
.nav .btn-free-trial:hover{
    background: rgba(255, 255, 255, 0.45);
}
.nav-list li:nth-child(4) .nav-sub {
    width: 340px;
}

.nav-list li:nth-child(5) .nav-sub {
    width: 260px;
}

.nav-list li:nth-child(6) .nav-sub {
    width: 248px;
}

.nav-list li:nth-child(7) .nav-sub {
    width: 354px;
}

.mobile-button {
    display: none;
}
.mobile-logo{
    display: none;
}
.covid-menu,
.contact-form-menu {
    display: none;
}



/* contents layout */
/*#container {
	padding: 106px 0 0 0;
}*/
.inner {
    width: 1200px;
    margin: 0 auto;
}

.inner-13 {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}

/* section */
.section {}

.section + .section {
    margin-top: 160px;
}
.section + .section.download-handout {
    margin-top: 160px;
}


/* section-bg-type */
.section-bg01 {
    padding: 80px 0;
    background-color: #F2F8FF;
}

.section-bg02 {
    background-color: #f9f9f9;
}

/*======== main contents area ==================================================*/

.main-visual {
    position: relative;
    width: 100%;
    min-height: 600px;
    background: url(/images/main/bg_main_visual.webp) 50% 0 no-repeat;
    background-size: cover;
}

.main-visual:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 150px;
    background: url('/images/main/bg_main_dimmed.png') 0 0 repeat-x;
    z-index: 1;
}
.tp-doorway-top:after,
.tp-doorway-top.purple:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 100px;
    background: url('/images/main/bg_main_dimmed.png') 0 0 repeat-x;
    z-index: 1;
}
.main-visual .inner {
    width: 1200px;
    position: relative;
    padding: 106px 0 0;
}

.visual-box {
    position: absolute;
    top: 103px;
    right: -150px;
    width: 776px;
    height: 535px;
}

.main-visual .text-box {
    padding-top: 82px;
    color: #043F7B;
}

.text-box h1 {
    width: 500px;
    display: inline-block;
    font-size: 39px;
    line-height: 1.2;
    font-weight: 700;
}

.text-box h2 {
    margin-top: 24px;
    font-size: 28px;
    line-height: 38px;
    font-weight: 500;
}

.main-visual .btn-box {
    display: flex;
    position: relative;
    margin-top: 32px;
    z-index: 2;
}

.main-visual .btn-box .button {
    min-width: 114px;
}

.main-visual .btn-box .button + .button {
    margin-left: 10px;
}

.main-visual .btn-box .btn-free-trial {
    width: 118px;
}

.main-visual .btn-box .btn-book-demo {
    width: 138px;
}

.main-visual .btn-box .btn-free-trial:hover {
    border-color: #00c6ff;
    background-color: #00c6ff;
}

.main-visual .forbes-link {
    display: inline-flex;
    align-items: center;
    margin-top: 32px;
}

.main-visual .forbes-link span {
    padding: 6px 0 6px 16px;
    margin-left: 16px;
    font-size: 14px;
    color: var(--tit-color);
    border-left: 1px solid #BAD8E4;
    text-align: left;
    letter-spacing: -.02em;
    background: url('/images/main/img_arrow_right.svg') 68px 36px no-repeat;
}

.visual-box .swiper-container {
    overflow: visible;
}

.visual-box .swiper-slide {
    position: relative;

}

.visual-box .swiper-slide img {
    width: 100%;
    height: auto;
}

.floating-text {
    display: inline-block;
    position: absolute;
    padding: 9px 16px 9px 36px;
    font-size: 14px;
    color: #fff;
    background: #55bcfe url(/images/main/ico_floating_text.webp) 16px 12px no-repeat;
    opacity: .6;
    border-radius: 6px;
    font-style: italic;
    transition: opacity .3s;
    box-shadow: 0px 6px 12px #00000029;
}

.floating-text:hover {
    opacity: 1;
}

.floating-text:after {
    content: "";
    position: absolute;
    bottom: -14px;
    width: 10px;
    height: 14px;
    transition: background .3s;
}

.order01 {
    top: 200px;
    left: 198px;
}

.order01:after {
    left: 18px;
}

.order02 {
    top: 75px;
    left: 230px;
}

.order02:after {
    left: 18px;
}

.order03 {
    top: 114px;
    left: -90px;
}

.order03:after {
    right: 18px;
}

.order04 {
    top: 207px;
    left: 215px;
}

.order04:after {
    left: 18px;
}

.order05 {
    top: 323px;
    left: 203px;
}

.order05:after {
    left: 18px;
}

.right-tail:after {
    background: url(/images/main/tail_floating_text_right.webp) 0 0 no-repeat;
}

.right-tail:hover:after {
    background: url(/images/main/tail_floating_text_right_hover.webp) 0 0 no-repeat;
}

.left-tail:after {
    background: url(/images/main/tail_floating_text_left.webp) 0 0 no-repeat;
}

.left-tail:hover:after {
    background: url(/images/main/tail_floating_text_left_hover.webp) 0 0 no-repeat;
}

.main-roll .logoroll {
    margin-top: 0px;
    border-bottom: 0;
    background: #fff;
}

.main-roll .rollin ul li {
    padding: 0 13px;
}
.logoroll .simply-scroll .simply-scroll-list li img{
    width: 113px;
    height: 100%;
    -webkit-transform:translate3d(0,0,0);
}
/* logoroll */
.main-roll {
    margin-top: 60px;
    margin-bottom: 123px;
}

.logoroll {
    width: 100%;
    margin-bottom: 0;
}

.logoroll .roll_left {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 104px;
    background: url(/images/common/roll_left.png) no-repeat left center;
}

.logoroll .roll_right {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 15px;
    height: 104px;
    background: url(/images/common/roll_right.png) no-repeat right center;
}

.logoroll .inner {
    width: 100%;
    position: relative;
}

.rollin {
    overflow: hidden;
    width: 100%;
}

.rollin ul {
    display: table;
    overflow: hidden;
    position: relative;
    height: 62px;
}
/* logo-group */
.logo-group {
    text-align: center;
}

.logo-group img,
.logo-group object {
    width: 113px;
    height: 70px;
    margin: 0px 15px ;
}

.hover-card {
    width: 892px;
    display: flex;
    align-items: center;
    position: relative;
    margin: 80px auto 0;
}

.hover-card li {
    position: relative;
    width: 430px;
    height: 300px;
    background: #f7f9fc;
    border-radius: 12px;
    box-shadow: 0 15px 30px 0 rgb(0 0 0 / 20%);
}

.hover-card li + li {
    margin-left: 32px;
}

.hover-card li button {
    display: block;
    border-radius:12px 12px 0px 0px;
}
.hover-card li button img{
    width: 100%;
}
.hover-card p {
    padding: 18px 0;
    font-size: 16px;
    text-align: center;
    color: #054A8F;
    background-color: #fff;
    border-radius: 0 0 12px 12px;
    font-weight: 500;
}

.hover-card + .btn-box {
    margin-top: 80px;
    text-align: center;
}
.intro.text{
    padding: 0 30px;
    font-size: 18px;
    font-weight: 400;
}
.button.whybtn{
    padding: 0px 30px;
    font-size: 16px;
}
.get-measurable-results {
    height: 290px;
    background-color: #F2F8FF;
    padding: 50px 0;
}

.get-measurable-results .jumbotron {
    justify-content: flex-start;
}

.get-measurable-results .jumbotron-list {
    position: relative;
    margin-top: 0;
    padding: 0 69px;
}

.get-measurable-results .jumbotron .text-group {
    width: 484px;
}

.get-measurable-results .jumbotron .text-group .title {
    margin-bottom: 15px;
    color: #054A8F;
}

.get-measurable-results .jumbotron-list .jumbotron-rate {
    position: absolute;
    margin-top: 44px;
}

.get-measurable-results .jumbotron-list .jumbotron-rate ul {
    display: flex;
    justify-content: space-between;
    gap: 34px;
}

.get-measurable-results .jumbotron-list .jumbotron-rate li {
    width: 240px;
    height: 152px;
    padding: 24px 25px 24px 34px;
    border-radius: 16px 16px 2px 16px;
    color: #fff;
    font-weight: 400;
}

.get-measurable-results .jumbotron-list .jumbotron-rate li:nth-child(1) {
    background: linear-gradient(360deg, #0E7EE1, #1FBDEB);
}

.get-measurable-results .jumbotron-list .jumbotron-rate li:nth-child(2) {
    background: linear-gradient(360deg, #1450DB, #1A92EE);
}

.get-measurable-results .jumbotron-list .jumbotron-rate li:nth-child(3) {
    background: linear-gradient(360deg, #4130A1, #6660CC);
}

.get-measurable-results .jumbotron-list .jumbotron-rate li:nth-child(4) {
    background: linear-gradient(360deg, #0F4788, #186ABC);
}

.get-measurable-results .jumbotron-list .jumbotron-rate li strong {
    display: block;
    font-size: 40px;
    font-weight: 600;
    line-height: 57px;
}

.get-measurable-results .jumbotron-list .jumbotron-rate li span {
    font-size: 40px;
}

.jumbotron-list .btn-console {
    margin-top: 20px;
    display: flex;
    justify-content: flex-start;
}

.jumbotron-list .btn-console li + li {
    margin-left: 16px;
}
.section .inner-13.wk .wkbh .btn-console .button.color-type10{
    color: #2DD0FF;
    border-color: #2DD0FF;
}
.section .inner-13.wk .wkbh .btn-console .button.color-type10:hover{
    color: #fff;
    border-color: #0188ef;
}
.jumbotron-list img {
    transition: opacity .3s;
    opacity: 0;
}

.jumbotron-list img.ani {
    opacity: 1;
}

.jumbotron-list .web-img {
    margin-right: 70px;
}

.jumbotron-list .reverse .web-img {
    margin: 0 0 0 70px;
}

.get-measurable-results .jumbotron-list .web-img {
    position: absolute;
    right: 0;
    top: -110px;
    margin-right: 37px;
    width: 504px;
}
.svc .text.medium{
    padding: 0 30px;
    font-size: 18px;
    font-weight: 400;
}
.service-list {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    margin-top: 50px;
}

.service-list li {
    width: 174px;
    margin-right: 31px;
    background: #fff;
    border-radius: 10px;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
}

.service-list li:hover {
    box-shadow: 0 15px 30px 0 rgb(41 73 99 / 14%);
}

.service-list li:last-child {
    margin-right: 0;
}

.service-list li > a {
    display: block;
    position: relative;
    line-height: 18px;
    padding: 115px 0 33px;
    font-weight: 500;
    text-align: center;
    color: #75818D;
}

.service-list li > a:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 100px;
    background-position: center;
    background-repeat: no-repeat;
}

.service-list .item01 > a:before {
    background-image: url('/images/main/sv1.svg');
}

.service-list .item02 > a:before {
    background-image: url('/images/main/sv2.svg');
}

.service-list .item03 > a:before {
    background-image: url('/images/main/sv3.svg');
}

.service-list .item04 > a:before {
    background-image: url('/images/main/sv4.svg');
}

.service-list .item05 > a:before {
    background-image: url('/images/main/sv5.svg');
}

.service-list .item06 > a:before {
    background-image: url('/images/main/sv6.svg');
}

#wrap .news-group {
    position: relative;
    margin-top: 226px;
    text-align: center;
}

.news-group .news-list-wrapper {
    display: flex;
    justify-content: center;
    align-items: stretch;
    padding: 44px 10px 10px;
}

.news-group .news-list-item {
    width: 528px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 57px 47px 50px;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0px 10px 20px #00000029;
}

.news-group .news-list-item + .news-list-item {
    margin-left: 30px;
}

.news-group .news-list-item p {
    position: relative;
    margin-bottom: 30px;
    padding-top: 102px;
    line-height: 24px;
    font-weight: 400;
}

.news-group .news-list-item p:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 300px;
    max-height: 60px;
    height: 100%;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-size: auto;
    transform: translateX(-50%);
    background-size: contain;
}

.news-group .news-list-item.item01 p:before {
    background-image: url('/images/main/forbes_ico.png');
}

.news-group .news-list-item.item02 p:before {
    background-image: url('/images/main/FEMA_logo.png');
}

.news-group .news-list-item.item02 p span + span {
    display: block;
    margin-top: 10px;
}

.news-group .news-list-item strong {
    display: block;
    font-size: 12px;
    font-weight: 400;
}

.news-group .news-list-item strong.hide {
    display: block;
    width: 54px;
    height: 14px;
    margin: 6px auto 30px;
    text-align: center;
}

.news-group .news-list-item.item01 strong.hide {
    background: url('/images/main/Forbes_logo.png')no-repeat center;
    background-size: contain;
}

.news-group .news-list-item.item02 strong.hide {
    background: url('/images/main/cnn_logo.png')no-repeat center;
    background-size: contain;
}

.news-group .btn-console {
    width: 100%;
}
.news-group .btn-console .button{
    padding: 0 20px;
}
.news-group .swiper-console {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 66px;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.logotree {
    display: inline-block;
    margin-top: 50px;
}

.logotree li {
    display: inline-block;
    margin: 0px 45px;
    vertical-align: bottom;
}

.customer-list-container {
    margin-top: 46px;
}

.customer-group {
    position: relative;
    text-align: center;
}

.customer-group .customer-tab {
    display: flex;
}

.customer-group .customer-tab li {
    width: 208px;
    height: 48px;
    padding: 0 35px;
    background-color: #F2F2F2;
    border-radius: 20px 20px 0 0;
    background-size: 136px 44px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    z-index: -1;
    -webkit-transition: all 100ms ease;
    transition: all 100ms ease;
    -webkit-transform:translate3d(0,0,0);
}

.customer-group .customer-tab li + li {
    margin-left: -15px;
}

.customer-group .customer-tab li.on {
    display: block;
    background-color: #fff;
    z-index: 4 !important;
}

.customer-group .customer-tab li:nth-child(1) {
    background-image: url('/images/main/logo_customer_list01_off.png');
    z-index: 3;
    box-shadow: -3px -8px 11px 0px rgb(41 73 99 / 10%);
}

.customer-group .customer-tab li.on:nth-child(1) {
    background-image: url('/images/main/logo_customer_list01_on.png');
    z-index: 3;
}

.customer-group .customer-tab li:nth-child(2) {
    background-image: url('/images/main/logo_customer_list02_off.png');
    z-index: 2;
    box-shadow: 9px -7px 11px 0px rgb(41 73 99 / 10%);
}

.customer-group .customer-tab li.on:nth-child(2) {
    background-image: url('/images/main/logo_customer_list02_on.png');
    z-index: 2;
}

.customer-group .customer-tab li:nth-child(3) {
    background-image: url('/images/main/logo_customer_list03_off.png');
    z-index: 1;
    box-shadow: 9px -7px 11px 0px rgb(41 73 99 / 10%);
}

.customer-group .customer-tab li.on:nth-child(3) {
    background-image: url('/images/main/logo_customer_list03_on.png');
    z-index: 1;
}

.customer-group .customer-list-item {
    display: none;
    width: 100%;
    height: 312px;
    padding: 50px 121px 50px 50px;
    border-radius: 0 20px 20px 20px;
    text-align: center;
    box-shadow: -4px 7px 20px 0px rgb(41 73 99 / 18%);
    -webkit-transition: all 100ms ease;
    transition: all 100ms ease;
}

.customer-group .customer-list-item.on {
    display: block;
}

.customer-group .customer-list-item .txtWrap {
    text-align: left;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 236px 76px;
}

.customer-group .customer-list-item.item01 .txtWrap {
    background-image: url(/images/main/logo_customer_list01.png);
}

.customer-group .customer-list-item.item02 .txtWrap {
    background-image: url(/images/main/logo_customer_list02.png);
}

.customer-group .customer-list-item.item03 .txtWrap {
    background-image: url(/images/main/logo_customer_list03.png);
}

.customer-group .customer-list-item .txtWrap p {
    max-width: 656px;
    line-height: 1.7;
    font-weight: 400;
}
.customer-group .customer-list-item .txtWrap p strong{
    font-weight: 600;
}
.customer-group .customer-list-item p {
    display: block;
    margin-bottom: 20px;
}
.customer-group .customer-list-item .txtWrap p strong{
    font-weight: 600;
}
.customer-group .btn-console {
    margin-top: 12px;
}

.customer-group .swiper-console {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 66px;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.get-started-easily {}

.get-started-easily .jumbotron-list {
    margin-top: 0;
}

.get-started-easily .jumbotron {
    position: relative;
    justify-content: space-around;
}
.get-started-easily .jumbotron .text-group {
    max-width: 100%;
}

.get-started-easily .jumbotron .text-group .desc {
    margin-bottom: 44px;
    padding: 0 30px;
}

.get-started-easily .bg-img {
    position: absolute;
    top: 50%;
    left: -900px;
    transform: translateY(-50%);
    opacity: 1;
}

.get-started-easily .web-img {
    margin: 0 150px 0 90px;
}

.inner-13.wk {
    padding-top: 467px;
    background: url('/images/main/svg_features_list00.png')no-repeat;
    background-size: contain;
    background-position: 11px 0;
}
.inner-13.wk + .inner {
    margin-top: 160px;
}
.bgb{
    position: relative;
    padding-bottom: 80px;
}
.bgb::before{
    width: 100%;
    height: 404px;
    position: absolute;
    bottom: 0;
    background-color: #F2F8FF;
    content: '';
    z-index: -1
}
.section .inner-13.wk .wkbh {
    padding: 80px 130px;
    background: linear-gradient(360deg, #033C7E, #0756A4) !important;
    border-radius: 20px;
    color: #fff;
    box-shadow: 0 15px 30px 0 rgb(41 73 99 / 40%) !important;
}

.wkbh h2 {
    margin-bottom: 22px;
    line-height: 1.3;
    font-size: 40px;
    text-align: center;
    font-weight: 700;
}
.section-bg01.bg {
    position: relative;
    padding-bottom: 159px;
}
.section.mt4{
    margin-top: 44px;
}
.section-bg01.bg .jumbotron .text-group .title {
    line-height: 1.3;
}
.wkbh .jumbotron .text-group .title {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
}

.wkbh .jumbotron .text-group .desc {
    font-size: 16px;
}

.wkbh .jumbotron-list {
    margin-top: 50px;
}

.wkbh .jumbotron + .jumbotron {
    margin-top: 56px;
}

.wkbh .jumbotron-list .reverse .web-img {
    margin: 0;
}
.wkbh .jumbotron-list .reverse .web-img.pcfix{
    width: 412px;
}
.mio h2 {
    margin-bottom: 22px;
}

.mio .btn-box {
    margin: 44px 0;
}
.mio .text.medium{
    padding: 0 30px;
    font-size: 18px;
    font-weight: 400;
}
.mio .btn-box a + a {
    margin-left: 10px;
}

.mio .integrationImgs ul {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.mio .integrationImgs .integration {
    padding: 30px;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid #E0E0E0;
    border-radius: 20px;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
}

.mio .integrationImgs .integration + .integration {
    margin-left: 20px;
}

.mio .integrationImgs .top {
    width: 2310px;
    margin: 0 auto 0 -10%;
    transition: .3s ease;
}

.mio .integrationImgs .btm {
    width: 2137px;
    margin: 20px auto 0;
    transition: .3s ease;
}

.mio .integrationImgs .integration i {
    width: 200px;
    height: 60px;
    display: block;
    margin: 0 auto 2px;
}

.mio .integrationImgs .top li:nth-child(1) i {
    background: url('/images/main/option1.svg')no-repeat center;
}

.mio .integrationImgs .top li:nth-child(2) i {
    background: url('/images/main/option2.svg')no-repeat center;
}

.mio .integrationImgs .top li:nth-child(3) i {
    background: url('/images/main/option3.svg')no-repeat center;
}

.mio .integrationImgs .top li:nth-child(4) i {
    background: url('/images/main/option4.svg')no-repeat center;
}

.mio .integrationImgs .top li:nth-child(5) i {
    background: url('/images/main/option5.svg')no-repeat center;
}

.mio .integrationImgs .top li:nth-child(6) i {
    background: url('/images/main/option1.svg')no-repeat center;
}

.mio .integrationImgs .btm li:nth-child(1) i {
    background: url('/images/main/option9.svg')no-repeat center;
}

.mio .integrationImgs .btm li:nth-child(2) i {
    background: url('/images/main/option8.svg')no-repeat center;
}

.mio .integrationImgs .btm li:nth-child(3) i {
    background: url('/images/main/option7.svg')no-repeat center;
}

.mio .integrationImgs .btm li:nth-child(4) i {
    background: url('/images/main/option6.svg')no-repeat center;
}
.mio .integrationImgs .integration dl{
    color: #3C4147;
}
.mio .integrationImgs .integration dt {
    font-weight: 600;
    margin-bottom: 5px; 
}

.mio .integrationImgs .integration dd {
    font-size: 12px;
}

.download-handout {
    position: relative;
    padding: 80px 0;
    background: linear-gradient(360deg, #0390E2, #01BAEF);
}
.download-handout + .section.txtMrkt{
    margin-top: 80px;
}
.download-handout .hoImg {
    width: 480px;
    position: absolute;
    right: 50%;
    top: 35px;
    margin-right: 250px;
}

.download-handout .section-title-type02 {
    margin-bottom: 40px;
    color: #fff;
    text-align: right;
    line-height: 1.3;
}

.handout-box {
    display: flex;
    justify-content: flex-end;
}

.handout-box .img-box {
    margin-right: 100px;
}

.handout-box .form-box {
    width: 750px;
}

.handout-box .form-box .hbspt-form {
    margin-bottom: 0;
}

.handout-box .form-box .hbspt-form label {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}
.handout-box .form-box .hbspt-form .input input{
    height: 54px;
}
.handout-box .form-columns-2 + .form-columns-2{
    margin-top: 12px;
}
.handout-box .hs-error-msgs label{
    color: #FFD07C!important;
    font-size: 14px!important;
    font-weight: 400!important;
}
.handout-box .hs-submit{
    text-align: right;
}
.handout-box .actions{
    margin-top: 32px;
}
.handout-box .actions .hs-button:hover{
    background-color: #ffaa16 ;
}
.contact_banner .actions .hs-button {
    background: #01BAEF;
}

.contact_banner .actions .hs-button:hover {
    background: #00C6FF;
}

.card-list {
    padding: 0px 30px;
    text-align: center;
}
.card-list p{
    font-size: 18px;
    font-weight: 400;
}
.card-list h2 {
    margin-bottom: 12px;
}

.card-list .btn-console {
    margin-top: 44px;
}

.card-list .btn-console a + a {
    margin-left: 5px;
}
.marketing-list {
    overflow: hidden;
    position: relative;
    margin: 44px -16px 0;
}

.marketing-list:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background: transparent linear-gradient(180deg, #ffffff00 0, #fff 100%) 0 0 no-repeat;
}

.marketing-list > li {
    float: left;
    width: 16.6666%;
    padding: 0 16px;
    text-align: center;
}

.marketing-list li > a {
    display: block;
    position: relative;
    height: 150px;
    padding-top: 93px;
    color: var(--tit-color);
    font-size: 16px;
    line-height: 20px;
    background: #fff;
    border-radius: 5px;
    opacity: .9;
}

.marketing-list li > a:before {
    content: "";
    position: absolute;
    top: 23px;
    left: 50%;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    transform: translateX(-50%);
}

.marketing-list .item01 > a:before {
    background-image: url(/images/main/ico1.png);
}

.marketing-list .item02 > a:before {
    background-image: url(/images/main/ico2.png);
}

.marketing-list .item03 > a:before {
    background-image: url(/images/main/ico3.png);
}

.marketing-list .item04 > a:before {
    background-image: url(/images/main/ico4.png);
}

.marketing-list .item05 > a:before {
    background-image: url(/images/main/ico5.png);
}

.marketing-list .item06 > a:before {
    background-image: url(/images/main/ico6.png);
}

.marketing-list .item07 > a:before {
    background-image: url(/images/main/ico7.png);
}

.marketing-list .item08 > a:before {
    background-image: url(/images/main/ico8.png);
}

.marketing-list .item09 > a:before {
    background-image: url(/images/main/ico9.png);
}

.marketing-list .item10 > a:before {
    background-image: url(/images/main/ico10.png);
}

.marketing-list .item11 > a:before {
    background-image: url(/images/main/ico11.png);
}

.marketing-list .item12 > a:before {
    background-image: url(/images/main/ico12.png);
}

.marketing-list .item13 > a:before {
    background-image: url(/images/main/ico1.png);
}

.marketing-list .item14 > a:before {
    background-image: url(/images/main/ico1.png);
}

.marketing-list .item15 > a:before {
    background-image: url(/images/main/ico1.png);
}

.marketing-list .item16 > a:before {
    background-image: url(/images/main/ico1.png);
}

.marketing-list .item17 > a:before {
    background-image: url(/images/main/ico1.png);
}

.marketing-list .item18 > a:before {
    background-image: url(/images/main/ico1.png);
}

.marketing-list + .tp-btn-console {
    margin-top: 20px;
}

.see-all-use-cases {
    position: relative;
    margin-top: 20px;
    text-align: center;
}

.see-all-use-cases > a {
    display: inline-block;
    position: relative;
    height: 58px;
    padding-top: 50px;
    color: var(--em-color);
    font-weight: 500;
}

.see-all-use-cases > a i {
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 auto 14px;
    background: url('/images/main/ico_more.svg');
}

.see-all-use-cases span {
    display: block;
    width: 15px;
    height: 15px;
    margin: -3px 0;
    border-right: 5px solid var(--em-color);
    border-bottom: 5px solid var(--em-color);
    transform: rotate(45deg);
}

/*======== main contents area end ==================================================*/


/*======== sub pages ==================================================*/
.sub{
    margin-top: 120px;
}
.sub.more{
    margin-top: 0;
}
.sub .txt_link{
    color: #0188EF;
}
.sub .midw{
    font-weight: 500;
}
.sub .bold{
    font-weight: 600;
}
.sub .subTxt{
    text-align: center;
    padding: 0px 30px 0;
    line-height: 1.7;
}
.sub .subScript,
.sub .page_Decsub{
    text-align: center;
    margin-top: 15px;
    padding: 0px 30px 0;
    line-height: 1.7;
}
.tp-door-logo{
    border-bottom: 0 !important;
}
.tp-door-logo .content_box{
    height: 70px;
}
.tp-door-logo .content_box img{
    height: 70px;
}
.tp-door-logo object{
    width: 113px;
    height: 70px;
    display: inline-block;
    margin: 0 15px;
}
.tp-door-logo object body{
    overflow: hidden;
}
.tp-doorway-top {
    width: 100%;
    position: relative;
    margin-top: 36px;
    background: url('/images/common/subTop.svg')center no-repeat;
    background-size: cover;
    background-position: center 0;
}

.tp-doorway-top.purple{
    background: url('/images/common/subTop_purple.webp')center no-repeat;
    background-position: center 1px;
    background-size: cover;
}

/*.tp-doorway-top::after {
    content: "";
    position: absolute;
    bottom: -146px;
    left: 0;
    width: 100%;
    height: 267px;
    background: url(/images/main/bg_main_dimmed.svg) 0 0 repeat-x;
    z-index: 1;
}*/
.tp-doorway-top .content_box {
    display: flex;
    /*min-height: 332px;*/
    padding-top: 142px;
    padding-left: 100px;
}
.tp-doorway-top .content_box .txtBox{
    padding-bottom: 80px;
    z-index: 2;
}
.tp-doorway-top .content_box .txtBox .location {
    margin-bottom: 10px;
}

.tp-doorway-top .content_box .txtBox .location ul {
    display: flex;
}

.tp-doorway-top .content_box .txtBox .location li {
    font-size: 14px;
    font-weight: 500;
    color: #3C4147;
}
.tp-doorway-top .txtBox h1{
    line-height: 1.2;
}
.tp-doorway-top .content_box .txtBox h2{
    color: #3C4147;
}
.tp-doorway-top .content_box .txtBox .location li:nth-child(1),
.tp-doorway-top .content_box .txtBox .location li:nth-child(2){
    padding-right: 28px;
    background: url('/images/common/location_arr.svg')no-repeat 88% center;
}
.tp-doorway-top .content_box .txtBox .location li:last-child{
    background: none;
    padding-right: 0;
}

.tp-doorway-top .txtBox .btn-box a + a{
    margin-left: 10px;
}
/*유튜브팝업*/
.tp-doorway-top .content_box .iframePop {
    margin-left: auto;
    margin-right: 100px;
    padding-top: 16px;
}
.tp-doorway-top .iframePop a img{
    width: 342px;
    height: 192px;
    border-radius: 12px;
    box-shadow: 0px -1px 30px 0 rgb(41 73 99 / 40%);
}
.iframeBox-web {
    display: none;
}

.sub .tp-door-title-sub{
    font-size: 16px;
}
.sub .tp-door-title-sub + .accordion_text{
    margin-top: 40px;
}
.sub .tp-door-cont .tp-side-txt.topCopy {
    margin-top: 0;
    text-align: center;
}

.sub .content_box .tp-side-txt {
    margin-top: 40px;
    text-align: left;
}

.sub .smsMk.tp-door-cont {
    padding-bottom: 285px !important;
}
.sub .survey.tp-door-cont {
    padding-bottom: 375px !important;
}
.sub .smsMk.tp-door-cont .tp-door-side{
    justify-content: space-between;
}
.sub .smsMk.tp-door-cont .tp-door-side + .tp-door-side,
.sub .survey.tp-door-cont .tp-door-side + .tp-door-side{
    margin-top: 60px;
}
.sub .survey.tp-door-cont .tp-door-side {
    column-gap: 8%;
    padding-left: 85px;
}
.sub .survey.tp-door-cont .tp-door-side.top{
    /*align-items: flex-start;*/
}
.sub .smsMk .tp-door-title.tp-type02 {
    margin-bottom: 20px;
}

.sub .smsMk .tp-door-title.tp-type03 {
    padding-top: 60px;
}
.sub .survey .tp-door-title.tp-type03 {
    padding-top: 0px;
}
.sub .smsMk .tp-side-txt{
    width: 640px;
    margin-top: 0;
}
.sub .smsMk.tp-door-cont .tp-side-img.double{
    width: 294px;
}
.sub .smsMk.tp-door-cont .tp-side-img .wtd{
    width: 469px;
}
.sub .smsMk.tp-door-cont .tp-side-img.double img{
    width: 100%;
}
.sub .smsMk .tp-side-img.imgSms{
    margin-left: 124px;
}
.sub .survey .tp-side-img.imgSms img{
    width: 350px;
}
.tp-door-cont.tp-bg-type02.survey .tp-door-cont [class*=tp-side-img]:nth-child(2n) {
    margin-right: 0;
}
.tp-door-cont [class*=tp-side-img]:nth-child(2n) {
    margin-right: 38px;
}

.tp-door-cont [class*=tp-side-img]:nth-child(2n-1) {
    margin-left: 38px;
}

.sub .tp-door-title.tp-type03 {
    color: var(--tit-color);
}
.sub .tp-door-title+.subScript+.tp-door-title.tp-type03{
    font-weight: 600;
    margin-top: 40px;
}
.sub .tp-door-title.tp-type03.ico1 {
    background: url('/images/icon/icoSub01.svg')no-repeat 0 0px;
    background-size: 44px;
}

.sub .tp-door-title.tp-type03.ico2 {
    background: url('/images/icon/icoSub02.svg')no-repeat 0 0px;
    background-size: 44px;
}

.sub .tp-door-title.tp-type03.ico3 {
    background: url('/images/icon/icoSub03.svg')no-repeat 0 0px;
    background-size: 44px;
}

.sub .tp-door-title.tp-type03.ico4 {
    background: url('/images/icon/icoSub04.svg')no-repeat 0 0px;
    background-size: 44px;
}
.sub .smsMk + .howto .content_box{
    position: -webkit-sticky;
    margin-top: -305px;
}
.sub .howto .content_box {
    max-width: 1180px;
    position: -webkit-sticky;
    margin-top: -444px;
    padding: 44px 22px 22px;
    box-shadow: 0 15px 30px 0 rgb(41 73 99 / 20%) !important;
    border-radius: 10px;
    background-color: #fff;
}
.sub .howto .content_box .tp-door-title.tp-type02{
    margin-bottom: 22px;
}
.sub .howto .content_box .tab {
    display: block;
}

.sub .howto .content_box .tab .tabTit {
    margin-top: 33px;
}
.sub .howto .tp-door-title-sub{
    padding: 0 63px;
}
.sub .howto .content_box .tab .tabTit ul {
    max-width: 888px;
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: space-between;
}
.sub .howto .content_box .tab .tabTit.even ul {
    max-width: 1024px;
}
.sub .howto .content_box .tab .tabTit ul li {
    position: relative;
    flex: 1;
    cursor: pointer;

}
.sub .howto .content_box .tab .tabTit ul li i {
    width: 38px;
    height: 38px;
    display: block;
    position: relative;
    margin: 0 auto 10px;
    background-color: #fff;
    border: 2px solid #BAC0C6;
    border-radius: 50%;
    color: #BAC0C6;
    font-weight: 600;
    z-index: 1;
}
.sub .howto .content_box .tab .tabTit ul li:nth-child(2)::after,
.sub .howto .content_box .tab .tabTit ul li:nth-child(3)::after{
    display: inline-block;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 16%;
    left: 50%;
    transform: translate(-100%, 50%);
    background-color: #BAC0C6;
    content: '';
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.sub .howto .content_box .tab .tabTit.even ul li:nth-child(2)::after,
.sub .howto .content_box .tab .tabTit.even ul li:nth-child(3)::after,
.sub .howto .content_box .tab .tabTit.even ul li:nth-child(4)::after{
    display: inline-block;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 13%;
    left: 50%;
    transform: translate(-100%, 50%);
    background-color: #BAC0C6;
    content: '';
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.sub .howto .content_box .tab .tabTit ul li.on:nth-child(2)::after,
.sub .howto .content_box .tab .tabTit ul li.on:nth-child(3)::after,
.sub .howto .content_box .tab .tabTit ul li.on:nth-child(4)::after{
    background-color: #04C9D2;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.sub .howto .content_box .tab .tabTit ul li i::after {
    position: absolute;
}
.sub .howto .content_box .tab .tabTit ul li.on i::after {
    width: 18px;
    height: 14px;
    background: url('/images/common/icoCheck_white.svg');
}
.sub .howto .content_box .tab .tabTit ul li:nth-child(1) i::after {
    content: '1';
    left: 41%;
    top: 4px;
}

.sub .howto .content_box .tab .tabTit ul li:nth-child(2) i::after {
    content: '2';
    left: 36%;
    top: 5px;
}

.sub .howto .content_box .tab .tabTit ul li:nth-child(3) i::after {
    content: '3';
    left: 36%;
    top: 5px;
}
.sub .howto .content_box .tab .tabTit ul li:nth-child(4) i::after {
    content: '4';
    left: 36%;
    top: 5px;
}
.sub .howto .content_box .tab .tabTit ul li.on:nth-child(1) i::after,
.sub .howto .content_box .tab .tabTit ul li.on:nth-child(2) i::after,
.sub .howto .content_box .tab .tabTit ul li.on:nth-child(3) i::after,
.sub .howto .content_box .tab .tabTit ul li.on:nth-child(4) i::after{
    content: '';
    left: 25%;
    top: 10px;
}
.sub .howto .content_box .tab .tabTit ul li div {
    position: relative;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    opacity: .4;
}

.sub .howto .content_box .tab .tabTit ul li p {
    text-align: center;
    color: #04C9D2;
    display: none;
    font-weight: 400;
}

.sub .howto .content_box .tab .tabTit ul li.on i {
    background-color: #04C9D2;
    border: 2px solid #04C9D2;
    color: #fff;
}

.sub .howto .content_box .tab .tabTit ul li.on div {
    color: #054A8F;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 1;
}

.sub .howto .content_box .tab .tabTit ul li.on p.active {
    display: block;
}

.sub .howto .content_box .tab .tabCont {
    /*min-height: 455px;*/
    height: auto;
    margin-top: 13px;
    padding: 40px 74px;
    background-color: #054A8F;
    color: #fff;
    border-radius: 10px;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.sub .howto .content_box .tab .tabCont .contBox.on {
    display: block;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.sub .howto .content_box .tab .tabCont .contBox {
    display: none;
}
.sub .howto .content_box .tab .tabCont li h3 {
    margin-bottom: 20px;
    color: #fff;
    font-size: 22px;
    padding-left: 35px;
    background: url(/images/icon/check_round.svg)no-repeat 0;
    font-weight: 600;
}

.sub .howto .content_box .tab .tabCont li a {
    color: #fff;
    text-decoration: underline;
}

.sub .howto .content_box .tab .tabCont li .tp-door-list-bullet li {
    margin-top: 10px;
    padding-left: 10px;
    font-weight: 400;
    font-size: 14px;
}

.sub .howto .content_box .tab .tabCont li .tp-door-list-bullet li:before {
    width: 3px;
    height: 3px;
    background-color: #fff;
}

.sub .howto .videoWrap {
    width: 600px;
    height: auto;
    margin: 80px auto 0;
}

.sub .howto .videoWrap a img {
    width: 100%;
    height: 100%;
}
.sub .overview{
    margin-top: 30px;
}
.sub .overview .tp-door-title.tp-type03 {}
.sub .overview .tp-door-title-sub{
    padding: 0 30px;
}
.sub .overview .tp-door-list-type02 {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    padding: 0 30px;
}

.sub .overview .tp-door-list-type02 li {
    width: 33.333%;
    height: auto;
    float: none !important;
    padding: 30px 37px;
    border-radius: 16px;
    box-shadow: 0 15px 30px 0 rgb(41 73 99 / 20%) !important;
}

.sub .overview .tp-door-list-type02 li + li {
    margin-left: 30px;
}

.sub .overview .tp-door-list-type02 li h3 {
    padding-top: 72px;
    font-weight: 600;
    color: #054A8F;
    line-height: 1.3;
}

.sub .overview .tp-door-list-type02 li:nth-child(1) h3 {
    background: url('/images/icon/icoSub05.svg')no-repeat;
    background-size: 56px;
}

.sub .overview .tp-door-list-type02 li:nth-child(2) h3 {
    background: url('/images/icon/icoSub06.svg')no-repeat;
    background-size: 56px;
}

.sub .overview .tp-door-list-type02 li:nth-child(3) h3 {
    background: url('/images/icon/icoSub07.svg')no-repeat;
    background-size: 56px;
}
.sub .overview .tp-btn-box{
    margin-bottom: 0;
}
.sub .messtxt.tp-door-cont {
    padding: 88px 0 70px 0;
}
.sub .messtxt .content_box .tp-side-txt{
    margin-top: 0;
}
.sub .messtxt .content_box .doWrap.tp-side-txt {
    margin: 66px 0 0 0;
    padding: 0 90px;
}
.sub .messtxt .content_box [class*=tp-side-img]:nth-child(2n-1){
    margin: 0;
}
.sub .messtxt .content_box .tp-side-txt.doWrap img {
    width: 80%;
}
.sub .messtxt .content_box .doWrap.tp-side-txt .tp-side-txt{
    margin-top: 0;
}
.sub .messtxt .content_box .page_Decsub{
    margin-top: 60px;
}
.sub .content_box .tp-side-txt.doWrap {
    display: flex;
    margin-top: -20px;
    padding: 0 62px;
}

.sub .content_box .tp-side-txt.doWrap img{
    width: 76%;
}
.sub .content_box .doWrap.survey.tp-side-txt [class*=tp-side-img]:nth-child(2n-1){
    margin-left: 0;
}
.sub .content_box .doWrap.survey.tp-side-txt img{
    width: 100%;
}
.sub .landline .content_box .tp-side-txt.doWrap{
    margin-top: 20px;
}
.sub .content_box .tp-side-txt.doWrap.redminder {
    margin: 40px 0 0 46px;
    padding: 0 106px 0 0;
}
.sub .content_box .tp-side-txt.doWrap.redminder .tp-side-img img{
    width: 100%;
}
.sub .content_box .tp-side-txt.doWrap.redminder .tp-side-txt{
    margin-left: 109px;
}
.sub .doWrap.survey.tp-side-txt,
.sub .doWrap.tp-side-txt {
    margin: 58px 0 0 0px;
    /*margin: 58px 0 0 75px;*/
}

.sub .doWrap .tp-side-txt.odd{
    margin: 40px 0 0 75px;
}
.sub .doWrap.survey.tp-side-txt .tp-side-txt.odd{
    margin: 14px 75px 0 112px;
}
.sub .doWrap .tp-side-txt li {
    padding-left: 50px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 40px;
}
.sub .doWrap .tp-side-txt li + li {
    margin-top: 20px;
}
.sub .doWrap .tp-side-txt li:nth-child(1) {
    background-image: url('/images/icon/icoSub08.svg');
}
.sub .doWrap .tp-side-txt li:nth-child(2) {
    background-image: url('/images/icon/icoSub09.svg');
}
.sub .doWrap .tp-side-txt li:nth-child(3) {
    background-image: url('/images/icon/icoSub10.svg');
}
.sub .doWrap .tp-side-txt.odd li:nth-child(3) {
    background-image: url('/images/icon/icoSub07.svg');
}
.sub .doWrap .tp-side-txt li:nth-child(4) {
    background-image: url('/images/icon/icoSub11.svg');
}
.sub .doWrap .tp-side-txt li:nth-child(5) {
    background-image: url('/images/icon/icoSub10.svg');
}
.sub .doWrap .tp-side-txt li h3 {
    margin-bottom: 7px;
    font-size: 22px;
    color: var(--tit-color);
}

.sub .messtxt p.txt {
    margin-top: 50px;
    text-align: center;
}

.sub .getWrap {
    display: flex;
    margin-top: 40px;
}

.sub .getWrap .box {
    flex: 1;
}

.sub .getWrap .box + .box {
    margin-left: 110px;
}

.sub .getWrap .box h3 {
    padding: 76px 0 0 0;
    font-weight: 600;
    font-size: 28px;
}

.sub .getWrap .box:nth-child(1) h3 {
    background: url('/images/icon/icoSub12.svg')no-repeat;
}

.sub .getWrap .box:nth-child(2) h3 {
    background: url('/images/icon/icoSub13.svg')no-repeat;
}

.sub .getWrap .box li {
    width: 100%;
    margin-top: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #C8C8C8;
    cursor: pointer;
    transition: all .3s;
}

.sub .getWrap .box li:last-child {
    border: 0;
}

.sub .getWrap .box li h4 {
    padding: 0 0 0 36px;
    background: url('/images/icon/icoDown.svg')no-repeat 0;
    color: #536170;
    font-weight: 500;
}

.sub .getWrap .box li h4.on {
    background: url('/images/icon/icoUp.svg')no-repeat 0;
}

.sub .getWrap .box li p {
    display: none;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 16px 0 0 36px;
    transition: all .3s;
}

.sub .getWrap .box li h4.on ~ p {
    display: block;
}

.sub .subCont .subTxt {
    margin-top: 40px;
}

.sub .subCont .cardWrap {
    margin-top: 16px;
}

.sub .subCont .cardWrap ul li {
    min-height: 310px;
    padding: 30px 37px;
    border-radius: 16px;
}

.sub .subCont .cardWrap ul li .number {
    font-weight: 600;
    font-size: 22px;
}

.sub .subCont .cardWrap ul li .tp-door-desc {
    margin-top: 16px;
    color: #536170;
}

.sub .subCont .tp-door-side {
    margin: 0 30px;
}
.sub .subCont.tp-door-cont .tp-door-side.reverse{
    margin-top: 42px;
}
.sub .subCont.tp-door-cont .tp-door-side.reverse .tp-side-txt{
    margin-top: 0;
}
.sub .subCont.tp-door-cont [class*=tp-side-img]:nth-child(2n-1) {
    margin: 0px 56px 0 0;
}
.sub .subCont2.tp-door-cont [class*=tp-side-img]:nth-child(2n-1) {
    margin-top: 40px;
    margin-left: 92px;
    margin-right: 114px;
}
.sub .subCont.tp-door-cont [class*=tp-side-img]:nth-child(2n-1) img {
    width: 514px;
}

.sub .subCont .tp-side-txt {}

.sub .tit-type1 {
    font-size: 45px;
    text-align: center;
}
.sub .survey .tp-door-side{
    justify-content: space-between;
    padding: 40px 0 40px 85px;
}
.sub .survey .tp-door-side .tp-side-txt{
    max-width: 645px;
    width: 100%;
    margin-top: 0;
}
.sub .survey .tp-door-side .tp-side-img .resize{
    width: 385px;
}
.sub .collectTab{}
.sub .collectTab .common_tap{
    max-width: 826px;
}
.sub .collectTab .common_tapcon{
    margin-top: 60px;
}
.sub .collectTab .common_tapcon ul .element{
    display: none;
}
.sub .collectTab .common_tapcon li .icon_textlist .tp-desc-category{
    margin-bottom: 25px;
}
.sub .collectTab .common_tapcon li .icon_textlist ul li{
    width: 360px;
    height: auto;
    text-align: left;
    border: 0;
}
.sub .collectTab .common_tapcon li .icon_textlist ul li strong{
    background-size: 56px;
}
.sub .collectTab .common_tapcon li:nth-child(1) .icon_textlist ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub52.svg');
}
.sub .collectTab .common_tapcon li:nth-child(1) .icon_textlist ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub50.svg');
}
.sub .collectTab .common_tapcon li:nth-child(1) .icon_textlist ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub46.svg');
}
.sub .collectTab .common_tapcon li:nth-child(1) .icon_textlist ul li:nth-child(4) strong{
    background-image: url('/images/icon/icoSub41.svg');
}
.sub .collectTab .common_tapcon li:nth-child(1) .icon_textlist ul li:nth-child(5) strong{
    background-image: url('/images/icon/icoSub51.svg');
}
.sub .collectTab .common_tapcon li:nth-child(1) .icon_textlist ul li:nth-child(6) strong{
    background-image: url('/images/icon/icoSub43.svg');
}

.sub .collectTab .common_tapcon li:nth-child(2) .icon_textlist ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub07.svg');
}
.sub .collectTab .common_tapcon li:nth-child(2) .icon_textlist ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub61.svg');
}
.sub .collectTab .common_tapcon li:nth-child(2) .icon_textlist ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub60.svg');
}
.sub .collectTab .common_tapcon li:nth-child(2) .icon_textlist ul li:nth-child(4) strong{
    background-image: url('/images/icon/icoSub59.svg');
}
.sub .collectTab .common_tapcon li:nth-child(2) .icon_textlist ul li:nth-child(5) strong{
    background-image: url('/images/icon/icoSub58.svg');
}
.sub .collectTab .common_tapcon li:nth-child(2) .icon_textlist ul li:nth-child(6) strong{
    background-image: url('/images/icon/icoSub57.svg');
}

.sub .collectTab .common_tapcon li:nth-child(3) .icon_textlist ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub25.svg');
}
.sub .collectTab .common_tapcon li:nth-child(3) .icon_textlist ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub56.svg');
}
.sub .collectTab .common_tapcon li:nth-child(3) .icon_textlist ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub55.svg');
}
.sub .collectTab .common_tapcon li:nth-child(3) .icon_textlist ul li:nth-child(4) strong{
    background-image: url('/images/icon/icoSub54.svg');
}
.sub .collectTab .common_tapcon li:nth-child(3) .icon_textlist ul li:nth-child(5) strong{
    background-image: url('/images/icon/icoSub63.svg');
}
.sub .collectTab .common_tapcon li:nth-child(3) .icon_textlist ul li:nth-child(6) strong{
    background-image: url('/images/icon/icoSub53.svg');
}
.sub .collectTab .common_tapcon li:nth-child(3) .icon_textlist ul li:nth-child(7) strong{
    background-image: url('/images/icon/icoSub64.svg');
}

.sub .collectTab .common_tapcon li:nth-child(4) .icon_textlist ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub65.svg');
}
.sub .collectTab .common_tapcon li:nth-child(4) .icon_textlist ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub66.svg');
}
.sub .collectTab .common_tapcon li:nth-child(4) .icon_textlist ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub67.svg');
}
.sub .collectTab .common_tapcon li .tp-box-list{
    margin-top: 25px;
}
.sub .collectTab .common_tapcon li .icon_textlist ul li strong a{
    color: var(--tit-color);
}
.sub .collectTab .common_tapcon li .icon_textlist ul li strong a:hover{
    text-decoration: underline;
}
.sub .coreft{
    margin: 20px 0 40px;
}
.sub .coreft a + a{
    margin-left: 10px;
}
.sub .aimms .imgBox{
    display: flex;
    justify-content: space-evenly;
}
.sub .aimms .imgBox dt{
    margin-bottom: 40px;
    font-size: 22px;
    font-weight: 600;
    color: #054A8F;
    text-align: center;
}
.sub .aimms .imgBox dd img{
    width: 100%;
}
.sr-only-text {
    overflow: hidden;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap;
}

.text-align-center {
    text-align: center !important;
}

.text-align-left {
    text-align: left !important;
}

.text-align-right {
    text-align: right !important;
}


.sitemap_menu {
    padding-left: 320px;
}
.sitemap_menu::after{
    display: block;
    clear: both;
    content: '';
}
.address_box {
    float: left;
}
.address_box > strong {
    display: block;
    margin-bottom: 25px;
}

.address_box > ul > li {
    display: block;
    position: relative;
    margin-bottom: 15px;
    padding-left: 27px;
    color: #3c4147;
}

.address_box > ul > li > a {
    cursor: default;
}

.address_box > ul > li > span {
    display: block;
}

.address_box > ul > li > span.hour {
    cursor: pointer;
}

.address_box > ul > li > span.hour strong {
    display: inline-block;
    padding-right: 13px;
}
.address_box > ul > li > span.hour strong:after{
    width: 8px;
    height: 4px;
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 73px;
    background: url(/images/common/hour_bullet.png) no-repeat;
}
.address_box > ul > li > span.hour.on strong:after{
    transform: rotate(180deg);
}

.address_box > ul > li:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 19px;
    background: url(/images/icon_address.png) no-repeat;
}

.address_box > ul > li:nth-of-type(1):after {
    background-position: 0 3px;
}

.address_box > ul > li:nth-of-type(2):after {
    background-position: 0 -34px;
}

.address_box > ul > li:nth-of-type(3):after {
    background-position: 0 -68px;
}

.address_box > ul > li:nth-of-type(4):after {
    background-position: 0 -124px;
}
@media screen and (max-width:1200px) {
    .address_box {
        width: 100%;
        position: relative;
        left: 0;
    }

    .address_box > ul > li {
        float: left;
        width: 50%
    }

    .page-tit-depth3 {
        margin-bottom: 30px;
        font-size: 30px;
        font-weight: 900;
    }

    .bot_sitemap .menu_box:first-child {
        width: 100%
    }

    .sitemap_menu {
        padding: 0;
    }

    .bot_sitemap .menu_box {
        width: 45%;
        margin-top: 30px;
    }

    .bot_sitemap .menu_box:nth-of-type(1) {
        margin-top: 30px;
    }

    .bot_sitemap .menu_box:nth-of-type(2) {
        margin-right: 2.5%;
        margin-bottom: 30px;
        margin-left: 0;
    }

    .bot_sitemap .menu_box:nth-of-type(3) {
        margin-left: 2.5%
    }

    .sela_logo {
        display: block;
        position: relative;
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
    }

    .bot_copy {
        width: 100%;
        text-align: center;
    }

    .bot_copy ul li {
        display: inline-block;
        float: none;
    }

    .bot_copy p {
        width: 100%;
        text-align: center;
    }

    .sns_box {
        padding: 0;
        text-align: center;
    }
}

@media screen and (max-width:1050px) {
    .bot_sitemap .menu_box:first-child ul {
        width: 50%
    }
}

@media screen and (max-width:530px) {
    .hour_tool:after {
        left: 157px;
    }

    .bot_copy ul li {
        padding: 0 10px 0 12px;
    }
}

@media screen and (max-width:444px) {
    .bot_sitemap .menu_box:nth-of-type(2) {
        position: relative;
    }

    .address_box > ul > li {
        float: none;
        width: 100%
    }
}

.button {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    height: 50px;
    padding: 0 15px;
    border-radius: 5px;
    border-width: 3px;
    border-style: solid;
    font-weight: 600;
    text-align: center;
    font-size: 16px;
    line-height: 44px;
    background: 0 0;
    transition: background .3s, color .3s;
}

.button.button-type01 {
    min-width: 160px;
}

.button.button-type02 {
    height: 40px;
    border-radius: 25px;
    border-width: 1px;
    font-weight: 400;
    line-height: 38px;
}

.button.button-type03 {
    height: auto;
    line-height: normal;
    padding: 0;
    border-radius: 0;
    border-width: 0;
    font-weight: 700;
}

.button.button-type03.color-type02 {
    color: #817dc5;
    background: 0 0;
}

.button.button-type03.color-type03 {
    color: #ea657b;
    background: 0 0;
}

.button.button-type03.color-type04 {
    color: #01baef;
    background: 0 0;
}

.button.button-type04 {
    height: 36px;
    line-height: 34px;
    border-width: 1px;
}

.button.color-type02 {
    border-color: #817dc5;
    color: #fff;
    background-color: #817dc5;
}

.button.color-type03 {
    border-color: #ea657b;
    color: #fff;
    background-color: #ea657b;
}

.button.color-type04 {
    border-color: #01baef;
    color: #fff;
    background-color: #01baef;
}

.button.color-type07 {
    border-color: #0188ef;
    color: #fff;
    background-color: #0188ef;
}

.button.color-type08 {
    color: #0188ef;
    border-color: #0188ef;
}

.button.color-type09 {
    color: #0188ef;
    border-color: #fff;
    background-color: #fff;
}

.button.color-type10 {
    color: #01baef;
    border-color: #01baef;
}
.button.color-type11 {
	border-color: #564FCF;
	color: #564FCF;
}
.button.color-type11:hover {
	border-color: #6C64F5;
    background-color: #6C64F5;
    color: #fff;
}

.button.add-arrow {
    padding: 0 35px 0 15px;
    text-align: left;
}

.add-arrow:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 0;
    height: 0;
    border-width: 5px 0 5px 7px;
    border-style: solid;
    transform: translateY(-50%);
    border-color: transparent transparent transparent #000;
}

.color-type04.add-arrow:after {
    border-color: transparent transparent transparent #01baef;
}

.color-type02.add-arrow:after,
.color-type03.add-arrow:after,
.color-type04.add-arrow:after,
.color-type07.add-arrow:after {
    border-color: transparent transparent transparent #fff;
}

.button.button-type03.add-arrow {
    padding: 0 15px 0 0;
}

.button.button-type03.add-arrow:after {
    right: 0;
}

.button-type03.color-type02.add-arrow:after {
    border-color: transparent transparent transparent #817dc5;
}

.button-type03.color-type03.add-arrow:after {
    border-color: transparent transparent transparent #ea657b;
}

.button-type03.color-type04.add-arrow:after {
    border-color: transparent transparent transparent #01baef;
}

.color-type08.add-arrow:after,
.color-type09.add-arrow:after {
    border-color: transparent transparent transparent #0188ef;
}

.button-arrow-prev,
.button-arrow-prev2,
.button-arrow-next,
.button-arrow-next2{
	position: absolute;
	width: 36px;
	height: 36px;
	background: #707070;
	box-shadow: 0 3px 6px #000;
	border-radius: 50%;
}
.button-arrow-prev:after,
.button-arrow-prev2:after,
.button-arrow-next:after,
.button-arrow-next2:after{
	content: "";
    position: absolute;
	top: 50%;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}
.button-arrow-prev:after,
.button-arrow-prev2:after{
	left: 15px;
    transform: translateY(-50%) rotate(-45deg);
}
.button-arrow-next:after,
.button-arrow-next2:after{
	right: 15px;
    transform: translateY(-50%) rotate(135deg);
}

.button-play {
    position: relative;
    width: 56px;
    height: 56px;
    background-color: #01baef;
    border-radius: 50%
}

.button-play:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 19px;
    border-style: solid;
    border-width: 14px 0 14px 24px;
    border-color: transparent transparent transparent #fff;
    transform: translateY(-50%);
}

.button-down {
    display: block;
    width: 56px;
    height: 56px;
    background: url(/images/video_library/ico_btn_down.png) 0 0 no-repeat;
    background-size: 56px;
}

.text.small {
    font-size: 14px;
}

.wkbh .text.medium {
    font-size: 18px;
    font-weight: 400;
}

.text-color01 {
    color: #222 !important;
}

.text-color02 {
    color: #01baef !important;
}

.text-color03 {
    color: #706bd5 !important;
}

.text-color04 {
    color: #003bc3 !important;
}

.text-color05 {
    color: #3b1db0 !important;
}

.text-color06 {
    color: #e93250 !important;
}

.text-color07 {
    color: grey !important;
}

.text-color08 {
    color: #fff !important;
}
.emBlue{
    /*color: var(--em-color);*/
    font-weight: 600;
}
.weight-regular {
    font-weight: 400 !important;
}

.weight-medium {
    font-weight: 500 !important;
}

.weight-semibold {
    font-weight: 600 !important;
}

.weight-bold {
    font-weight: 700 !important;
}

.style-normal {
    font-style: normal !important;
}

.style-italic {
    font-style: italic !important;
}

.style-underline {
    text-decoration: underline !important;
}

@media screen and (max-width:720px) {
    .text.medium {
        font-size: 16px;
    }
}

body.pop_open {
    overflow: hidden;
    height: 100%
}

.bg_pop {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
}
header .bg_pop2 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
}
.popwrap {
    display: none;
    box-sizing: border-box;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10001;
}
#float_contact .popup .actions .hs-button:focus, 
#float_contact .popup .actions .hs-button:hover,
#contactBookDemo .popup .actions .hs-button:focus, 
#contactBookDemo .popup .actions .hs-button:hover,
#contactFreeTrial .popup .actions .hs-button:focus, 
#contactFreeTrial .popup .actions .hs-button:hover{
    background-color: #FFAA16;
}
.popwrap.top-type .popup {
    top: 0;
    transform: translate(-50%, 0);
}
header .popup{
    max-width: 655px;
}
.popup .iframeBox iframe{
    width: 100%;
    min-height: 315px;
}
.popup {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 333;
    width: 100%;
    max-width: 978px;
    margin: 0 auto;
    padding: 30px 46px;
    border: solid 1px #ebebeb;
    border-radius: 10px;
    background: #fff;
    transform: translate(-50%, -50%);
    box-shadow: 5px 5px 6px rgba(152, 152, 152, .2);
}

#coreGetForm .pop_title,
#advGetForm .pop_title{
    display: block;
    margin-bottom: 60px;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
}
#coreGetForm .pop_title,
#advGetForm .pop_title{
    color: #054A8F;
}
#coreGetForm .actions .hs-button,
#advGetForm .actions .hs-button{
    background: #FFA200;
}
.pricing-type .hbspt-form .hs-form-field{
    margin-bottom: 30px;
}
.pricing-type .hbspt-form .hs-form-field label{
    font-size: 16px;
}
.pricing-type .hbspt-form .hs-error-msgs label{
    color: #EA657B !important;
    font-size: 14px;
}
#coreGetForm .hs-submit,
#advGetForm .hs-submit{
    text-align: center;
}
.pop_close {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 15px;
    height: 15px;
    border: none;
    background: url(/images/common/pop_close.png) no-repeat;
}

@media screen and (max-width:720px) {
    .popup {
        padding: 15px 23px;
    }

    .pop_title {
        font-size: 20px;
    }
}

.contact_banner {
    background: #3d9eff;
    transition: ease-in-out .2s;
    transition-delay: .5s;
}

.contact_banner .inner > p {
    clear: both;
    color: #fff;
    font-weight: 700;
    font-size: 50px;
    text-align: center;
}

.contact_banner .inner > p span {
    display: block;
    padding: 20px 0 0;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
}

.contact_banner .inner > p span > a {
    color: #fff;
    text-decoration: underline;
}

.contact_banner .inner > p em {
    display: inline-block;
    opacity: 1;
}

.contact_banner {
    overflow: hidden;
}

.contact_banner .inner {
    padding: 58px 0px 50px 0px;
}

.contact_banner .inner .btn_box {
    margin-top: 30px;
    text-align: center;
}
.form_box p {
    padding: 0;
    color: #fff;
    font-size: 12px;
}

.motion_box {
    position: relative;
}

.motion_box:after {
    content: "";
    display: block;
    clear: both;
}

.motion_box .btn_box .btn:after {
    bottom: 0;
    transform-origin: 50% 50%
}

.motion_box .btn_box .btn {
    transition: all .3s cubic-bezier(.54, .38, .89, .41);
    transform-origin: 50% 50%;
    opacity: 0;
}

.motion_box.ani .btn_box .btn:after {
    bottom: -6px;
}

.motion_box.ani .btn_box .btn {
    top: 0;
    opacity: 1;
}

.tp-contact-banner .inner {
    overflow: hidden;
}
#wrap .tp-contact-banner .form_box{
    width: 66%;
    padding: 0px 0 0px 98px;
}
.tp-contact-banner .form_box .hs-form-field .input{
    margin-top: 6px;
}
.tp-contact-banner .form_box .hs-form-field .input input {
    height: 54px;
    margin: 0;
}

.tp-contact-banner .form_box .hbspt-form .hs-form-field label {
    margin-top: 18px;
    color: #fff;
    font-size: 14px;
}

.tp-contact-banner .form_box .actions {
    height: auto;
    margin-top: 35px;
    line-height: normal;
}
.tp-contact-banner .form_box .form-columns-2 + .form-columns-2,
.tp-contact-banner .form_box .form-columns-2 + .form-columns-1{
    margin-top: 12px;
}
.tp-contact-banner .form_box .actions:after {
    display: none;
}
.tp-contact-banner .form_box .hs-error-msgs label{
    color: #FFC45C!important;
    font-size: 14px;
}
.tp-contact-banner .form_box .hs-submit{
    text-align: right;
}
.tp-contact-banner .form_box .actions .hs-button {
    width: 100%;
    height: 46px;
    padding:0 26px;
    border: 3px solid var(--em-color);
    color: #fff;
    font-size: 16px;
    background: var(--em-color);
    font-weight: 600;
    transition: background 0s, color 0s;
    text-transform: capitalize;
}
.tp-contact-banner .form_box .actions .hs-button:hover{
    background: #00C6FF;
    border-color: #00C6FF
}
.tp-contact-banner .freetrial_box {
    float: left;
    position: relative;
    width: 34%;
    padding: 20px 0px 27px 0;
    color: #fff;
}
.tp-contact-banner .freetrial_box ul {
    padding: 30px 40px 5px;
}

.tp-contact-banner .freetrial_box ul + div {
    padding: 0 0;
}

.tp-contact-banner .freetrial_box li {
    position: relative;
    padding: 27px 0 28px 72px;
    border-top: 1px dashed #fff;
    font-weight: 600;
    font-size: 20px;
}

.tp-contact-banner .freetrial_box li:first-child {
    border-top: 0;
}

.tp-contact-banner .freetrial_box li:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 30px;
    left: 37px;
    width: 6px;
    height: 12px;
    border-color: #fff;
    border-right-width: 4px;
    border-right-style: solid;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.tp-contact-banner .freetrial_box .button {
    width: 100%;
    box-shadow: 0 5px 15px #0000004d;
}

.tp-contact-banner .freetrial_box .button + p {
    font-size: 12px;
    text-align: center;
    margin-top: 29px;
}
.tp-contact-banner .freetrial_box span{
    font-size: 18px;
    font-weight: 400;
}
.tp-contact-banner .freetrial_box p a {
    color: #fff;
    text-decoration: underline;
}

.tp-contact-banner .tp-contact-banner-tit {
    font-weight: 700;
    font-size: 40px;
    line-height: 42px;
}
.tp-contact-banner .freetrial_box p:nth-of-type(1){
    margin-bottom: 5px;
}
#googleSearchPop .popup {
    top: 90px;
    left: 50%;
    width: 90%;
    max-width: 820px;
    padding: 20px 20px 30px;
    transform: translate(-50%, 0);
    border-radius: 0;
}

#googleSearchPop .pop_title {
    display: block;
    margin-bottom: 20px;
    color: #3c4147;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
}

#googleSearchPop form.gsc-search-box {
    margin-bottom: 0;
}

#googleSearchPop .gsib_a {
    height: 28px;
    padding: 0 9px;
}

#googleSearchPop .gsst_b {
    font-size: 15px;
}

#googleSearchPop input.gsc-input {
    height: 27px !important;
}

#googleSearchPop .gsc-control-cse {
    padding: 0;
    border: 0;
}

#googleSearchPop .gsc-search-button-v2 {
    width: 70px;
    height: 30px;
    border: 0;
    border-radius: 0;
    background-color: #01baef;
    background-image: linear-gradient(top, #01baef, #01baef);
}

#googleSearchPop table.gsc-search-box {
    margin-bottom: 0;
}

#googleSearchPop .gsc-results-wrapper-visible {
    margin-top: 25px;
}

#video_pop .popup {
    width: 660px;
    height: 450px;
    padding: 50px 20px 20px 20px;
}

.youtube_box {
    width: 100%;
    height: 338px;
}

.youtube_box iframe {
    width: 100%;
    height: 100%
}

#video_pop p {
    margin-top: 15px;
    font-size: 15px;
    font-weight: 500;
    color: #536170;
    text-align: center;
}

#video_pop p img {
    padding: 0 3px;
}

.lifecycle-example {
    position: relative;
    width: 100%;
    height: 710px;
    margin: 0 auto;
    text-align: center;
}

.lifecycle-example h2 {
    position: absolute;
    top: 255px;
    left: 35%;
    width: 30%;
    height: 200px;
    padding: 34px 25px;
    background: #01baef;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    border-radius: 10px;
}

.lifecycle-example li {
    position: absolute;
    width: 30%;
    height: 200px;
    padding: 20px 25px 0;
    border: 1px solid #01baef;
    border-radius: 10px;
    font-size: 14px;
}

.lifecycle-example li:after {
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    background: url(/images/main/svg_arrow_right02.svg) 0 0 no-repeat;
}

.lifecycle-example li:nth-child(1) {
    top: 0;
    left: 0;
}

.lifecycle-example li:nth-child(2) {
    top: 0;
    left: 35%
}

.lifecycle-example li:nth-child(3) {
    top: 0;
    left: 70%
}

.lifecycle-example li:nth-child(4) {
    top: 255px;
    left: 70%
}

.lifecycle-example li:nth-child(5) {
    top: 510px;
    left: 70%
}

.lifecycle-example li:nth-child(6) {
    top: 510px;
    left: 35%
}

.lifecycle-example li:nth-child(7) {
    top: 510px;
    left: 0;
}

.lifecycle-example li:nth-child(8) {
    top: 255px;
    left: 0;
}

.lifecycle-example li:nth-child(1):after,
.lifecycle-example li:nth-child(2):after {
    top: 50%;
    right: -16%;
    transform: translateY(-50%);
}

.lifecycle-example li:nth-child(3):after,
.lifecycle-example li:nth-child(4):after {
    bottom: -46px;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
}

.lifecycle-example li:nth-child(5):after,
.lifecycle-example li:nth-child(6):after {
    top: 50%;
    left: -16%;
    transform: translateY(-50%) rotate(180deg);
}

.lifecycle-example li:nth-child(7):after,
.lifecycle-example li:nth-child(8):after {
    top: -46px;
    left: 50%;
    transform: translateX(-50%) rotate(270deg);
}

.lifecycle-example li span {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto 15px;
    color: #fff;
    background: #01baef;
    border-radius: 100%;
    line-height: 32px;
    font-weight: 700;
}

@media screen and (max-width:1000px) {
    #lifecyclePopup .popup {
        top: 50px;
        width: 90%;
        padding: 50px 30px 30px;
        transform: translate(-50%, 0);
    }

    .lifecycle-example {
        height: auto;
    }

    .lifecycle-example h2,
    .lifecycle-example li {
        position: relative;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100%;
        height: auto;
        padding: 20px;
    }

    .lifecycle-example li {
        margin-top: 50px;
    }

    .lifecycle-example li:first-child {
        margin-top: 30px;
    }

    .lifecycle-example li:after {
        bottom: -46px !important;
        left: 50% !important;
        right: auto !important;
        top: auto !important;
        transform: translateX(-50%) rotate(90deg) !important;
    }

    .lifecycle-example li:last-child:after {
        display: none;
    }
}
.content_box {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

.content_box::before {
    display: block;
    clear: both;
    content: '';
}

#left_content {
    margin: 66px 0 95px;
    color: #3c4147;
}

#left_content .content_box:after {
    content: "";
    display: block;
    clear: both;
}

.lnb {
    float: left;
    width: 280px;
    margin-right: 65px;
    border: 1px solid #ebebeb;
}

.lnb i,
.lnb strong {
    display: block;
    padding: 11px 0 12px 30px;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    background: #01baef;
}

.lnb span.current {
    display: none;
}

.lnb ul li a:before {
    width: 5px;
}

.lnb ul li a:after {
    width: 100%;
    transition-delay: .3s;
}

.lnb > ul {
    padding: 15px 0;
    background: #fff;
}

.lnb ul li {
    display: block;
    margin: 3px 0;
}

.lnb ul li a {
    display: block;
    position: relative;
    min-height: 35px;
    padding: 7px 10px 7px 30px;
    color: #a1a1a1;
    font-size: 14px;
}

.lnb ul li a span {
    display: block;
    position: relative;
    z-index: 3;
}

.lnb ul li a:hover,
.lnb ul li.on a {
    color: #59c3c3;
    font-weight: 700;
}

.lnb ul li a:hover {
    color: #59c3c3;
    font-weight: 700;
}

.lnb ul li a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 0;
    height: 100%;
    color: #59c3c3;
    background: #eef9f9;
    transition: .3s;
    transform-origin: left top;
}

.lnb ul li a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 0;
    height: 100%;
    background: #59c3c3;
    transition: .3s;
    transform-origin: left top;
}

.lnb ul li a:hover:after,
.lnb ul li.on a:after {
    width: 100%;
    transition-delay: .3s;
}

.lnb ul li a:hover:before,
.lnb ul li.on a:before {
    width: 5px;
}

.lnb ul li:first-child {
    margin: 0 0 3px 0;
}

.lnb #reseller ul li a {
    padding: 7px 10px 7px 22px;
}

.lnb #omni i,
.lnb #omni strong {
    background: #817dc5;
}

.lnb #omni ul li a:hover,
.lnb #omni ul li.on a {
    color: #817dc5;
}

.lnb #omni ul li a:hover:before,
.lnb #omni ul li.on a:before {
    background: #817dc5;
}

.lnb #omni ul li a:hover:after,
.lnb #omni ul li.on a:after {
    background: #f2f2f9;
}

.lnb #core i,
.lnb #core strong {
    background: #01baef;
}

.lnb #core ul li a:hover,
.lnb #core ul li.on a {
    color: #01baef;
}

.lnb #core ul li a:hover:before,
.lnb #core ul li.on a:before {
    background: #01baef;
}

.lnb #core ul li a:hover:after,
.lnb #core ul li.on a:after {
    background: #e5f8fd;
}

.lnb #automation i,
.lnb #automation strong {
    background: #59c3c3;
}

.lnb #automation ul li a:hover,
.lnb #automation ul li.on a {
    color: #59c3c3;
}

.lnb #automation ul li a:hover:before,
.lnb #automation ul li.on a:before {
    background: #59c3c3;
}

.lnb #automation ul li a:hover:after,
.lnb #automation ul li.on a:after {
    background: #eef9f9;
}

.lnb #enterprise i,
.lnb #enterprise strong {
    background: #ea657b;
}

.lnb #enterprise ul li a:hover,
.lnb #enterprise ul li.on a {
    color: #ea657b;
}

.lnb #enterprise ul li a:hover:before,
.lnb #enterprise ul li.on a:before {
    background: #ea657b;
}

.lnb #enterprise ul li a:hover:after,
.lnb #enterprise ul li.on a:after {
    background: #fdeff2;
}

/* older version */
.left_con {
    float: right;
    width: 835px;
}

.left_con .page_Decsub {
    padding: 0 0 40px 0;
    border-bottom: solid 1px #ebebeb;
    text-align: left;
    line-height: 32px;
}

.left_con.case {
    width: 800px;
}

.lnb.formboox {
    width: 300px;
    border: none;
}

.lnb.formboox .logo_box {
    text-align: center;
}

.lnb.formboox > ul {
    padding: 22px 24px;
    background: #ccf1fc;
}

.lnb.formboox strong {
    padding: 11px 0;
    text-align: center;
}

.lnb.formboox li {
    display: block;
    margin-bottom: 15px;
}

.lnb.formboox li:first-child {
    display: block;
    margin-bottom: 15px;
}

.lnb.formboox li label {
    display: block;
    margin-bottom: 6px;
    color: #3c4147;
    font-size: 15px;
}

.lnb.formboox li label sup {
    position: relative;
    top: 5px;
    left: 2px;
    color: #ea657b;
    font-size: 13px;
}

.lnb.formboox li span {
    display: block;
}

.lnb.formboox li span > input[type=email],
.lnb.formboox li span > input[type=password],
.lnb.formboox li span > input[type=text] {
    display: block;
    width: 94%;
    height: 38px;
    padding: 0 3%;
    border: none;
    border-radius: 5px;
    line-height: 38px;
}

.lnb.formboox li span select {
    display: block;
    width: 100%;
    height: 38px;
    padding: 0 3%;
    border: none;
    border-radius: 5px;
    line-height: 38px;
}

.lnb.formboox li.btn_box {
    margin-top: 30px;
}

.lnb.formboox li a.btn {
    display: inline-block;
    position: relative;
    min-width: 100%;
    min-height: auto;
    padding: 0;
    font-size: 15px;
    transition: all .2s ease;
}

.lnb.formboox li a.btn:before {
    display: none;
}

.lnb.formboox li a.btn:after {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    top: auto;
    bottom: -6px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 20px;
    border-radius: 5px;
    color: #fff;
    transition: all .2s ease;
}

.lnb.formboox li a.btn.pink:after {
    background: #b84f62;
}

.lnb.formboox li a.btn.pink:hover:after {
    bottom: 0;
}


/* case study form */
.sub .casestudy{
    width: 814px;
    margin: 0 auto 80px;
    border-radius: 20px;
    box-shadow: 0 20px 40px 0 rgba(41 73 99 / 40%);
    background-color: #0756A3;
}
.sub .casestudy .form_tit{
    padding: 25px 50px 0;
    font-size: 24px;
    color: #fff;
    font-weight: 600;
}
.sub .casestudy .hbspt-form{
    padding: 22px 50px 25px;
    border-radius: 0 0 20px 20px;
    background: linear-gradient(360deg, #033C7E, #0756A4);
    color: #fff;
}
.sub .casestudy .hbspt-form .hs_error_rollup li{
    text-align: left;
}
.sub .casestudy .hbspt-form .form-columns-1 {
    float: left;
    width: 49%;
    
}
.sub .casestudy .hbspt-form .form-columns-2{
    margin-bottom: 12px;
}
.sub .casestudy .hbspt-form .form-columns-2 > div{
    width: 49%;
}
.sub .casestudy .hbspt-form .form-columns-2 > div:last-child {
    padding-left: 0;
    margin-left: 14px;
}
.sub .casestudy .hbspt-form .form-columns-1 + .form-columns-1 {
    margin-left: 14px;
}
.sub .casestudy .hbspt-form .hs-submit{
    text-align: left;
}
.sub .casestudy .hbspt-form .actions{
    margin-top: 24px;
}
.sub .casestudy .hbspt-form .actions .hs-button{
    padding: 6px 20px;
    background-color: #01BAEF;
}
.sub .casestudy .hs-error-msgs label {
	color: #FFC45C !important;
    font-size: 14px;
}
.summary {
    padding: 0 0 45px 0;
    border-bottom: 1px solid #ebebeb;
}

.summary p {
    padding: 19px 0 25px;
    color: #3c4147;
    line-height: 32px;
}
/*.sub .case .tp-door-title.tp-type02 + .page_Dec{
    margin-top: -20px;
}*/
.sub .case .page_Dec{
    margin-bottom: 40px;
    padding: 0 30px;
    color: #536170;
    font-weight: 400;
}
.sub .study_case.pd120 {
    margin-bottom: 120px;
}
.sub .study_case + .study_case{
    margin-top: 80px;
}
.sub .study_case .txt{
    padding: 0 30px;
    text-align: center;
}
.sub .study_case .bg_text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 54px;
    padding: 46px 50px;
    border-radius: 16px;
    box-shadow: 0 20px 40px 0 rgba(41 73 99 / 18%);
    background: #fff;
}
.sub .study_case .bg_text .box-txt {
    display: block;
    width: 656px;
    margin-bottom: auto;
}
.sub .study_case .bg_text .box-txt p + p{
    margin-top: 22px;
}
.sub .study_case .bg_text .logo_box {
    width: 350px;
    height: 220px;
    overflow: hidden; 
}
.sub .study_case .bg_text .logo_box img{
    width: 100%;
    height: 100%;
}
.sub .study_case p .txt1 {
    margin-top: 24px;
    display: block;
    color: var(--tit-color);
    font-size: 22px;
}
.study_case .imgbox {
    display: block;
    margin-bottom: 39px;
}
.study_case .sub_dec {
    display: block;
    font-size: 13px;
    font-style: italic;
}
.study_case .tp-door-title.tp-type02 + .align-C{
    padding: 0 30px;
}


#left_content.moving .content_box .lnb {
    position: absolute;
    left: 0;
    z-index: 33;
}

#left_content.moving .content_box {
    padding-left: 345px;
}

.btn {
    display: inline-block;
    position: relative;
    min-width: 209px;
    transition: all .2s ease;
}

.btn.small {
    min-width: 140px;
}

.btn.small > span {
    min-width: 140px;
}

.btn.big {
    min-width: 250px;
}

.btn.big > span {
    min-width: 250px;
}

.btn > span {
    display: inline-block;
    position: relative;
    z-index: 2;
    min-width: 209px;
    height: 45px;
    padding: 0 24px;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    line-height: 45px;
}

.btn > span > em {
    display: inline-block;
    color: #fff;
    font-weight: 700;
}

.btn > span > em.view {
    padding-left: 25px;
    background: url(/images/main/ico_view.png) no-repeat left 13px;
}

.btn:after {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    bottom: -6px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 20px;
    border-radius: 5px;
    color: #fff;
    transition: all .2s ease;
}

.purple > span {
    background: #817dc5;
}

.purple:after {
    background: #686496;
}

.blue > span {
    background: #01baef;
}

.blue:after {
    background: #1594bd;
}

.pink > span {
    background: #ea657b;
}

.pink:after {
    background: #b84f62;
}

.btn:hover:after {
    bottom: 0;
}

.green > span {
    background: #59c3c3;
}

.green:after {
    background: #469d9d;
}

.ico_folder span:before,
.ico_movie span:before,
.ico_phone span:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-right: 6px;
}

.ico_phone span:before {
    width: 14px;
    height: 15px;
    background: url(/images/case/ico_phone.png) left center no-repeat;
}

.ico_movie span:before {
    background: url(/images/case/ico_movie.png) left center no-repeat;
}

.ico_folder span:before {
    background: url(/images/partner/icon_folder.png) left center no-repeat;
}

.btn_area {
    width: 100%;
    margin-top: -40px;
    padding: 57px 0 52px;
    border-top: 2px dashed #e1e1e1;
    text-align: center;
}

.btn_area a.btn {
    margin-right: 26px;
}

.btn_area a.btn:nth-last-of-type(1) {
    margin-right: 0;
}

.btn_tip {
    display: inline-block;
    position: relative;
    border-bottom: 1px solid #0188EF;
    color: #0188EF;
    line-height: 21px;
}

.tooltip {
    display: none;
    position: absolute;
    bottom: -140px;
    left: 0;
    z-index: 99;
    width: 544px;
    padding: 22px;
    border: solid 1px #ddd;
    border-radius: 10px;
    background: #fff;
}

.usecase_wrap .btn_tip.on {
    z-index: 999;
}

.usecase_wrap .btn_tip.on:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -23px;
    left: 0;
    width: 100%;
    height: 18px;
    background: url(/images/common/tool_bullet.png) no-repeat center center;
}

.seesample {
    position: relative;
}

.seesample.on {
    z-index: 999;
}

.seesample.on:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -23px;
    left: 0;
    width: 100%;
    height: 18px;
    background: url(/images/common/tool_bullet.png) no-repeat center center;
}
.page-tit-depth2 {
    display: table;
    width: 100%;
    height: 200px;
    text-align: center;
    background: url(/images/subtit_bg.png) center top #01baef;
}

.page-tit-depth2 > span > em.sub {
    display: block;
    font-weight: 500;
    font-size: 24px;
}

.page-tit-depth2.purpletit {
    display: table;
    width: 100%;
    height: 200px;
    background: url(/images/subtit_bg.png) center top #817dc5;
}

.page-tit-depth2.pinktit {
    display: table;
    width: 100%;
    height: 200px;
    background: url(/images/subtit_bg.png) center top #ea657b;
}

.page-tit-depth2.greentit {
    display: table;
    width: 100%;
    height: 200px;
    background: url(/images/subtit_bg.png) center top #59c3c3;
}

.page-tit-depth2 span {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    color: #fff;
    font-weight: 700;
    font-size: 60px;
    text-align: center;
    letter-spacing: .5px;
}

.page-tit-depth2.small span {
    font-size: 50px;
}

.page-tit-depth2.pricing span {
    padding-bottom: 90px;
}

.page-tit-depth3 {
    margin-bottom: 58px;
    color: #3c4147;
    font-weight: 700;
    font-size: 40px;
    text-align: center;
    letter-spacing: .5px;
}

.page-tit-depth3-blue {
    color: #01baef;
    font-weight: 700;
    font-size: 30px;
    text-align: left;
    letter-spacing: .5px;
}

.page-tit-depth3-black {
    display: block;
    color: #3c4147;
    font-weight: 700;
    font-size: 45px;
    text-align: center;
}

.page-tit-depth3-green {
    color: #59c3c3;
    font-weight: 700;
    font-size: 30px;
    text-align: left;
    letter-spacing: .5px;
}

.page-tit-depth3-purple {
    color: #817dc5;
    font-weight: 700;
    font-size: 30px;
    text-align: left;
    letter-spacing: .5px;
}

.page-tit-depth3-pink {
    color: #ea657b;
    font-weight: 700;
    font-size: 30px;
    text-align: left;
    letter-spacing: .5px;
}

.page-tit-depth4-green {
    color: #59c3c3;
    font-weight: 700;
    font-size: 20px;
}

.page-tit-depth4-puple {
    color: #817dc5;
    font-weight: 700;
    font-size: 20px;
}

.page-tit-depth4-blue {
    color: #01baef;
    font-weight: 700;
    font-size: 20px;
}

.page-tit-depth4-pink {
    color: #ea657b;
    font-weight: 700;
    font-size: 20px;
}

.title_sub {
    display: block;
    margin-top: 16px;
    color: #3c4147;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
}

.page_info_text {
    padding: 60px 0;
}

.page_info_text > p {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 32px;
}

.page_info_text > .btn_center {
    margin-top: 40px;
}

.page_info_text > .btn_center .btn,
.page_info_text > .btn_center .btn > span {
    width: 300px;
}

.page_info_text > .btn_center .btn:first-child {
    margin-right: 20px;
}

.number_list > li {
    position: relative;
    padding: 30px 0 30px 54px;
    border-top: 2px dashed #e2e6e7;
}

.number_list > li:first-child {
    border-top: none;
}

.number_list > li em {
    position: absolute;
    top: 23px;
    left: 0;
    font-weight: 700;
    font-size: 30px;
}

.number_list.blue > li em {
    color: #01baef;
}

.number_list.green > li em {
    color: #59c3c3;
}

.number_list.pink > li em {
    color: #ea657b;
}

.number_list.purple > li em {
    color: #817dc5;
}

.link_text {
    border-bottom: solid 1px;
    color: #01baef;
}

.table_dec {
    font-size: 12px;
}
.table_dec:nth-of-type(1){
    display: block;
    margin-top: 14px;
}

.table_dec em {
    display: inline-block;
    border-bottom: solid 1px #01baef;
    color: #01baef;
    font-style: italic;
}
.sub .core_list{
    padding-left: 54px;
    padding-right: 34px;
}
.sub .core_fe .core_list .tp-btn-box a + a{
    margin-left: 10px;
}
.sub .ball_list {
    display: -webkit-flex;
    display: flex;
    position: relative;
    align-items: stretch;
    flex-direction: row;
    border-top: dashed 1px #C2C2C2;
    -ms-flex-direction: row;
}
.sub .auto_list{
    padding: 80px 0;
}
.sub .ball_list:nth-of-type(1) {
    border-top: 0;
}
.sub .ball_list.first{
    padding-top: 0px;
}
.sub .core_list .ball_list{
    padding: 60px 0 40px;
}
.sub .core_list .ball_list:nth-of-type(1){
    padding-top: 0;
}
.sub .ball_list .title-dp3,
.sub .ball_list h2 {
    width: 100%;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 22px;
    color: var(--tit-color);
}

.sub .ball_list p.sub_text {
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
    line-height: 1.7;
}

.sub .ball_list .ball {
    margin-right: 63px;
    margin-top: 20px;
}

.sub .ball_list .ball span {
    display: table;
    width: 172px;
    height: 172px;
    border-radius: 50%;
    text-align: center;
    background: #F2F8FF;
}
.sub .ball_list .ball em {
    display: table-cell;
    vertical-align: middle;
}
.sub .ball_list .icon_list {
    width: 100%
}

.sub .ball_list .icon_list:after {
    content: "";
    display: block;
    clear: both;
}

.sub .ball_list .icon_list li {
    float: left;
    min-height: 130px;
    max-height: 162px;
    margin-right: 60px;
    text-align: center;
}

.sub .ball_list .icon_list li:nth-last-of-type(1),
.sub .ball_list.type02 .icon_list li:nth-last-of-type(1) {
    margin-right: 0;
}

.sub .ball_list .icon_list li a > span {
    min-height: 48px;
    margin-bottom: 23px;
}

.sub .ball_list .icon_list li a > span,
.sub .core_list .icon_list li a > em {
    display: block;
}

.sub .ball_list .icon_list li a > em {
    font-size: 14px;
    font-weight: 700;
}

.sub .ball_list .icon_list.list_row li {
    width: 169px;
    margin-right: 0;
    margin-bottom: 28px;
}

.sub .ball_list .icon_list.list_row li:nth-of-type(4),
.sub .ball_list .icon_list.list_row li:nth-of-type(5),
.sub .ball_list .icon_list.list_row li:nth-of-type(6) {
    margin-bottom: 0;
}

.sub .ball_list.right .ball {
    margin-right: 0;
    margin-left: 63px;
}

.ball_list.type02 {
    padding: 63px 0 52px 0;
}

.ball_list.type02 .ball {
    margin-right: 60px;
}

.ball_list.type02 .ball span {
    width: 340px;
    height: 340px;
}

.ball_list.type02 p.sub_text {
    letter-spacing: -.02em;
    line-height: 30px;
}

.ball_list.right.type02 .ball {
    margin-right: 0;
}

.ball_list.type02 .icon_list li a > em {
    font-size: 16px;
}

.ball_list.type02 .icon_list li {
    display: inline-block;
    float: none;
    width: auto;
    min-height: auto;
    margin-right: 30px;
    margin-bottom: 0;
}

.ball_list.type02 .icon_list li a > em,
.ball_list.type02 .icon_list li a > span {
    display: inline-block;
    vertical-align: middle;
}

.ball_list.type02 .icon_list li a > span {
    min-height: auto;
    margin-bottom: 0;
}

.ball_list.type02 .icon_list li a > span img {
    display: block;
}

.ball_list.type02 .icon_list li a > em {
    margin-left: 10px;
    text-align: left;
}

.ball_list.type02 h2 a {
    transition: color .3s;
}

.ball_list.type02 h2 a:focus,
.ball_list.type02 h2 a:hover {
    color: #01baef;
}

.ball_list.type02 .icon_list a {
    transition: color .3s;
}

.ball_list.type02 .icon_list a:focus,
.ball_list.type02 .icon_list a:hover {
    color: #01baef;
}

.ball_list.type03 p.sub_text {
    padding-top: 0;
}

.ball_list.type03 .tp-list li {
    margin-top: 0px;
    padding: 30px 0 0 75px;
    border-top: 1px dashed #e1e1e1;
}
.ball_list.type03 .tp-list li:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.ball_list.type03 .tp-list a {
    display: block;
    position: relative;
    color: #01baef;
    font-weight: 700;
    font-size: 16px;
    text-decoration: underline;
    transition: opacity .3s;
}

.ball_list.type03 .tp-list a:focus,
.ball_list.type03 .tp-list a:hover {
    opacity: .6;
}

.ball_list.type03 .tp-list span {
    position: absolute;
    top: 0;
    left: -75px;
}

.ball_list.type03 .tp-list.tp-type02 span {
    left: -120px;
}

.ball_list.type03 .tp-list p {
    margin-top: 10px;
}
.sub .auto_list:nth-of-type(1){
    padding-top: 0;
}
.sub .auto_list .tp-list li{
    margin-top: 0;
    padding: 20px 0;
}
.sub .auto_list .tp-list li:last-child{
    padding-bottom: 0;
}
.sub .auto_list .tp-list li a{
    padding-left: 30px;
    color: #0188EF;
    font-weight: 500;
    background: url('/images/icon/ico_check_color.svg')no-repeat 0 center;
}
.sub .auto_list .tp-list li p{
    padding-left: 30px;
}
.sub .auto_list .content_box{
    padding: 0 54px;
}
.sub .tp-btn-box.auto{
    margin: 80px 0;
}
.sub .tp-btn-box.auto a + a{
    margin-left: 10px;
}
.core_list.tp-bg-type02 {
    background-color: #fafafa;
}

.core_list.tp-bg-type02 + .content_box .btn_area {
    margin-top: 0;
    padding: 46px 0 52px;
    border-top: 0;
}

.page_Dec {
    padding: 54px 100px 50px 100px;
    color: #3c4147;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 36px;
}
.sub .page_Dec{
    font-weight: 500;
    line-height: 1.7;
    font-size: 16px;
}

.more {
    padding: 80px 0px;
    background: #F2F8FF;
}

.more_list #automation li:nth-of-type(1) strong {
    background-image: url('/images/icon/icoSub88.svg');
}

.more_list #enterprise li:nth-of-type(1) strong {
    background-image: url('/images/icon/icoSub88.svg');
}

.more_list #enterprise li:nth-of-type(2) strong {
    background-image: url('/images/icon/icoSub89.svg');
}

.more_list #enterprise li:nth-of-type(3) strong {
    background-image: url('/images/icon/icoSub82.svg');
}

.short_code {
    background: linear-gradient(180deg, #fff, #dff4f4);
}

.long_code {
    padding-top: 60px;
    background: linear-gradient(180deg, #e7e6f3, #fff);
}

.short_code .content_box > p {
    padding: 60px 0 87px 0;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}

.code_con {
    position: relative;
    min-height: 570px;
    padding: 0 0 0 480px;
}

.code_con p {
    padding: 0 20px 50px 0;
    line-height: 35px;
}

.code_con .code_wrap {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
}

.code_con .code_wrap > p {
    padding: 0;
}

.code_con .code_wrap .dp3,
.code_con .code_wrap h2 {
    display: block;
    margin-bottom: 15px;
    color: #59c3c3;
    font-size: 36px;
    font-weight: 700;
}

.code_con h3 {
    display: block;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 700;
}

.short_code .code_wrap {
    width: 400px;
    padding: 0 80px 266px 0;
    background: url(/images/product/bg_shortlong1.png) no-repeat left bottom;
}

.long_code .code_wrap {
    width: 400px;
    padding: 0 80px 266px 0;
    background: url(/images/product/bg_shortlong2.png) no-repeat left bottom;
}

.long_code .code_con .code_wrap .dp3,
.long_code .code_con .code_wrap h2 {
    color: #817dc5;
}

.content_box.btn_box {
    margin: 50px auto 40px auto;
    text-align: center;
}

.content_box.btn_box a {
    margin: 0 2px;
}

.sub .case_wrap {
    padding: 70px 0 0 0;
}
.sub .case_wrap .common_tap{
    max-width: 324px;
    max-height: 50px;
}
.sub .case_wrap .tapcontent{
    display: none;
}
.sub .case_over {
    margin-top: 60px;
    padding: 0 95px;
}
.sub .case_over ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: -48px;
}
.sub .case_over ul li {
    width: 172px;
    height: 202px;
    margin: 0 15px 48px;
    border: solid 1px #E5E5E5;
    border-radius: 10px;
    background: #fff;
    transition: .3s;
    background-repeat: no-repeat;
    background-position: center 42px;
}
.sub .case_over ul li:hover {
    border: 1px solid #fff;
    box-shadow: 0 10px 20px 0px rgba(5 16 35 / 14%);
}
.sub .case_over.dep ul li:nth-child(1){
    background-image: url('/images/icon/icoSub122.svg');
}
.sub .case_over.dep ul li:nth-child(2){
    background-image: url('/images/icon/icoSub83.svg');
}
.sub .case_over.dep ul li:nth-child(3){
    background-image: url('/images/icon/icoSub123.svg');
}
.sub .case_over.dep ul li:nth-child(4){
    background-image: url('/images/icon/icoSub103.svg');
}
.sub .case_over.dep ul li:nth-child(5){
    background-image: url('/images/icon/icoSub124.svg');
}
.sub .case_over.dep ul li:nth-child(6){
    background-image: url('/images/icon/icoSub125.svg');
}
.sub .case_over.dep ul li:nth-child(7){
    background-image: url('/images/icon/icoSub81.svg');
}
.sub .case_over.dep ul li:nth-child(8){
    background-image: url('/images/icon/icoSub126.svg');
}
.sub .case_over.dep ul li:nth-child(9){
    background-image: url('/images/icon/icoSub127.svg');
}

.sub .case_over.ind ul li:nth-child(1){
    background-image: url('/images/icon/icoSub128.svg');
}
.sub .case_over.ind ul li:nth-child(2){
    background-image: url('/images/icon/icoSub129.svg');
}
.sub .case_over.ind ul li:nth-child(3){
    background-image: url('/images/icon/icoSub130.svg');
}
.sub .case_over.ind ul li:nth-child(4){
    background-image: url('/images/icon/icoSub131.svg');
}
.sub .case_over.ind ul li:nth-child(5){
    background-image: url('/images/icon/icoSub132.svg');
}
.sub .case_over.ind ul li:nth-child(6){
    background-image: url('/images/icon/icoSub133.svg');
}
.sub .case_over.ind ul li:nth-child(7){
    background-image: url('/images/icon/icoSub134.svg');
}
.sub .case_over.ind ul li:nth-child(8){
    background-image: url('/images/icon/icoSub135.svg');
}
.sub .case_over.ind ul li:nth-child(9){
    background-image: url('/images/icon/icoSub136.svg');
}
.sub .case_over.ind ul li:nth-child(10){
    background-image: url('/images/icon/icoSub137.svg');
}
.sub .case_over.ind ul li:nth-child(11){
    background-image: url('/images/icon/icoSub138.svg');
}
.sub .case_over.ind ul li:nth-child(12){
    background-image: url('/images/icon/icoSub139.svg');
}
.sub .case_over.ind ul li:nth-child(13){
    background-image: url('/images/icon/icoSub140.svg');
}
.sub .case_over.ind ul li:nth-child(14){
    background-image: url('/images/icon/icoSub15.svg');
}
.sub .case_over.ind ul li:nth-child(15){
    background-image: url('/images/icon/icoSub141.svg');
}
.sub .case_over.ind ul li:nth-child(16){
    background-image: url('/images/icon/icoSub142.svg');
}
.sub .case_over.ind ul li:nth-child(17){
    background-image: url('/images/icon/icoSub24.svg');
}
.sub .case_over.ind ul li:nth-child(18){
    background-image: url('/images/icon/icoSub03.svg');
}
.sub .case_over.ind ul li:nth-child(19){
    background-image: url('/images/icon/icoSub143.svg');
}
.sub .case_over.ind ul li:nth-child(20){
    background-image: url('/images/icon/icoSub19.svg');
}
.sub .case_over.ind ul li:nth-child(21){
    background-image: url('/images/icon/icoSub144.svg');
}
.sub .case_over.ind ul li:nth-child(22){
    background-image: url('/images/icon/icoSub145.svg');
}
.sub .case_over.ind ul li:nth-child(23){
    background-image: url('/images/icon/icoSub146.svg');
}
.sub .case_over.ind ul li:nth-child(24){
    background-image: url('/images/icon/icoSub147.svg');
}
.sub .case_over.ind ul li:nth-child(25){
    background-image: url('/images/icon/icoSub148.svg');
}
.sub .case_over.ind ul li:nth-child(26){
    background-image: url('/images/icon/icoSub149.svg');
}
.sub .case_over.ind ul li:nth-child(27){
    background-image: url('/images/icon/icoSub150.svg');
}
.sub .case_over.ind ul li:nth-child(28){
    background-image: url('/images/icon/icoSub151.svg');
}
.sub .case_over ul li a { 
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    height: 100%;
    padding: 114px 0px 43px;
    text-align: center;
}
.sub .case_over ul li a > span {
    display: block;
    color: #75818D;
    font-weight: 500;
}

.sub .case_over ul li a > span:first-child {
    margin-bottom: 0px;
}

.life_wrap .life_dec {
    margin-bottom: 60px;
    color: #3c4147;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    line-height: 32px;
}

.lifecycle_roll {
    position: relative;
    padding: 0 70px 0 70px;
}
/*
.liferoll_left {
    position: absolute;
    top: 197px;
    left: -60px;
    z-index: 5;
    width: 32px;
    height: 57px;
    background: url(/images/cycle/btn_left1.png) no-repeat;
}

.liferoll_right {
    position: absolute;
    top: 197px;
    right: -60px;
    z-index: 5;
    width: 32px;
    height: 57px;
    background: url(/images/cycle/btn_right1.png) no-repeat;
}*/

.lifecycle_roll > strong {
    display: block;
    margin-bottom: 50px;
    color: #59c3c3;
    font-weight: 500;
    font-size: 30px;
    text-align: center;
}

.lifecycle_roll .rollin {
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
}

.lifecycle_roll .rollin ol {
    position: relative;
    width: 100000%;
    padding-left: 1%
}

.lifecycle_roll .rollin ol:after {
    content: "";
    display: block;
    clear: both;
}

.lifecycle_roll .rollin ol li {
    float: left;
    width: 298px;
    height: 335px;
    margin-right: 60px;
    padding: 30px 25px;
    border-radius: 5px;
    background-color: #def3f3;
    background-repeat: no-repeat;
    background-position: right bottom;
    box-shadow: 3px 2px 8px 2px rgba(0, 0, 0, .1);
}

.lifecycle_roll .rollin ol li em {
    display: block;
    margin-bottom: 10px;
    color: #59c3c3;
    font-weight: 500;
    font-size: 30px;
    text-align: center;
}

.lifecycle_roll .rollin ol li .cycle_text {
    font-size: 16px;
    text-align: center;
    line-height: 28px;
}

.lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/cycle/cycle_bg1.png);
}

.lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/cycle/cycle_bg2.png);
}

.lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/cycle/cycle_bg3.png);
}

.lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/cycle/cycle_bg4.png);
}

.lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/cycle/cycle_bg5.png);
}

.lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/cycle/cycle_bg6.png);
}

.lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/cycle/cycle_bg7.png);
}

.lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/cycle/cycle_bg8.png);
}

span.bullet {
    display: block;
    position: relative;
    margin-bottom: 5px;
    padding-left: 12px;
}

span.bullet:before {
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #000;
}

.page_Decsub strong {
    display: block;
}

.sub_dec {
    display: block;
    color: #3c4147;
    font-size: 16px;
    font-weight: 400;
}
.how_list ul{
    padding: 60px 75px;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 15px 30px 0 rgb(5 16 35 / 14%);
}
.how_list ul li{
    display: flex;
    align-items: flex-start;
    padding: 44px 0;
}
.how_list ul li.one{
    align-items: center;
}
.sub .how_list .content_box{
    padding: 0 25px;
}
.sub .how_list .page_Decsub{
    margin: 0 0 40px;
}
.sub .how_list.align ul li{
    align-items: center;
}
.sub .how_list ul li:nth-child(1){
    padding-top: 0;
}
.sub .how_list ul li:last-child{
    padding-bottom: 0;
}
.how_list ul li+li{
    border-top: 1px dashed #c2c2c2;
}
.landline .page-tit-depth3-blue {
    margin-bottom: 25px;
}
.how_list ul li em{
    width: 36px;
    flex: none;
    margin-right: 24px;
    font-size: 28px;
    font-weight: 600;
    color: var(--tit-color);
    line-height: 1;
}
.bullet_list > li {
    position: relative;
    margin-bottom: 25px;
    padding-left: 12px;
}

.bullet_list > li:after {
    content: "";
    display: block;
    position: absolute;
    top: 11px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #536170;
}

.num_list > li {
    position: relative;
    margin-bottom: 25px;
    padding-left: 20px;
}

.num_list > li em {
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 600;
}


/*220721 수정*/
.auto_textlist {
    padding: 0 338px 20px 0;
    border-bottom: solid 1px #ebebeb;
}

.auto_textlist h2.title {
    font-weight: 700;
}

.auto_textlist h2,
.auto_textlist h3 {
    margin-bottom: 20px;
}

.auto_textlist .tp-side-img.iframe-type iframe {
    width: 600px;
    height: 368px;
}

em.bold {
    font-weight: 700;
}

.auto_textlist .tp-side-img.iframe-type .subtitles-group.nav-toggle-group button {
    width: 600px;
}

.auto_textlist .tp-side-img.iframe-type .subtitles-group .nav-toggle-btn {
    width: 100%;
    height: 54px;
    color: #222;
    font-size: 20px;
    background-color: #f7f9fc;
}

.auto_textlist .tp-side-img.iframe-type .subtitles-group .nav-toggle-btn span {
    position: relative;
    padding-right: 20px;
}

.auto_textlist .tp-side-img.iframe-type .subtitles-group .nav-toggle-target {
    width: 600px;
}

.button.button-type03.add-arrow:after,
.nav-anchor-dp2 .tp-ico-arrow,
.subtitles-group .nav-toggle-btn .tp-ico-arrow {
    right: 0;
}

/*220721 수정*/



.auto_textlist > ol > li:first-child > em.num {
    top: -10px;
}

.advantage_list {
    margin-top: 40px;
    /*padding-bottom: 65px;*/
}

.advantage_list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.advantage_list ul.center {
    justify-content: space-evenly;
}

.advantage_list ul li {
    max-width: 360px;
    width: 100%;
    height: 380px;
    margin: 15px;
    padding: 30px 37px;
    background-color: #fff;
    box-shadow: 1px 9px 14px 0 rgb(0 0 0 / 14%);
    border-radius: 16px;
}
.advantage_list ul.center li{
    margin-bottom: 0;
}
.advantage_list ul.center li:nth-child(1) {
    margin-left: auto;
}

.advantage_list ul.center li:nth-child(2) {
    margin-right: auto;
}

.advantage_list ul li a {
    position: relative;
    display: block;
    padding: 72px 0 16px 0;
    font-size: 22px;
    font-weight: 600;
    color: var(--tit-color);
}
.advantage_list ul li a:after{
    width: 20px;
    height: 14px;
    position: absolute;
    right: 0;
    bottom: 27px;
    content: '';
    background-image: url('/images/common/ico_anchor.png');
    background-size: 20px 14px;
}
.sub .icon_textlist ul li strong {
    position: relative;
}
.sub .icon_textlist ul li a strong:after{
    width: 20px;
    height: 14px;
    position: absolute;
    right: 0;
    bottom: 7px;
    content: '';
    background-image: url('/images/common/ico_anchor.png');
    background-size: 20px 14px;
}
.sub .more_list.icon_textlist ul li a strong:after {
    width: 20px;
    height: 14px;
    position: absolute;
    right: 0;
    bottom: 7px;
    content: '';
    background-image: url('/images/common/ico_anchor.png');
    background-size: 20px 14px;
}
.advantage_list ul li a:hover {
    text-decoration: underline;
}

.advantage_list ul li:nth-child(1) a {
    background: url('/images/icon/icoSub24.svg')no-repeat 0 0;
}

.advantage_list ul li:nth-child(2) a {
    background: url('/images/icon/icoSub25.svg')no-repeat 0 0;
}

.advantage_list ul li:nth-child(3) a {
    background: url('/images/icon/icoSub26.svg')no-repeat 0 0;
}

.advantage_list ul li:nth-child(4) a {
    background: url('/images/icon/icoSub27.svg')no-repeat 0 0;
}

.advantage_list ul li:nth-child(5) a {
    background: url('/images/icon/icoSub28.svg')no-repeat 0 0;
}

.advantage_list ul li:nth-child(6) a {
    background: url('/images/icon/icoSub29.svg')no-repeat 0 0;
}

.advantage_list ul.center li:nth-child(1) a {
    background: url('/images/icon/icoSub30.svg')no-repeat 0 0;
}

.advantage_list ul.center li:nth-child(2) a {
    background: url('/images/icon/icoSub31.svg')no-repeat 0 0;
}
.sub .tp-door-title.tp-type02{
    margin-bottom: 40px;
    padding: 0 200px;
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
}
.sub .doWrap .mms_list {
    margin: 52px 0 0 0px;
}

.sub .doWrap .mms_list li {
    padding: 2px 0 2px 50px;
    background-repeat: no-repeat;
    background-position: 0 center;
}

.sub .doWrap .mms_list li + li {
    margin-top: 43px;
}
.sub .landline .doWrap .mms_list li:nth-child(1) {
    background-image: url('/images/icon/icoSub32.svg');
}
.sub .landline .doWrap .mms_list li:nth-child(2) {
    background-image: url('/images/icon/icoSub44.svg');
}
.sub .landline .doWrap .mms_list li:nth-child(4) {
    background-image: url('/images/icon/icoSub161.svg');
}
.sub .doWrap .mms_list li:nth-child(1) {
    background-image: url('/images/icon/icoSub32.svg');
}

.sub .doWrap .mms_list li:nth-child(2) {
    background-image: url('/images/icon/icoSub33.svg');
}

.sub .doWrap .mms_list li:nth-child(3) {
    background-image: url('/images/icon/icoSub34.svg');
}

.sub .doWrap .mms_list li:nth-child(4) {
    background-image: url('/images/icon/icoSub35.svg');
}
.sub .doWrap .mms_list li:nth-child(5) {
    background-image: url('/images/icon/icoSub36.svg');
}

.sub .doWrap .mms_list li:nth-child(3){
    background-image: url('/images/icon/icoSub160.svg');
}
.how_mms {
    margin-bottom: 20px;
}

.how_mms .listWrap {
    margin-top: -62px;
    margin-bottom: 60px;
}

.how_mms .listWrap ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.how_mms .listWrap li {
    max-width: 280px;
    width: 33.333%;
    margin: 48.5px 48.5px 0;
    padding-top: 280px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center -16px;
    background-size: 100%;
}

.how_mms .listWrap li:nth-child(1) {
    background-image: url('/images/omni/mmsphone1.png');
}

.how_mms .listWrap li:nth-child(2) {
    background-image: url('/images/omni/mmsphone2.png');
}

.how_mms .listWrap li:nth-child(3) {
    background-image: url('/images/omni/mmsphone3.png');
}

.how_mms .listWrap li:nth-child(4) {
    background-image: url('/images/omni/mmsphone4.png');
}

.how_mms .listWrap li:nth-child(5) {
    background-image: url('/images/omni/mmsphone5.png');
}

.how_mms .listWrap li:nth-child(6) {
    background-image: url('/images/omni/mmsphone6.png');
}

.how_mms .listWrap li strong {
    font-size: 22px;
    font-weight: 600;
    color: var(--tit-color);
}
.how_mms p.align-C{
    padding: 0 30px;
    line-height: 1.7;
}
.how_mms p.align-C strong{
    font-weight: 500;
}
.left_con .icon_textlist:nth-child(1) {
    margin: 0;
}

.sub .icon_textlist {
    /*margin: 40px 0 0 0;*/
    /*padding-bottom: 100px;*/
}
.sub .more_advantage .icon_textlist{
    padding-bottom: 0;
}
.sub .icon_textlist ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -15px 0;
}
.sub .icon_textlist.compliance_wrap ul{
    margin-top: 40px;
    margin-bottom: 25px;
}
.sub .icon_textlist.compliance_wrap ul li{
    padding: 30px 37px 40px;
}
.sub .compliance_wrap .compliance_contact{
    margin-top: 0;
}
.sub .icon_textlist.fb ul{
    margin: -15px 0;
}
.sub .icon_textlist.fb ul li strong{
    padding-top: 72px;
}
.sub .icon_textlist ul li{
    max-width: 360px;
    width: 100%;
    height: auto;
    margin: 15px;
    padding: 30px 37px;
    background-color: #fff;
    box-shadow: 1px 9px 14px 0 rgb(5 16 35 / 14%);
    border-radius: 16px;
}
.sub .icon_textlist.campaign ul{
    margin: 0;
}
.sub .icon_textlist.campaign ul li{
    max-width: 580px;
    margin: 0;
    padding: 45px 54px;
}
.sub .icon_textlist.campaign ul li strong{
    padding-top: 60px;
    background-size: 44px;
}
.sub .icon_textlist.campaign ul li:nth-child(1) strong{
    background-image: url(/images/icon/icoSub24.svg);
}
.sub .icon_textlist.campaign ul li:nth-child(2) strong{
    background-image: url(/images/icon/icoSub06.svg);
}
.sub .icon_textlist.campaign ul li + li{
    margin-left: 40px;
}
.sub .icon_textlist.adv1 ul li{
    max-width: 430px;
    height: 353px;
    line-height: 1.8;
}
.sub .icon_textlist.adv1 ul li:nth-child(3),
.sub .icon_textlist.adv1 ul li:nth-child(4){
    height: auto;
}
.sub .icon_textlist.odd ul li{
    height: auto;
}
.sub .icon_textlist.adv2 ul{
    margin-top: 40px;
}
.sub .icon_textlist.signup ul li{
    height: 326px;
}
.sub .icon_textlist.two ul li{
    max-width: 430px;
}
.sub .icon_textlist .adList ul li{
    height: 400px;
}
.sub .icon_textlist .adList ul.center{
    margin-top: 35px;
}
.sub .icon_textlist .adList ul.center li{
    position: relative;
}
.sub .icon_textlist .adList ul.center li.on{
    height: 465px;
}
.sub .icon_textlist.adv2 ul li{
    margin-top: 0;
}
.sub .icon_textlist.adv2 .subTxt + .tp-door-title.tp-type03{
    margin-top: 40px;
}
.sub .more_list.icon_textlist ul li{
    height: auto;
    padding: 30px 37px 40px;
    text-align: left;
}
.sub .more_list.icon_textlist .moreadvantage_list{
    flex-wrap: nowrap;
    margin: 0;
}
.sub .more_list.icon_textlist .moreadvantage_list li{
    width: 290px;
    height: 290px;
    margin: 6px;
    padding: 22px 16px 0;
}
.sub .more_list.icon_textlist .moreadvantage_list li:first-child{
    margin-left: 0;
}
.sub .more_list.icon_textlist .moreadvantage_list li strong{
    background-size: 44px;
}
.sub .more_list.icon_textlist .moreadvantage_list li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub69.svg');
}
.sub .more_list.icon_textlist .moreadvantage_list li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub29.svg');
}
.sub .more_list.icon_textlist .moreadvantage_list li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub156.svg');
}
.sub .more_list.icon_textlist .moreadvantage_list li:nth-child(4) strong{
    background-image: url('/images/icon/icoSub05.svg');
}
.sub .more_list.icon_textlist .moreadvantage_list li strong{
    font-weight: 600;
}
.sub .more_list.icon_textlist .moreadvantage_list li p{
    color: #536170;
    line-height: 1.7;
    font-weight: 400;
}
.sub .icon_textlist.dataCapture ul li{
    width: 360px;
    height: 240px;
}
.sub .icon_textlist.adv3 ul li{
    width: 360px;
    height: 380px;
}

.sub .icon_textlist.manage ul,
.sub .icon_textlist.manage1 ul{
    margin-top: 25px;
}
.sub .icon_textlist.adv4 ul{
    margin: 20px 0;
}
.sub .icon_textlist.adv4 ul li{
    width: 360px;
    height: 412px;
    position: relative;
    overflow: hidden;
}
.sub .icon_textlist.adv4 ul li.on{
    height: auto;
    transition: all .3s ease;
}
.sub .icon_textlist.adv4 ul li.on:nth-child(1){
    max-height: 485px;
}
.sub .icon_textlist.adv4 ul li.on:nth-child(2){
    max-height: 606px;
}
.sub .icon_textlist.adv4 ul li.on:nth-child(3){
    max-height: 470px;
}
.sub .icon_textlist.adv4 ul li p{
    margin-bottom: 20px;
}
.sub .icon_textlist.vl ul li{
    width: 360px;
    height: auto;
}
.sub .icon_textlist.bnfs ul li{
    max-width: 430px;
    height: auto;
}
.sub .icon_textlist ul li .bullet_list{
    display: inherit;
    margin-top: 16px;
}
.sub .icon_textlist ul li .bullet_list li{
    width: 100%;
    height: auto;
    margin: 0 0 5px 0;
    padding: 0 0 0 12px;
    box-shadow: none;
    border-radius: 0;
}
.sub .icon_textlist ul li strong{
    display: block;
    margin-bottom: 16px;
    padding-top: 72px;
    font-size: 22px;
    color: var(--tit-color);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 56px;
    line-height: 1.4;
}
.sub .icon_textlist.bef ul li strong{
    margin-bottom: 0;
    padding-top: 72px;
}
.sub .icon_textlist.dt ul li{
    height: 350px;
}
.sub .icon_textlist.bef ul li{
    padding: 30px 37px 38px;
}
.sub .icon_textlist.dataCapture ul li strong{
    margin-bottom: 0; 
}
.sub .icon_textlist.manage ul{
    margin-bottom: -15px;
}
/*.sub .icon_textlist.compliant ul li{
    height: 400px;
}
.sub .icon_textlist.compliant ul li.on{
    height: auto;
}*/
.sub .icon_textlist.dev ul li{
    position: relative;
}
.sub .icon_textlist ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub38.svg');
}
.sub .icon_textlist ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub24.svg');
}
.sub .icon_textlist ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub37.svg');
}
.sub .icon_textlist ul li:nth-child(4) strong{
    background-image: url('/images/icon/icoSub27.svg');
}
.sub .icon_textlist.adv1 ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub41.svg');
}
.sub .icon_textlist.adv1 ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub42.svg');
}
.sub .icon_textlist.adv1 ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub43.svg');
}
.sub .icon_textlist.adv1 ul li:nth-child(4) strong{
    background-image: url('/images/icon/icoSub34.svg');
}
.sub .icon_textlist.adv2 ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub05.svg');
}
.sub .icon_textlist.adv2 ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub06.svg');
}
.sub .icon_textlist.adv2 ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub07.svg');
}

.sub .icon_textlist.adv3 ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub09.svg');
}
.sub .icon_textlist.adv3 ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub74.svg');
}
.sub .icon_textlist.adv3 ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub02.svg');
}

.sub .icon_textlist.odd ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub45.svg');
}
.sub .icon_textlist.odd ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub41.svg');
}
.sub .icon_textlist.odd ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub07.svg');
}
.sub .icon_textlist.signup ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub45.svg');
}
.sub .icon_textlist.signup ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub24.svg');
}
.sub .icon_textlist.signup ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub25.svg');
}
.sub .icon_textlist .adList ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub47.svg');
}
.sub .icon_textlist .adList ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub24.svg');
}
.sub .icon_textlist .adList ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub48.svg');
}
.sub .icon_textlist .adList ul.center li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub46.svg');
}
.sub .icon_textlist .adList ul.center li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub49.svg');
}
.sub .more_list.icon_textlist ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub88.svg');
}
.sub .more_list.icon_textlist #core li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub68.svg');
}
.sub .more_list.icon_textlist #automation li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub69.svg');
}
.sub .more_list.icon_textlist ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub89.svg');
}
.sub .more_list.icon_textlist #core li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub69.svg');
}
.sub .more_list.icon_textlist ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub29.svg');
}
.sub .icon_textlist.dataCapture ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub24.svg');
}
.sub .icon_textlist.dataCapture ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub46.svg');
}
.sub .icon_textlist.dataCapture ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub70.svg');
}
.sub .icon_textlist.fb ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub71.svg');
}
.sub .icon_textlist.fb ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub47.svg');
}
.sub .icon_textlist.fb ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub72.svg');
}
.sub .icon_textlist.fb ul li:nth-child(4) strong{
    background-image: url('/images/icon/icoSub73.svg');
}
.sub .icon_textlist.fb ul li:nth-child(5) strong{
    background-image: url('/images/icon/icoSub48.svg');
}
.sub .icon_textlist.dt ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub74.svg');
}
.sub .icon_textlist.dt ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub45.svg');
}
.sub .icon_textlist.manage ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub48.svg');
}
.sub .icon_textlist.manage ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub75.svg');
}
.sub .icon_textlist.manage ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub77.svg');
}
.sub .icon_textlist.manage1 ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub76.svg');
}
.sub .icon_textlist.manage1 ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub39.svg');
}
.sub .icon_textlist.manage1 ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub71.svg');
}
.sub .icon_textlist.compliant ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub78.svg');
}
.sub .icon_textlist.compliant ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub79.svg');
}
.sub .icon_textlist.compliant ul li:nth-child(2) strong a{
    color: var(--tit-color);
}
.sub .icon_textlist.compliant ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub80.svg');
}
.sub .icon_textlist.account ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub72.svg');
}
.sub .icon_textlist.account ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub87.svg');
}
.sub .icon_textlist.account ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub86.svg');
}
.sub .icon_textlist.compliance_wrap ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub06.svg');
}
.sub .icon_textlist.compliance_wrap ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub24.svg');
}
.sub .icon_textlist.compliance_wrap ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub15.svg');
}
.sub .icon_textlist.adv4 ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub90.svg');
}
.sub .icon_textlist.adv4 ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub48.svg');
}
.sub .icon_textlist.adv4 ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub72.svg');
}
.sub .icon_textlist.dev ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub90.svg');
}
.sub .icon_textlist.dev ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub72.svg');
}
.sub .icon_textlist.dev ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub38.svg');
}
.sub .icon_textlist.solution ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub102.svg');
}
.sub .icon_textlist.solution ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub103.svg');
}
.sub .icon_textlist.white ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub38.svg');
}
.sub .icon_textlist.white ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub105.svg');
}
.sub .icon_textlist.white ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub106.svg');
}
.sub .icon_textlist.vl ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub110.svg');
}
.sub .icon_textlist.vl ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub111.svg');
}
.sub .icon_textlist.vl ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub112.svg');
}
.sub .icon_textlist.tg ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub113.svg');
}
.sub .icon_textlist.tg ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub114.svg');
}
.sub .icon_textlist.tg ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub115.svg');
}
.sub .icon_textlist.tg ul li:nth-child(4) strong{
    background-image: url('/images/icon/icoSub85.svg');
}
.sub .icon_textlist.tg ul li:nth-child(5) strong{
    background-image: url('/images/icon/icoSub117.svg');
}
.sub .icon_textlist.tg ul li:nth-child(6) strong{
    background-image: url('/images/icon/icoSub116.svg');
}
.sub .icon_textlist.tg ul li:nth-child(7) strong{
    background-image: url('/images/icon/icoSub71.svg');
}

.sub .icon_textlist.bef ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub71.svg');
}
.sub .icon_textlist.bef ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub73.svg');
}
.sub .icon_textlist.bef ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub70.svg');
}

.sub .icon_textlist.bnfs ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub07.svg');
}
.sub .icon_textlist.bnfs ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub83.svg');
}
.sub .icon_textlist.bnfs ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub159.svg');
}
.sub .icon_textlist.bnfs ul li:nth-child(4) strong{
    background-image: url('/images/icon/icoSub95.svg');
}
.sub .icon_textlist ul li a:hover strong{
    text-decoration: underline;
}
.sub .icon_textlist .subTitle{
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 22px;
    color: var(--tit-color);
}
.moreTxt{
    display: none;
}
.moreTxt.on{
    display: inline;
}
.moreBtn{
    width: 15px;
    height: 9px;
    display: block;
    position: absolute;
    bottom: 34px;
    left: 50%;
    transform: translateX(-50%);
    background: url('/images/icon/icoArro_dw.svg')no-repeat center;
}
.moreBtn2{
    width: 15px;
    height: 9px;
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    display: block;
    background: url('/images/icon/icoArro_dw.svg')no-repeat center;
}
.moreBtn.one{
    bottom: 20px;
}
.moreBtn.on,
.moreBtn2.on,
.moreBtn.one.on{
    transform: rotate(180deg);
    left: 48%;
}
.sub .icon_textlist.compliant ul li .moreBtn.one{
    bottom: 34px;
}
.sub .icon_textlist.compliant ul li .moreBtn.one.on{
    left: 49%;
}
.sub .subTab{
    
}
.sub .subTab .top ul{
    display: flex;
    justify-content: space-evenly;
}
.sub .subTab .top ul li{
    width: 175px;
    padding: 22px 21px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.sub .subTab .top ul li span{
    display: block;
    padding-top: 60px;
    font-weight: 500;
    background-repeat: no-repeat;
    background-position: center 0;
}
.sub .subTab .top ul li:nth-child(1) span{
    background-image: url('/images/icon/icoSub39_off.svg');
}
.sub .subTab .top ul li.on:nth-child(1) span{
    background-image: url('/images/icon/icoSub39.svg');
}
.sub .subTab .top ul li:nth-child(2) span{
    background-image: url('/images/icon/icoSub37_off.svg');
}
.sub .subTab .top ul li.on:nth-child(2) span{
    background-image: url('/images/icon/icoSub37.svg');
}
.sub .subTab .top ul li:nth-child(3) span{
    background-image: url('/images/icon/icoSub33_off.svg');
}
.sub .subTab .top ul li.on:nth-child(3) span{
    background-image: url('/images/icon/icoSub33.svg');
}
.sub .subTab .top ul li:nth-child(4) span{
    background-image: url('/images/icon/icoSub27_off.svg');
}
.sub .subTab .top ul li.on:nth-child(4) span{
    background-image: url('/images/icon/icoSub27.svg');
}
.sub .subTab .top ul li:nth-child(5) span{
    background-image: url('/images/icon/icoSub40_off.svg');
}
.sub .subTab .top ul li.on:nth-child(5) span{
    background-image: url('/images/icon/icoSub40.svg');
}
.sub .subTab .top ul li.on span{
    color: var(--em-color);
}
.sub .subTab .cont{
    width: 90%;
    margin: 40px auto 0px;
}
.sub .subTab .cont .tab{
    display: none;
    padding: 40px 48px;
    box-shadow: 1px 9px 20px 4px rgb(5 16 35 / 14%);
    border-radius: 16px;
}
.sub .subTab .cont .tab.on{
    display: block;
}
.sub .subTab .cont .tab h3{
    margin-bottom: 20px;
    font-size: 22px;
    color: var(--tit-color);
}
.sub .subTab .cont .tab h3 a{
    color: var(--tit-color);
}
.sub .subTab .cont .tab h3 a:hover{
    text-decoration: underline;
}
.sub .subTab .cont .tab h3 a .tp-color03{
    color: #04C9D2 !important;
}
.sub .subTab .cont .tab h3 a:hover .tp-color03{
    text-decoration: underline;
}
.sub .subTab .cont .tab h3 a .tp-color04{
    color: #564FCF !important;
}
.sub .subTab.normal{
    margin-top: 34px;
}
.sub .subTab.normal .top{
    
}
.sub .subTab.normal .top .moBtn{
    display: none;
}
.sub .subTab.normal .top ul{
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 0 145px;
}
.sub .subTab.normal .top ul li{
    width: auto;
    height: 36px;
    margin: 6px;
    padding: 3px 20px;
    border: 1px solid #ccc;
    border-radius: 20px;
    font-size: 16px;
}
.sub .subTab.normal .top ul li.on{
    background-color: var(--em-color);
    border: 1px solid var(--em-color);
}
.sub .subTab .top ul li span{
    padding-top: 0;
}
.sub .subTab.normal .top ul li.on span{
    color: #fff;
}
.sub .subTab.normal .top ul li span,
.sub .subTab.normal .top ul li.on span{
    background-image: none;
}
.sub .subTab.normal .tp-door-list-bullet.tp-color02 li{
    color: #536170;
}
.sub .subTab.normal .tp-door-list-bullet.tp-color02 li:before{
    background: #536170;
}
.sub .subTab.normal .tp-door-list-bullet li{
    margin-top: 0;
    font-size: 16px;
}
.sub .tp-door-cont.appointment .tp-door-side{
    margin: 17px 0;
}
.sub .tp-door-cont.appointment .tp-door-side:nth-of-type(1){
    margin-top: 40px;
}
.sub .appointment .content_box .tp-side-txt{
    margin-top: 0;
}
.sub .appointment .tp-side-img ~ .tp-side-txt,
.sub .appointment .tp-side-txt ~ .tp-side-img{
    margin-left: 150px;
}
.sub .appointment .tp-side-txt ~ .tp-side-img{
    margin-right:0;
}
.sub .appointment.tp-door-cont [class*=tp-side-img]:nth-child(2n){
    margin-left: 85px;
}
.sub .tp-door-cont.appointment .mobile-img{
    display: none;
}
.sub .appointment .tp-side-txt h3.tp-door-title{
    padding-top: 56px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 40px;
}
.sub .appointment .tp-side-txt h3.tp-door-title.ico1{
    background-image: url('/images/icon/icoSub158.svg');
}
.sub .appointment .tp-side-txt h3.tp-door-title.ico2{
    background-image: url('/images/icon/icoSub25.svg');
}
.sub .appointment .tp-side-txt h3.tp-door-title.ico3{
    background-image: url('/images/icon/icoSub44.svg');
}
.sub .tp-door-list-bullet li{
    padding-left: 10px;
}
.sub .tp-door-list-bullet li:before{
    top: 14px;
    background-color: #536170;
}
.sub .appointment .content_box{
    
}
.sub .appointment [class*=tp-side-txt]:nth-child(2n-1) {
    margin-left: 38px;
}
.sub .appointment .tp-door-list-bullet li{
    font-size: 16px;
}
.sub .appointment .fixsize{
    width: 350px;
}
.sub .content_box .iframeWrap{
    width: 560px;
    margin: 0 auto;
}
.sub .content_box .iframeWrap iframe{
    width: 100%;
    height: 315px;
}
.sub .flWrap{
    display: flex;
}
.sub .flWrap .flBox{
    padding-left: 78px;
}
.sub .flWrap .flBox h2{
    padding: 0 0px;
    text-align: left;
    font-size: 40px;
}
.sub .flWrap .flBox .subTxt{
    padding: 0;
    text-align: left;
}
.sub .flWrap .flBox.how_list{
    padding-left: 123px;
}
.sub .flWrap .flBox.how_list h3{
    margin-bottom: 20px;
    padding: 0;
    font-size: 22px;
}
.sub .flWrap .flBox.how_list ul{
    width: 477px;
    padding: 40px 24px;
}
.sub .flWrap .flBox.how_list ul li{
    padding: 20px 0;
}
.sub .flWrap .flBox.how_list ul li:nth-child(1){
    padding-top: 0;
}
.sub .flWrap .flBox.how_list ul li:last-child{
    padding-bottom: 0;
}
.sub .flWrap .flBox.how_list ul li em{
    font-size: 22px;
}
.sub .flWrap .sizeBox-2{
    flex: 2;
    padding-left: 124px;
}
.sub .flWrap .sizeBox-1{
    flex: 1;
}
.sub .targeting_example .example_list {
    padding: 40px 0 38px 0px;
}
.sub .phone_ani {
    width: 250px;
    height: 650px;
}
.sub .phone_ani .phone_img {
    position: relative;
    top: -110px;
}
.sub .phone_ani .phone {
    width: 250px;
    height: 500px;
    padding: 110px 0 89px 0;
    background: url(/images/auto/bg_phone.png) no-repeat;
}

.sub .phone_ani .phone ul {
    overflow: hidden;
    width: 100%;
    height: auto;
}

.sub .phone_ani .phone ul {
    position: absolute;
    bottom: 65px;
}

.sub .phone_ani .phone ul li {
    overflow: hidden;
    position: relative;
    height: 0;
    transition: all cubic-bezier(.68, -.55, .265, 1.55) .4s;
    transform: scale(0);
    opacity: 0;
}

.sub .phone_ani .phone ul li:nth-of-type(odd) {
    right: 25px;
    text-align: right;
    transform-origin: right bottom;
}

.sub .phone_ani .phone ul li:nth-of-type(even) {
    left: 25px;
    text-align: left;
}

.sub .phone_ani .phone ul li.motion {
    height: auto;
    transform: scale(1);
    opacity: 1;
}

.sub .phone_ani .phone ul li:nth-of-type(2) {
    transition-delay: .3s;
}

.sub .phone_ani .phone ul li:nth-of-type(3) {
    transition-delay: .3s;
}

.sub .phone_ani .phone ul li:nth-of-type(4) {
    transition-delay: .3s;
}

.sub .phone_ani .phone ul li:nth-of-type(5) {
    transition-delay: .3s;
}

.sub .phone_ani .phone ul li:nth-of-type(6) {
    transition-delay: .3s;
}
.sub .roll_bt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 13px;
    text-align: center;
}

.sub .roll_bt > button {
    width: 13px;
    height: 13px;
    margin-left: 5px;
    border: solid 1px #d1d1d1;
    border-radius: 50%;
    background: #fff;
    pointer-events: none;
}

.sub .roll_bt > button:first-child {
    margin-left: 0;
}

.sub .roll_bt > button.on,
.sub .roll_bt > button:hover {
    background: #0188EF;
}
.sub .phone_ani .roll_num {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 46px;
    text-align: center;
}

.sub .phone_ani .roll_num span {
    display: inline-block;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    color: #59c3c3;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 46px;
    background: #c7e8ee;
}
.sub .targeting_example .phone_ani {
    width: 179px;
    height: 453px;
    position: absolute;
    right: 9%;
}

.sub .targeting_example .phone_ani .phone {
    position: absolute;
    top: 62px;
    width: 176px;
    height: 356px;
    padding: 70px 0 65px 0;
    background-size: 179px;
}

.sub .targeting_example .phone_ani .roll_num span {
    color: #0188EF;
    background: #B2DBFA;
}

.sub .phone_ani .phone ul li.motion span {
    right: auto !important;
    left: 20px !important;
}

.roll_bt > button.on,
.sub .targeting_example .roll_bt > button:hover {
    background: #817dc5;
}

.sub .example_list ol li {
    position: relative;
    margin-bottom: 40px;
    padding-left: 49px;
}
.sub .example_list ol li:last-child{
    margin-bottom: 0;
}
.sub .example_list ol li em {
    display: block;
    position: absolute;
    top: -5px;
    left: 0;
    width: 30px;
    color: var(--tit-color);
    font-size: 22px;
    font-weight: 600;
}

.sub .example_list .bullet_list > li:after {
    width: 4px;
    height: 4px;
    top:11px;
    background: #536170;
}

.sub .phone_ani.stop .roll_bt,
.sub .phone_ani.stop .roll_num {
    display: none;
}

.sub .phone_ani.stop .phone ul li span:nth-of-type(1) {
    top: 10px;
    right: auto;
    left: 0;
    animation-name: none;
    animation-play-state: paused;
    opacity: 1;
    opacity: 1 !important;
}

.sub .phone_ani.stop .phone {
    top: 0;
}
.sub .targeting_example .trakPhone{
    width: 176px;
    height: 356px;
    position: relative;
    background: url(/images/auto/bg_phone.png) no-repeat;
    background-size: contain;
}
.sub .targeting_example .trakPhone img{
    position: absolute;
    top: 84px;
    left: 21px;
}
.sub .targeting_example h3{
    font-size: 22px;
    color: var(--tit-color);
}
.sub .targeting_example.big {
    margin: 0;
}
.sub .targeting_example.big .content_box{
    padding-left: 113px;
    padding-right: 79px;
}
.sub .targeting_example.big .phone_ani {
    right: 71%;
    top: 77px;
    width: 225px;
    height: 450px;
}

.sub .targeting_example.big .example_list {
    padding: 0px 0 0px 350px;
    border-bottom: none;
}
.sub .targeting_example.big .example_list h3{
    margin-bottom: 40px;
    padding-left: 0;
}
.sub .targeting_example.big .phone_ani .phone {
    top: 0;
    width: 225px;
    height: 450px;
    padding: 110px 0 89px 0;
    background-size: 225px;
}

.sub .targeting_example.big .phone_ani .roll_num {
    display: none;
}

.sub .targeting_example.big .phone_ani .roll_bt {
    display: none;
}

.sub .phone_ani .phone ul li.motion em {
    display: block;
    padding-right: 10px;
    color: #e95d74;
    font-weight: 700;
    text-align: right;
}

.sub .targeting_example .phone_ani li {
    padding-bottom: 5px;
}

.sub .targeting_example.big .phone_ani .phone ul {
    bottom: 65px;
}

.sub .targeting_example.big.lead .phone_ani .phone ul {
    bottom: 110px;
}

.sub .targeting_example.big .phone_ani .phone ul li em {
    display: block;
    position: relative;
    padding-right: 10px;
    color: #e95d74;
    font-weight: 700;
    text-align: right;
    transition-delay: .5s;
}

.sub .targeting_example.big .phone_ani .phone ul li.motion em {
    animation-name: emani1;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    opacity: 0;
}

.sub .targeting_example.big .phone_ani .phone ul li {
    position: relative;
    transition: all ease-in-out;
}

.sub .targeting_example.big .phone_ani .phone ul li img {
    transition: all cubic-bezier(.68, -.55, .265, 1.55) .4s;
    transform: scale(0);
}

.sub .targeting_example.big .phone_ani .phone ul li.motion img {
    transition: all cubic-bezier(.68, -.55, .265, 1.55) .4s;
    transform: scale(1);
}

.sub .phone_ani .phone ul li.motion.link {
    height: 80px;
    transition: all ease-in;
}

.sub .phone_ani .phone ul li.motion.link span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 62px;
}

.sub .phone_ani .phone ul li.motion.link span:nth-child(1) {
    animation-name: emani1;
    animation-duration: 3s;
    animation-fill-mode: forwards;
}

.sub .phone_ani .phone ul li.motion.link span:nth-child(2) {
    animation-name: emani2;
    animation-duration: 3s;
    animation-delay: 1s;
    animation-fill-mode: backwards;
}

.sub .phone_ani .phone ul li.motion.link em {
    position: absolute;
    animation-name: emani3;
    animation-duration: 3s;
    animation-delay: 2s;
    opacity: 0;
}

.sub .phone_ani .phone ul li.motion span {
    right: auto !important;
    left: auto !important;
}

.sub .phone_ani.stop .phone ul {
    top: 80px;
    bottom: auto;
}

.sub .phone_ani.stop .phone ul li:nth-of-type(1) {
    right: 0;
    left: 25px;
    text-align: left;
}

.sub .phone_ani.sample1 .phone ul li:nth-of-type(odd) {
    left: 25px;
    text-align: left;
}
.sub .flWrap.report {
    margin-bottom: 40px;
}
.sub .flWrap .box:nth-of-type(1){
    
}
.sub .flWrap .box:nth-of-type(2){
    flex: 1;
}
.sub .flWrap .box + .box{
    margin-left: 84px;
}
.sub .flWrap .box .tit{
    margin-bottom: 20px;
    padding-top: 76px;
    color: var(--tit-color);
    font-size: 28px;
    background-repeat: no-repeat;
    background-size: 56px;
}
.sub .flWrap.report .box:nth-of-type(1) .tit{
    background-image: url('/images/icon/icoSub90.svg');
}
.sub .flWrap.report .box p{
    font-weight: 500;
}
.sub .flWrap .box:nth-of-type(1) .tit{
    background-image: url('/images/icon/icoSub71.svg');
}
.sub .flWrap .box:nth-of-type(2) .tit{
    background-image: url('/images/icon/icoSub45.svg');
}
.sub .flWrap .box .bullet_list{
    margin-top: 20px;
    margin-bottom: 40px;
    font-weight: 400;
}
.sub .flWrap .box .bullet_list > li{
    margin-bottom: 15px;
}
.sub .flWrap .box .bullet_list > li:after{
    top: 12px;
    background-color: #707070;
}
.sub .red{
    color: #EA657B;
}
.sub .how_work{
    
}
.sub .how_work ol{
    display: flex;
    flex-wrap: wrap;
    margin-top: -15px;
    margin-bottom: -15px;
}
.sub .how_work ol > li{
    width: 570px;
    height: auto;
    display: flex;
    margin: 15px;
    padding: 40px 24px;
    background-color: #fff;
    box-shadow: 0 15px 30px 0 rgb(0 0 0 / 14%);
    border-radius: 16px;
    overflow: hidden;
}
.sub .how_work ol > li .num{
    width: 45px;
    font-size: 22px;
    font-weight: 600;
    color: var(--tit-color);
}
.sub .how_work ol > li .wrap{
    padding-left: 8px;
}
.sub .how_work ol > li .bullet_list {
    padding-top: 20px;
}
.sub .how_work ol > li .bullet_list li{
    position: relative;
    margin-bottom: 9px;
    padding-left: 12px;
    font-size: 14px;
}
.sub .how_work ol > li .bullet_list li:last-child{
    margin-bottom: 0;
}
.sub .how_work ol > li .bullet_list li:after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #536170;
}
.sub .animation .content_box{
    padding-left: 94px;
}
.sub .animation .tp-door-title.tp-type02{
    padding: 0;
    font-size: 22px;
    text-align: left;
}
.sub .animation .aniWrap{
    display: flex;
}
.sub .animation .aniWrap ol li{
    display: flex;
    margin-bottom: 40px;
}
.sub .animation .aniWrap ol li:last-child{
    margin-bottom: 0;
}
.sub .animation .aniWrap ol li .num{
    width: 45px;
    font-size: 22px;
    font-weight: 600;
    color: var(--tit-color);
}
.sub .animation .aniWrap ol li span{
    width: 616px;
}
.sub .animation .aniWrap .phone_ani{
    height: auto;
    margin-left: 106px;
    margin-top: -73px;
}
.sub .core_fe{
    margin-bottom: 20px;
}
.sub .core_fe .ball_list .ball{
    margin-top: 0;
}
.listImg{
    display: flex;
    align-items: flex-end;
}
.listImg li{
    width: 150px;
    height: 120px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin: 0 15px;
    padding-bottom: 15px;
    text-align: center;
}

.listImg li p{
    margin-top: 15px;
    font-size: 14px;
    font-weight: 500;
}


.icon_textlist.advantage ul li > strong {
    display: inline-block;
    border-bottom: solid 1px #01baef;
    color: #01baef;
}

.icon_textlist.advantage ul li > strong a {
    color: #01baef;
}

.icon_textlist.advantage ul li > span {
    display: block;
    margin-top: 10px;
}

.icon_textlist.advantage ul li > span > em {
    display: inline-block;
    position: relative;
    border-bottom: solid 1px #01baef;
    color: #01baef;
    font-size: 16px;
}

.icon_textlist.advantage ul li:nth-of-type(1) {
    background: url(/images/core/icon_sns5.png) no-repeat 5px top;
}

.icon_textlist.advantage ul li:nth-of-type(2) {
    background: url(/images/core/icon_sns6.png) no-repeat 5px 40px;
}

.icon_textlist.advantage ul li:nth-of-type(3) {
    background: url(/images/core/icon_sns7.png) no-repeat 5px 40px;
}

.icon_textlist.advantage ul li:nth-of-type(4) {
    background: url(/images/core/icon_sns8.png) no-repeat 5px 40px;
}

.icon_textlist.signup {
    padding: 54px 0 0 0;
}

.icon_textlist.signup ul li > span {
    display: block;
}
.advantage_list.yesno .tooltip:after {
    background-position: 130px center !important;
}

.advantage_list.yesno .tooltip {
    width: 100%;
    max-width: 544px;
}

.icon_textlist.mobile ul li:nth-of-type(1) {
    background: url(/images/core/icon_mobile1.png) no-repeat 15px top;
}

.icon_textlist.mobile ul li:nth-of-type(2) {
    background: url(/images/core/icon_mobile2.png) no-repeat 15px 40px;
}

.icon_textlist.mobile ul li:nth-of-type(3) {
    background: url(/images/core/icon_mobile3.png) no-repeat 15px 40px;
}

.icon_textlist.mobile ul li:nth-of-type(4) {
    background: url(/images/core/icon_mobile4.png) no-repeat 15px 40px;
}

/*.auto_textlist.mobilekeyword {
    position: relative;
    padding: 0 338px 20px 0;
    border-bottom: solid 1px #ebebeb;
}

.auto_textlist.mobilekeyword:after {
    content: "";
    display: block;
    position: absolute;
    top: 40px;
    right: 0;
    width: 328px;
    height: 410px;
    background: url(/images/core/mobile_keyword_img1.png) no-repeat;
}

.auto_textlist.mobilekeyword > ol > li:first-child {
    padding: 19px 40px 25px 96px;
}

.auto_textlist.mobilekeyword > ol > li {
    padding: 25px 40px 25px 96px;
}

.auto_textlist.mobilekeyword > ol > li > em.num {
    top: 5px;
}

.auto_textlist.mobilekeyword > ol > li:first-child > em.num {
    top: 0;
}

.auto_textlist.mobilekeyword > ol > li:nth-of-type(3) > em.num {
    top: 17px;
}*/

.icon_textlist.mobile .page-tit-depth4-puple {
    text-align: left;
}

.icon_textlist.mobile ul li {
    padding: 55px 40px 55px 209px;
    line-height: 32px;
}

.icon_textlist.mobile ul li:nth-of-type(1) {
    padding: 40px 40px 55px 209px;
    background: url(/images/core/mobile_keyword_img2.png) no-repeat left 10px;
}

.icon_textlist.mobile ul li:nth-of-type(2) {
    background: url(/images/core/mobile_keyword_img3.png) no-repeat left 40px;
}

.icon_textlist.mobile ul li:nth-of-type(3) {
    background: url(/images/core/mobile_keyword_img4.png) no-repeat left 40px;
}

.icon_textlist.mobile ul li:nth-of-type(4) {
    padding: 55px 40px 0 209px;
    background: url(/images/core/mobile_keyword_img5.png) no-repeat left 40px;
}

.icon_textlist.import ul li:nth-of-type(1) {
    background: url(/images/core/icon_import1.png) no-repeat 15px top;
}

.icon_textlist.import ul li:nth-of-type(2) {
    background: url(/images/core/icon_import2.png) no-repeat 15px 40px;
}

.icon_textlist.import ul li:nth-of-type(3) {
    background: url(/images/core/icon_import3.png) no-repeat 15px 44px;
}

.icon_textlist.import ul li:nth-of-type(4) {
    background: url(/images/core/icon_import6.png) no-repeat 15px 44px;
}

.icon_textlist.import ul li:nth-of-type(5) {
    background: url(/images/core/icon_import4.png) no-repeat 15px 44px;
}

.icon_textlist.appiont ul li:nth-of-type(1) {
    background: url(/images/core/icon_appointment1.png) no-repeat 25px top;
}

.icon_textlist.appiont ul li:nth-of-type(2) {
    background: url(/images/core/icon_appointment2.png) no-repeat 15px 46px;
}

.icon_textlist.appiont ul li:nth-of-type(3) {
    background: url(/images/core/icon_appointment3.png) no-repeat 15px 46px;
}

.icon_textlist.appiont ul li:nth-of-type(4) {
    background: url(/images/core/icon_appointment4.png) no-repeat 15px 46px;
}

.icon_textlist.appiont ul li .bullet_list {
    margin: 0 0 0 5px;
}

.icon_textlist.appiont ul li .bullet_list > li {
    margin-bottom: 5px;
    padding: 0 0 0 12px;
    border-bottom: none;
    background: 0 0;
}

.page-tit-depth2.line-h span {
    line-height: 61px;
}

.page_Decsub.sms {
    padding: 0 290px 40px 0;
    font-size: 16px;
    font-weight: 400;
    background: url(/images/omni/bg_sms.png) no-repeat right top;
}

.icon_textlist.sms {
    padding: 0 0 50px 0;
}

.icon_textlist.sms h2 {
    margin-bottom: 40px;
}

.icon_textlist.sms h2.page-tit-depth4-green {
    text-align: center;
}

.icon_textlist.sms ul:after {
    content: "";
    display: block;
    clear: both;
}

.icon_textlist.sms ul li {
    float: left;
    width: 50%
}

.icon_textlist.sms ul li:nth-of-type(1),
.icon_textlist.sms ul li:nth-of-type(2) {
    height: 160px;
    padding: 0 40px 0 76px;
}

.icon_textlist.sms ul li:nth-of-type(3),
.icon_textlist.sms ul li:nth-of-type(4) {
    height: 206px;
    padding: 40px 20px 0 76px;
}

.icon_textlist.sms ul li:nth-of-type(1) {
    border-right: dashed 2px #e1e1e1;
    background: url(/images/omni/icon_sms1.png) no-repeat 5px 0;
}

.icon_textlist.sms ul li:nth-of-type(2) {
    padding: 0 0 0 96px;
    background: url(/images/omni/icon_sms2.png) no-repeat 30px 0;
}

.icon_textlist.sms ul li:nth-of-type(3) {
    border-right: dashed 2px #e1e1e1;
    border-bottom: none;
    background: url(/images/omni/icon_sms3.png) no-repeat 5px 44px;
}

.icon_textlist.sms ul li:nth-of-type(4) {
    padding: 40px 0 0 96px;
    background: url(/images/omni/icon_sms4.png) no-repeat 30px 44px;
}

.discover_sms {
    overflow: hidden;
    width: 100%;
    margin-top: 20px;
    padding: 44px 0 0 0;
    border-top: solid 2px #e1e1e1;
}

.discover_sms .title_sub {
    margin-top: 0;
    margin-bottom: 40px;
}

.discover_sms ul.discover_list {
    position: relative;
    left: -20px;
    width: 110%
}

.discover_sms ul.discover_list:after {
    content: "";
    display: block;
    clear: both;
}

.discover_sms ul.discover_list li {
    float: left;
    width: 150px;
    height: 150px;
    margin: 0 0 20px 20px;
}

.discover_sms ul.discover_list li a {
    display: block;
    padding: 99px 18px 0 18px;
    color: #3c4147;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    letter-spacing: -.5px;
    line-height: 19px;
}

.discover_sms ul.discover_list li.discover1 {
    background: url(/images/omni/icon_sms13.png) no-repeat;
}

.discover_sms ul.discover_list li.discover2 {
    background: url(/images/omni/icon_sms14.png) no-repeat;
}

.discover_sms ul.discover_list li.discover3 {
    background: url(/images/omni/icon_sms15.png) no-repeat;
}

.discover_sms ul.discover_list li.discover4 {
    background: url(/images/omni/icon_sms16.png) no-repeat;
}

.discover_sms ul.discover_list li.discover5 {
    background: url(/images/omni/icon_sms17.png) no-repeat;
}

.discover_sms ul.discover_list li.discover6 {
    background: url(/images/omni/icon_sms18.png) no-repeat;
}

.discover_sms ul.discover_list li.discover7 {
    background: url(/images/omni/icon_sms19.png) no-repeat;
}

.discover_sms ul.discover_list li.discover8 {
    background: url(/images/omni/icon_sms20.png) no-repeat;
}

.discover_sms ul.discover_list li.discover9 {
    background: url(/images/omni/icon_sms21.png) no-repeat;
}

.discover_sms ul.discover_list li.discover10 {
    background: url(/images/omni/icon_sms22.png) no-repeat;
}

.discover_sms ul.discover_list li.discover11 {
    background: url(/images/omni/icon_sms23.png) no-repeat;
}

.discover_sms ul.discover_list li.discover12 {
    background: url(/images/omni/icon_sms24.png) no-repeat;
}

.discover_sms ul.discover_list li.discover13 {
    background: url(/images/omni/icon_sms25.png) no-repeat;
}

.discover_sms ul.discover_list li.discover14 {
    background: url(/images/omni/icon_sms26.png) no-repeat;
}

.discover_sms ul.discover_list li.discover15 {
    background: url(/images/omni/icon_sms27.png) no-repeat;
}

.icon_textlist.mms h2 {
    margin-bottom: 40px;
}

.icon_textlist.mms ul li:nth-of-type(1) {
    background: url(/images/omni/icon_mms1.png) no-repeat 24px 0;
}

.icon_textlist.mms ul li:nth-of-type(2) {
    background: url(/images/omni/icon_mms2.png) no-repeat 15px 44px;
}

.icon_textlist.mms ul li:nth-of-type(3) {
    background: url(/images/omni/icon_mms3.png) no-repeat 5px 22px;
}

.icon_textlist.mms ul li:nth-of-type(4) {
    background: url(/images/omni/icon_mms4.png) no-repeat 5px 22px;
}

.icon_textlist.mms ul li:nth-of-type(5) {
    background: url(/images/omni/icon_mms5.png) no-repeat 5px 22px;
}
.sub .trumpiaad2 .tp-door-title.tp-type02{
    margin-bottom: -15px;
}
.sub .trumpiaad2 .advantage_list ul li{
    height: 326px;
}
.advantage_list.trumpiaad2 ul li strong {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
}

.advantage_list.trumpiaad2 ul li:nth-of-type(1) {
    background: url(/images/omni/icon_mms6.png) no-repeat 5px 0;
}

.advantage_list.trumpiaad2 ul li:nth-of-type(2) {
    background: url(/images/omni/icon_mms7.png) no-repeat 5px 44px;
}

.advantage_list.trumpiaad2 ul li:nth-of-type(3) {
    padding: 40px 40px 40px 96px;
    background: url(/images/omni/icon_mms8.png) no-repeat 5px 44px;
}

.advantage_list.trumpiaad2 ul li:nth-of-type(4) {
    background: url(/images/omni/icon_mms9.png) no-repeat 5px 44px;
}

.advantage_list.trumpiaad2 ul li:nth-of-type(5) {
    background: url(/images/omni/icon_mms10.png) no-repeat 5px 44px;
}

.advantage_list.trumpiaad2 ul li:nth-of-type(6) {
    background: url(/images/omni/icon_mms11.png) no-repeat 5px 44px;
}

.advantage_list.trumpiaad2 ul li:nth-of-type(7) {
    background: url(/images/omni/icon_mms12.png) no-repeat 5px 44px;
}

.advantage_list.trumpiaad2 ul li:nth-of-type(8) {
    border-bottom: none;
    background: url(/images/omni/icon_mms13.png) no-repeat 5px 44px;
}

.icon_textlist.social ul li:nth-of-type(1) {
    background: url(/images/omni/icon_social1.png) no-repeat 15px 0;
}

.icon_textlist.social ul li:nth-of-type(2) {
    background: url(/images/omni/icon_social2.png) no-repeat 15px 44px;
}

.icon_textlist.social ul li:nth-of-type(3) {
    background: url(/images/omni/icon_social3.png) no-repeat 5px 44px;
}

.icon_textlist.voice h2 {
    margin-bottom: 40px;
    text-align: left;
}

.icon_textlist.voice ul li:nth-of-type(1) {
    background: url(/images/omni/icon_voice1.png) no-repeat 25px -1px;
}

.icon_textlist.voice ul li:nth-of-type(2) {
    background: url(/images/omni/icon_voice2.png) no-repeat 15px 35px;
}

.icon_textlist.voice ul li:nth-of-type(3) {
    background: url(/images/omni/icon_voice3.png) no-repeat 5px 22px;
}

.icon_textlist.voice ul li:nth-of-type(4) {
    background: url(/images/omni/icon_voice4.png) no-repeat 5px 22px;
}

.icon_textlist.voice ul li:nth-of-type(5) {
    background: url(/images/omni/icon_voice5.png) no-repeat 5px 22px;
}

.icon_textlist.voice ul li:nth-of-type(6) {
    border-bottom: none;
    background: url(/images/omni/icon_voice6.png) no-repeat 5px 22px;
}

.icon_textlist.report ul li:nth-of-type(1) {
    padding: 20px 40px 40px 96px;
    background: url(/images/core/ico_report1.png) no-repeat 25px top;
}

.icon_textlist.report ul li:nth-of-type(2) {
    background: url(/images/core/ico_report2.png) no-repeat 25px 22px;
}

.icon_textlist.report ul li:nth-of-type(3) {
    background: url(/images/core/ico_report3.png) no-repeat 15px 22px;
}

.advantage_list.social ul li strong {
    display: block;
    margin-bottom: 25px;
    color: #59c3c3;
    font-size: 20px;
}

.advantage_list.social ul li span {
    line-height: 32px;
}

.advantage_list.social ul li span em {
    color: #01baef;
}

.advantage_list.social ul li:first-child {
    padding: 0 40px 40px 246px;
}

.advantage_list.social ul li {
    min-height: 253px;
    padding: 40px 40px 40px 246px;
}

.advantage_list.social ul li:nth-last-of-type(1) {
    border-bottom: none;
}

.advantage_list.social ul li:nth-of-type(1) {
    background: url(/images/omni/icon_social4.png) no-repeat 5px 0;
}

.advantage_list.social ul li:nth-of-type(2) {
    background: url(/images/omni/icon_social5.png) no-repeat 5px 44px;
}

.icon_textlist.email > h2 {
    margin-bottom: 40px;
}

.icon_textlist.email ul li:nth-of-type(1) {
    background: url(/images/omni/icon_email1.png) no-repeat 5px 0;
}

.icon_textlist.email ul li:nth-of-type(2) {
    background: url(/images/omni/icon_email2.png) no-repeat 5px 44px;
}

.icon_textlist.email ul li:nth-of-type(3) {
    background: url(/images/omni/icon_email3.png) no-repeat 5px 44px;
}

.icon_textlist.email ul li:nth-of-type(4) {
    background: url(/images/omni/icon_email4.png) no-repeat 5px 44px;
}

.icon_textlist.email ul li:nth-of-type(5) {
    background: url(/images/omni/icon_email5.png) no-repeat 5px 44px;
}

.advantage_list.email ul li strong {
    display: block;
}

.advantage_list.email > h2 {
    margin-bottom: 40px;
}

.advantage_list.email ul li:nth-of-type(1) {
    background: url(/images/omni/icon_email6.png) no-repeat 20px 0;
}

.advantage_list.email ul li:nth-of-type(2) {
    background: url(/images/omni/icon_email7.png) no-repeat 20px 44px;
}

.advantage_list.email ul li:nth-of-type(3) {
    padding: 40px 40px 40px 96px;
    background: url(/images/omni/icon_email8.png) no-repeat 20px 44px;
}

.advantage_list.email ul li:nth-of-type(4) {
    background: url(/images/omni/icon_email9.png) no-repeat 15px 44px;
}

.advantage_list.email ul li:nth-of-type(5) {
    background: url(/images/omni/icon_email10.png) no-repeat 20px 44px;
}

.advantage_list.email ul li:nth-of-type(6) {
    background: url(/images/omni/icon_email11.png) no-repeat 20px 44px;
}

.advantage_list.email ul li:nth-of-type(7) {
    background: url(/images/omni/icon_email12.png) no-repeat 20px 44px;
}

.advantage_list.email ul li:nth-of-type(8) {
    background: url(/images/omni/icon_email13.png) no-repeat 20px 44px;
}

.advantage_list.email ul li:nth-of-type(9) {
    background: url(/images/omni/icon_email14.png) no-repeat 14px 44px;
}

.voiceuse {
    margin: 40px 0 0 0;
}

.voiceuse .page-tit-depth4-blue {
    margin: 0 0 40px 0;
}

.voiceuse > ul > li {
    padding: 40px 0 40px 200px;
    border-bottom: dashed 2px #e1e1e1;
}

.voiceuse > ul > li > h3 {
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 16px;
}

.voiceuse > ul > li .bullet_list > li {
    margin-bottom: 0;
}

.voiceuse > ul > li:nth-of-type(1) {
    padding: 0 0 40px 200px;
    background: url(/images/omni/icon_voice7.png) no-repeat left top;
}

.voiceuse > ul > li:nth-of-type(2) {
    background: url(/images/omni/icon_voice8.png) no-repeat left 44px;
}

.voiceuse > ul > li:nth-of-type(3) {
    border-bottom: solid 2px #e1e1e1;
    background: url(/images/omni/icon_voice9.png) no-repeat left 24px;
}

.icon_textlist.landiline > h2 {
    margin-bottom: 40px;
}

.icon_textlist.landiline ul li:nth-of-type(1) {
    background: url(/images/core/icon_land1.png) no-repeat 16px top;
}

.icon_textlist.landiline ul li:nth-of-type(2) {
    background: url(/images/core/icon_land2.png) no-repeat 5px 35px;
}

.icon_textlist.landiline ul li:nth-of-type(3) {
    background: url(/images/core/icon_land3.png) no-repeat 5px 35px;
}

.icon_textlist.landiline ul li:nth-of-type(4) {
    background: url(/images/core/icon_land4.png) no-repeat 5px 35px;
}

.icon_textlist.landiline ul li:nth-of-type(5) {
    background: url(/images/core/icon_land5.png) no-repeat 25px 35px;
}

.whyland {
    margin-top: 20px;
    padding: 44px 0 0 0;
    border-top: solid 2px #e1e1e1;
}

.whyland > h2 {
    margin-bottom: 30px;
}

.whyland ul {
    position: relative;
    left: -2%
}

.whyland ul:after {
    content: "";
    display: block;
    clear: both;
}

.whyland ul li {
    float: left;
    width: 25%;
    height: 180px;
    padding-left: 2%
}

.whyland ul li span {
    display: block;
    width: 100%;
    height: 100%;
    padding: 90px 10px 0 10px;
    border: solid 1px #e1e1e1;
    border-radius: 8px;
    text-align: center;
}

.whyland ul li:nth-of-type(1) span {
    background: url(/images/core/icon_land6.png) no-repeat center 30px;
}

.whyland ul li:nth-of-type(2) span {
    background: url(/images/core/icon_land7.png) no-repeat center 30px;
}

.whyland ul li:nth-of-type(3) span {
    background: url(/images/core/icon_land8.png) no-repeat center 30px;
}

.whyland ul li:nth-of-type(4) span {
    background: url(/images/core/icon_land9.png) no-repeat center 22px;
}

.advantage_list.landline {
    margin-top: 60px;
}

.advantage_list.landline ul li:nth-of-type(1) {
    background: url(/images/core/icon_land10.png) no-repeat 15px top;
}

.advantage_list.landline ul li:nth-of-type(2) {
    background: url(/images/core/icon_land11.png) no-repeat 20px 35px;
}

.advantage_list.landline ul li:nth-of-type(3) {
    background: url(/images/core/icon_land12.png) no-repeat 30px 25px;
}

.icon_textlist.textto ul li:nth-of-type(1) {
    background: url(/images/core/icon_textto1.png) no-repeat 5px top;
}

.icon_textlist.textto ul li:nth-of-type(2) {
    background: url(/images/core/icon_textto2.png) no-repeat 15px 35px;
}

.icon_textlist.textto ul li:nth-of-type(3) {
    background: url(/images/core/icon_textto3.png) no-repeat 15px 35px;
}

.advantage_list.textto ul li strong {
    display: block;
    margin-bottom: 5px;
}

.advantage_list.textto ul li:nth-of-type(1) {
    background: url(/images/core/icon_textto4.png) no-repeat 15px top;
}

.advantage_list.textto ul li:nth-of-type(2) {
    background: url(/images/core/icon_textto5.png) no-repeat 15px 40px;
}

.advantage_list.textto ul li:nth-of-type(3) {
    background: url(/images/core/icon_textto6.png) no-repeat 9px 41px;
}

.advantage_list.textto ul li:nth-of-type(4) {
    background: url(/images/core/icon_textto7.png) no-repeat 9px 44px;
}

.advantage_list.textto ul li:nth-of-type(5) {
    background: url(/images/core/icon_textto8.png) no-repeat 13px 44px;
}

.icon_textlist.masstext .page-tit-depth4-green {
    margin-bottom: 40px;
}

.icon_textlist.masstext ul li:nth-of-type(1) {
    background: url(/images/core/icon_mass1.png) no-repeat 16px top;
}

.icon_textlist.masstext ul li:nth-of-type(2) {
    background: url(/images/core/icon_mass2.png) no-repeat 5px 42px;
}

.icon_textlist.masstext ul li:nth-of-type(3) {
    background: url(/images/core/icon_mass3.png) no-repeat 16px 42px;
}

.icon_textlist.masstext1 .page_Decsub {
    margin-bottom: 40px;
    padding: 0;
    border-bottom: none;
}

.icon_textlist.masstext1 .page-tit-depth4-blue {
    margin-bottom: 0;
}

.icon_textlist.masstext1 ul li:nth-of-type(1) {
    background: url(/images/core/icon_mass4.png) no-repeat 16px top;
}

.icon_textlist.masstext1 ul li:nth-of-type(2) {
    background: url(/images/core/icon_mass5.png) no-repeat 16px 35px;
}

.icon_textlist.masstext1 ul li:nth-of-type(3) {
    background: url(/images/core/icon_mass6.png) no-repeat 23px 35px;
}

.icon_textlist.masstext1 ul li:nth-of-type(4) {
    background: url(/images/core/icon_mass7.png) no-repeat 19px 35px;
}

.icon_textlist.masstext1 ul li:nth-of-type(5) {
    background: url(/images/core/icon_mass8.png) no-repeat 15px 35px;
}

.sample_mass {
    margin: 20px 0 0 0;
    padding: 60px 0 0 0;
    border-top: solid 2px #e1e1e1;
}

.sample_mass > h3 {
    margin-bottom: 40px;
}

.sample_mass ul {
    position: relative;
    left: -1%
}

.sample_mass ul li {
    float: left;
    width: 32.3%;
    margin: 0 0 1% 1%
}

.sample_mass ul li div {
    height: 247px;
    padding: 90px 10px 0 10px;
    border: solid 1px #e1e1e1;
    border-radius: 5px;
    text-align: center;
}

.sample_mass ul li div strong {
    display: block;
}

.sample_mass ul li:nth-of-type(1) div {
    background: url(/images/core/icon_mass9.png) no-repeat center 22px;
}

.sample_mass ul li:nth-of-type(2) div {
    background: url(/images/core/icon_mass10.png) no-repeat center 22px;
}

.sample_mass ul li:nth-of-type(3) div {
    background: url(/images/core/icon_mass11.png) no-repeat center 22px;
}

.sample_mass ul li:nth-of-type(4) div {
    background: url(/images/core/icon_mass12.png) no-repeat center 22px;
}

.sample_mass ul li:nth-of-type(5) div {
    background: url(/images/core/icon_mass13.png) no-repeat center 22px;
}

.sample_mass ul li:nth-of-type(6) div {
    background: url(/images/core/icon_mass14.png) no-repeat center 22px;
}
.icon_textlist.send ul li:nth-of-type(1) {
    background: url(/images/core/icon_send1.png) no-repeat 15px top;
}

.icon_textlist.send ul li:nth-of-type(2) {
    background: url(/images/core/icon_send2.png) no-repeat 15px 40px;
}

.icon_textlist.send ul li:nth-of-type(3) {
    background: url(/images/core/icon_send3.png) no-repeat 5px 40px;
}

.icon_textlist.send ul li:nth-of-type(4) {
    background: url(/images/core/icon_send4.png) no-repeat 15px 40px;
}

.icon_textlist.textvote ul li:nth-of-type(1) {
    background: url(/images/core/icon_textvote1.png) no-repeat left top;
}

.icon_textlist.textvote ul li:nth-of-type(2) {
    background: url(/images/core/icon_textvote2.png) no-repeat 15px 40px;
}

.icon_textlist.textvote ul li:nth-of-type(3) {
    background: url(/images/core/icon_textvote3.png) no-repeat 15px 40px;
}

.icon_textlist.textvote ul li:nth-of-type(4) {
    background: url(/images/core/icon_textvote4.png) no-repeat 15px 40px;
}

.icon_textlist.textvote ul li:nth-of-type(5) {
    background: url(/images/core/icon_textvote5.png) no-repeat 15px 40px;
}

.icon_textlist.qrcode ul li:nth-of-type(1) {
    background: url(/images/core/icon_qr1.png) no-repeat 15px top;
}

.icon_textlist.qrcode ul li:nth-of-type(2) {
    background: url(/images/core/icon_qr2.png) no-repeat 15px 40px;
}

.icon_textlist.qrcode ul li:nth-of-type(3) {
    background: url(/images/core/icon_qr3.png) no-repeat 15px 40px;
}

.icon_textlist.qrcode ul li:nth-of-type(4) {
    background: url(/images/core/icon_qr4.png) no-repeat 15px 40px;
}

.page_Decsub.shuffle {
    padding: 0;
    border-bottom: none;
}

.icon_textlist.shuffle {
    margin: 20px 0 0 0;
}

.icon_textlist.shuffle ul li:nth-of-type(1) {
    background: url(/images/core/icon_shuffle1.png) no-repeat 15px top;
}

.icon_textlist.shuffle ul li:nth-of-type(2) {
    background: url(/images/core/icon_shuffle2.png) no-repeat 15px 40px;
}

.icon_textlist.shuffle ul li:nth-of-type(3) {
    background: url(/images/core/icon_shuffle3.png) no-repeat 15px 40px;
}

.dataset_dec {
    position: relative;
    margin-bottom: 50px;
    padding: 0 243px 50px 0;
    border-bottom: solid 1px #ebebeb;
}

.dataset_dec.fulltext {
    padding: 0 0 30px 0;
    border-bottom: none;
}

.dataset_dec.fulltext:after,
.dataset_dec.fulltext:before {
    display: none;
}

.title_h2blue {
    margin-bottom: 14px;
    color: #01baef;
    font-weight: 700;
    font-size: 30px;
}

.dataset_dec:before {
    content: "";
    display: block;
    position: absolute;
    top: 22px;
    right: 0;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background-color: #def3f3;
}

.dataset_dec:after {
    content: "";
    display: block;
    position: absolute;
    top: 22px;
    right: 0;
    width: 220px;
    height: 220px;
    background: url(/images/enterprise/icon_account.png) no-repeat center center;
}
.icon_textlist.branding h2 {
    text-align: left;
}

.icon_textlist.branding ul li:nth-of-type(1) {
    background: url(/images/enterprise/icon_branding1.png) no-repeat 5px top;
}

.icon_textlist.branding ul li:nth-of-type(2) {
    background: url(/images/enterprise/icon_branding2.png) no-repeat 5px 35px;
}

.page_dec {
    padding-bottom: 50px;
    border-bottom: solid 1px #ebebeb;
    font-size: 16px;
    line-height: 30px;
}

.auto_textlist {
    margin-top: 42px;
}

.auto_textlist > ol > li {
    position: relative;
    padding: 40px 40px 40px 96px;
    border-bottom: dashed 2px #e1e1e1;
}

.auto_textlist > ol > li:first-child {
    padding: 19px 40px 40px 96px;
}

.auto_textlist > ol > li > em.num {
    display: block;
    position: absolute;
    top: 20px;
    left: 0;
    color: #c7e8e8;
    font-size: 65px;
    font-weight: 700;
}

.auto_textlist > ol > li:first-child > em.num {
    top: 0;
}

.auto_textlist > ol > li > span,
.auto_textlist > ol > li > strong {
    display: block;
    margin-bottom: 5px;
}

.auto_textlist > ol > li > .bullet_list > li {
    margin-bottom: 5px;
}

.auto_textlist > ol > li:nth-last-of-type(1) {
    border-bottom: none;
}

.auto_textlist .text_line {
    position: relative;
    top: 11px;
}

.auto_textlist > ol > li:first-child .text_line {
    top: 21px;
}

.auto_textlist .link {
    border-bottom: solid 1px #01baef;
    color: #01baef;
}

.page-tit-depth4-puple {
    width: 100%;
    color: #817dc5;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
}

.target_img {
    position: relative;
    top: -12px;
    left: 8px;
}

.category_wrap {
    padding: 55px 0 30px 0;
    border-top: solid 2px #ebebeb;
    border-bottom: solid 2px #ebebeb;
}

.category_wrap h3 {
    margin-bottom: 20px;
}

.category_wrap p {
    margin-bottom: 20px;
}

.category_wrap .bullet_list {
    margin: 0 0 30px 40px;
}

.category_wrap .bullet_list li {
    margin-bottom: 5px;
}

.report_custom {
    padding: 55px 0 0 0;
}

.report_custom h3 {
    margin-bottom: 20px;
}

.targeting_sub .page-tit-depth2-blue {
    margin-bottom: 15px;
}
.sub .intg .img_textbox{
    padding-left: 30px;
}
.sub .intg .img_textbox.salesforce{
    margin-top: 56px;
}
.sub .intg h2.tp-door-title{
    margin-bottom: 40px;
    padding-left: 30px;
}
.sub .intg .page_Decsub{
    margin-bottom: 80px;
}
.sub .intg .img_textbox + .img_textbox{
    margin-top: 50px;
}
.sub .intg .img_textbox .tp-door-title{
    position: relative;
    margin-bottom: 10px;
    padding-top: 130px;
    font-size: 22px;
}
.sub .intg .img_textbox .tp-door-title:after {
    width: 140px;
    height: 100%;
    display: block;
    position: absolute;
    top: -0;
    left: 0;
    content: "";
}
.sub .intg .img_textbox > p{
    font-size: 18px;
}
.sub .intg .img_textbox.salesforce .tp-door-title:after {
    background: url(/images/auto/logo_salesforce.png) no-repeat center top;
    background-size: contain;
}

.sub .intg .img_textbox.zapier .tp-door-title:after {
    background: url(/images/auto/logo_zapier.png) no-repeat center top;
    background-size: contain;
}

.sub .intg .img_textbox.typeform .tp-door-title:after {
    background: url(/images/auto/logo_typeform.png) no-repeat center top;
    background-size: contain;
}

.sub .intg.img_textbox.zapier > p {
    position: relative;
    padding-bottom: 20px;
    line-height: 26px;
}
.sub .intg .integrations_list{
    margin-top: 20px;
}
.sub .intg .integrations_list .txt{
    font-size: 15px;
    font-weight: 600;
    color: #3C4147;
}
.sub .intg .integrations_list ol{
    display: flex;
    margin-top: 20px;
    margin-left: 10px;
    margin-bottom: 50px;
}
.sub .intg .integrations_list li{
    width: 160px;
    height: 160px;
    position: relative;
    padding: 28px 13px 0;
    border: 1px solid #E1E1E1;
    border-radius: 10px;
}
.sub .intg .integrations_list li::before{
    width: 20px;
    height: 20px;
    position: absolute;
    top: 47%;
    left: -10px;
    border: 1px solid #E1E1E1;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    font-size: 12px;
    color: #808080;
}
.sub .intg .integrations_list li:nth-child(1)::before{
    content: '1';
}
.sub .intg .integrations_list li:nth-child(2)::before{
    content: '2';
}
.sub .intg .integrations_list li:nth-child(3)::before{
    content: '3';
}
.sub .intg .integrations_list li::after{
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    right: -50px;
    top: 45%;
    background-image: url('/images/icon/icoArrw.png');
    background-repeat: no-repeat;
    background-position: center;
    content: '';
}
.sub .intg .integrations_list li:last-child::after{
    background: none;
}
.sub .intg .integrations_list li + li{
    margin-left: 80px;
}
.sub .intg .integrations_list li i{
    width: 68px;
    height: 55px;
    margin: 0 auto;
    display: block;
    content: '';
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.sub .intg .integrations_list li:nth-child(1) i{
    background-image: url('/images/icon/ico_int1.svg');
}
.sub .intg .integrations_list li:nth-child(2) i{
    background-image: url('/images/icon/ico_int2.svg');
}
.sub .intg .integrations_list li:nth-child(3) i{
    background-image: url('/images/auto/logo_zapier.png');
}
.sub .intg .integrations_list li p{
    margin-top: 5px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #3C4147;
    line-height: 1.2;
}
.sub .intg .integrations_list li .txtBlue {
    color: #0188EF;
}
.sub .intg .integrations_list .txtWrap{
    display: flex;
}
.sub .intg .integrations_list .bull{
    margin-top: 20px;
    font-size: 14px;
}
.sub .intg .integrations_list i.dot{
    width: 8px;
    height: 8px;
    display: block;
    margin-top: 27px;
    padding-right: 18px;
    background: url('/images/common/ico_dot.svg')no-repeat 0 0px;
    content: '';
}
.sub .intg .integrations_list .boxWrap + .boxWrap{
    margin-top: 30px;
}
.sub .intg .integrations_list .boxOuter{
    padding: 0 18px;
}
.sub .intg .integrations_list .box{
    width: 100%;
    max-width: 730px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 9px;
    padding: 20px 30px;
    background-color: #FAFAFA;
    border: 1px solid #C9C9C9;
    border-radius: 10px;
}
.sub .intg .integrations_list .box.nowrap{
    display: block;
    padding: 20px 30px;
}
.sub .intg .integrations_list .box.nowrap div{
    display: flex;
    align-items: center;
}
.sub .intg .integrations_list .box.nowrap div + div{
    margin-top: 10px;
}
.sub .intg .integrations_list .box p{
    width: 50%;
    font-size: 12px;
    font-weight: 400;
    color: #3C4147;
}
.sub .intg .integrations_list .box.nowrap p{
    width: 50%;
}
.sub .intg .integrations_list .box.nowrap p + p{
    padding-left: 0;
}
.sub .intg .integrations_list .box p img{
    margin-right: 10px;
}
.sub.autotxtmsg .campaign{
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
.sub.autotxtmsg .campaign li{
    width: 360px;
    text-align: center;
}
.sub.autotxtmsg .campaign li img{
    width: 120px;
    height: 120px;
    margin-bottom: 32px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 10px 20px 0px rgba(5 16 35 / 14%);
}
.sub.autotxtmsg .campaign li .title{
    margin-bottom: 15px;
    color: var(--tit-color);
    font-size: 22px;
}
.sub .iframBox{
    margin: 0 auto;
}
.sub .iframBox iframe{
    width: 49%;
    height: 100%;
    box-sizing: border-box;
}
.sub .youtubeVD{
    display: flex;
    justify-content: space-between;
}
.sub .youtubeVD a{
    width: 48%;
    box-sizing: border-box;
}
.sub .youtubeVD a img{
    width: 100%;
}
.sub.autotxtmsg .basic{
    
}
.sub.autotxtmsg .basic li{
    position: relative;
    width: 100%;
    margin: 40px 0;
    padding: 40px 50px;
    border-radius: 16px;
    box-shadow: 0 10px 20px 0 rgba(5 16 35 / 14%);
}
.sub.autotxtmsg .basic li:last-child{
    margin-bottom: 0;
}
.sub.autotxtmsg .basic li .tp-door-title.tp-type04{
    padding: 5px 0 5px 54px;
    font-size: 22px;
    color: var(--tit-color);
    background-size: 44px;
    background-repeat: no-repeat;
    background-position: 0 center;
}
.sub.autotxtmsg .basic li .tp-door-title.tp-type04 a{
    position: relative;
    padding-right: 30px;
    color: var(--tit-color);
}
.sub.autotxtmsg .basic li .tp-door-title.tp-type04 a:after{
    width: 20px;
    height: 14px;
    position: absolute;
    right: 0;
    bottom: 7px;
    content: '';
    background-image: url('/images/common/ico_anchor.png');
    background-size: 20px 14px;
}
.sub.autotxtmsg .basic li .tp-door-title.tp-type04 a:hover{
    text-decoration: underline;
}
.sub.autotxtmsg .basic li:nth-child(1) .tp-door-title.tp-type04{
    background-image: url('/images/icon/icoSub06.svg');
}
.sub.autotxtmsg .basic li:nth-child(2) .tp-door-title.tp-type04{
    background-image: url('/images/icon/icoSub02.svg');
}
.sub.autotxtmsg .basic li:nth-child(3) .tp-door-title.tp-type04{
    background-image: url('/images/icon/icoSub45.svg');
}
.sub.autotxtmsg .basic li:nth-child(4) .tp-door-title.tp-type04{
    background-image: url('/images/icon/icoSub74.svg');
}
.sub.autotxtmsg .basic li:nth-child(5) .tp-door-title.tp-type04{
    background-image: url('/images/icon/icoSub64.svg');
}
.sub.autotxtmsg .basic li:nth-child(6) .tp-door-title.tp-type04{
    background-image: url('/images/icon/icoSub48.svg');
}

.sub.autotxtmsg .tp-door-cont .tp-door-side.pd {
    padding-top: 40px;
}
.sub.autotxtmsg .tp-side-txt .tp-door-title.tp-type03{
    margin-top: 0;
}
.sub.autotxtmsg .dashed{
    border-bottom: 2px dashed #E0E4EA;
}
.sub.autotxtmsg .tracking{
    margin-top: 80px;
    padding-bottom: 80px;
}
.sub.autotxtmsg .tracking .tp-side-txt .tp-door-desc{
    margin-top: 10px;
}
.sub.autotxtmsg .tracking .list li{
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
.sub.autotxtmsg .tracking .list li div{
    width: 45%;
}
.sub.autotxtmsg .tracking .list li div p{
    padding-top: 64px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 44px;
}
.sub.autotxtmsg .tracking .list li div p.ico1{
    background-image: url('/images/icon/icoSub38.svg');
}
.sub.autotxtmsg .tracking .list li div p.ico2{
    background-image: url('/images/icon/icoSub107.svg');
}
.sub.autotxtmsg .tracking .list li div p.ico3{
    background-image: url('/images/icon/icoSub05.svg');
}
.sub.autotxtmsg .tracking .list li div p.ico4{
    background-image: url('/images/icon/icoSub108.svg');
}
.sub.autotxtmsg .itg{
    margin-bottom: 40px;
    padding: 0 106px;
    text-align: center;
}
.sub.autotxtmsg .itg .tp-side-img{
    margin: 40px auto;
}
.sub.autotxtmsg .tp-door-cont .tp-side-img.iframe-type.row {
    display: flex;
    justify-content: space-around;
    margin:40px 0 80px;
}
.sub.autotxtmsg .content_box .itg .tp-side-txt{
    text-align: center;
}
.sub.autotxtmsg .iframe-type.row iframe{
    width: 570px;
    height: 350px;
}
.sub.autotxtmsg .api_listWrap{
    position: relative;
}
.sub.autotxtmsg .api_list{
    text-align: center;
}
.sub.autotxtmsg .api_list_title{
    margin-bottom: 40px;
    font-size: 22px;
    color: var(--tit-color);
    text-align: center;
}
.sub.autotxtmsg .api_list ul{
    display: flex;
}
.sub.autotxtmsg .api_list ul li{
    width: 224px;
    height: 416px;
    padding: 30px 19px;
    border-radius: 16px;
    box-shadow: 0 10px 20px 0 rgba(5 16 35 / 14%);
}
.sub.autotxtmsg .api_list ul li + li{
    margin-left: 20px;
}
.sub.autotxtmsg .api_list ul li div{
    width: 60px;
    height: 60px;
    margin: 0 auto 20px;
    line-height: 60px;
    border-radius: 50%;
    background-color: #F2F8FF;
}
.sub.autotxtmsg .api_list ul li img{
    width: 27px;
    height: 27px;
    object-fit: contain;
}
.sub.autotxtmsg .getstart .tp-door-list-card-type04>li{
    width: 49%;
    padding: 40px 30px;
}
.sub.autotxtmsg .getstart .tp-door-title-sub{
    margin-bottom: 40px;
    padding: 0 30px;
}
.sub.autotxtmsg .getstart .tp-door-title.tp-type04{
    font-size: 22px;
}
.sub.autotxtmsg .getstart .tp-door-list-card-type04>li ol li{
    display: flex;
    padding-left: 0;
    border-bottom: 2px dashed #e0e0e0;
}
.sub.autotxtmsg .getstart .tp-door-list-card-type04>li>ul>li{
    border-bottom: 2px dashed #e0e0e0;
}
.sub.autotxtmsg .getstart .tp-door-list-card-type04>li ol li:last-child,
.sub.autotxtmsg .getstart .tp-door-list-card-type04>li>ul>li:last-child{
    padding-bottom: 0;
    border-bottom: 0;
}
.sub.autotxtmsg .getstart .tp-door-list-card-type04>li .br{
    display: block;
    margin-top: 12px;
}
.sub.autotxtmsg .getstart .tp-door-list-card-type04>li ul{
    margin-top: 40px;
    padding-left: 20px;
}
.sub.autotxtmsg .getstart .tp-door-list-card-type04>li ul li{
    padding-left: 0;
}
.sub.autotxtmsg .getstart .tp-door-list-card-type04>li ol{
    margin-top: 40px;
}
.sub.autotxtmsg .getstart .tp-door-list-card-type04>li ol li .num{
    width: 20px;
    font-weight: 500;
}
.sub.autotxtmsg .getstart .tp-door-list-card-type04>li ol li .cont{
    flex: 1;
}
.sub.autotxtmsg .getstart .tp-door-list-card-type04>li img{
    margin-top: 40px;
}
.sub.autotxtmsg .tp-side-img.mo{
    display: none;
}
.sub.autotxtmsg .moreTxt.tw{
    display: unset;
}
.sub.autotxtmsg .moreBtn.tw{
    display: none;
}
.sub.autotxtmsg .btn_prev,
.sub.autotxtmsg .btn_next{
    display: none;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 60%;
    background-color: #E3EAF2;
    border-radius: 50%;
    color: transparent;
    z-index: 1;
}
.sub.autotxtmsg .btn_prev{
    left: -6px;
}
.sub.autotxtmsg .btn_next{
    right: -6px;
}
.sub.autotxtmsg .btn_prev:after,
.sub.autotxtmsg .btn_next:after{
    content: "";
    position: absolute;
    top: 50%;
    width: 7px;
    height: 7px;
    border-top: 2px solid #536170;
    border-left: 2px solid #536170;
}
.sub.autotxtmsg .btn_prev:after{
    left: 12px;
    transform: translateY(-50%) rotate(-45deg);
}
.sub.autotxtmsg .btn_next:after{
    right: 12px;
    transform: translateY(-50%) rotate(135deg);
}
.sub .spt_list{
    margin-top: 40px;
}
.sub .spt_list ul li{
    display: flex;
    justify-content: space-between;
}
.sub .spt_list ul li + li{
    margin-top: 60px;
}
.sub .spt_list ul li .box{
    width: 550px;
}
.sub .spt_list ul li .box .spt_tit{
    font-size: 22px;
    margin-bottom: 10px;
    padding-top: 72px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 56px;
}
.sub .spt_list ul li .box .spt_tit a{
    color: var(--tit-color);
}
.sub .spt_list ul li .box .spt_tit a:hover{
    text-decoration: underline;
}
.sub .spt_list ul li:nth-child(1) .box.ico1 .spt_tit{
    background-image: url('/images/icon/icoSub109.svg');
}
.sub .spt_list ul li:nth-child(1) .box.ico2 .spt_tit{
    background-image: url('/images/icon/icoSub06.svg');
}
.sub .spt_list ul li:nth-child(2) .box.ico1 .spt_tit{
    background-image: url('/images/icon/icoSub05.svg');
}
.sub .spt_list ul li:nth-child(2) .box.ico2 .spt_tit{
    background-image: url('/images/icon/icoSub59.svg');
}
.sub .spt_list ul li:nth-child(3) .box.ico1 .spt_tit{
    background-image: url('/images/icon/icoSub90.svg');
}
.sub .spt_list ul li:nth-child(3) .box.ico2 .spt_tit{
    background-image: url('/images/icon/icoSub57.svg');
}
.sub .spt_list ul li .subBox{
    margin-top: 16px;
}
.sub .spt_list ul li .subBox p{
    margin-bottom: 10px;
    padding-left: 14px;
    background: url('/images/icon/icoArro-blue.svg')no-repeat 0 center;
}
.sub .spt_list ul li .subBox p a{
    color: var(--em-color);
    font-weight: 600;
}
.sub .spt_list ul li .subBox.flx{
    display: flex;
    flex-wrap: wrap;
}
.sub .spt_list ul li .subBox.flx p{
    width: 50%;
}
.sub_text {
    padding: 35px 0;
    border-bottom: dashed 2px #e1e1e1;
}

.sub_text:nth-last-of-type(1) {
    padding: 35px 0 0 0;
    border-bottom: none;
}

.sub_text h4 {
    margin-bottom: 30px;
}

.sub_text ul li > span > span {
    display: block;
    margin-top: 14px;
    padding: 0 30px;
}
#contact_wrap {
    padding: 80px 0;
}
#contact_wrap h1{
    margin-bottom: 40px;
    font-size: 24px;
}
#contact_wrap .form_wrap{
    width: 916px;
    min-height: 510px;
    padding: 40px 67px;
}
#contact_wrap .form-columns-2 > div{
    margin-bottom: 12px;
}
#contact_wrap .hbspt-form {
    margin-bottom: 24px;
}
#contact_wrap .hbspt-form .hs-form-field .input input{
    height: 46px;
    font-size: 16px;
}
#contact_wrap .hbspt-form .hs-form-field label{
    display: inline-block;
    margin-bottom: 8px;
    font-size: 16px;
}
#contact_wrap .hbspt-form .hs-error-msgs label{
    font-size: 16px;
}
#contact_wrap .form_wrap .hs-submit {
    text-align: center;
}
#contact_wrap .form_wrap .actions{
    margin-top: 24px;
}
#contact_wrap .form_wrap .actions .hs-button{
    width: 142px;
    padding: 6px 20px;
    background: #01BAEF;
}
#contact_wrap.green {
    background-color: #59c3c3;
}

.form_wrap {
    position: relative;
    width: 980px;
    margin: 0 auto;
    padding: 48px 99px 48px 99px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 10px 20px 0px rgba(41 73 99 / .16);
}

.form_wrap .title,
.form_wrap h1 {
    width: 100%;
    color: var(--tit-color);
    font-weight: 600;
    font-size: 26px;
    text-align: center;
}

.btn_center {
    display: block;
    padding-top: 5px;
    text-align: center;
}

.btn_center .btn {
    width: 352px;
}

.btn_center .btn > span {
    width: 352px;
}

.form_wrap p.dec_text {
    width: 100%;
    padding: 0;
    color: #86909B;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
}

.advantage_list.drip {
    padding: 0;
    border-top: none;
}

.advantage_list.drip ul li:nth-of-type(1) {
    background: url(/images/auto/icon_drip1.png) no-repeat 26px top;
}

.advantage_list.drip ul li:nth-of-type(2) {
    background: url(/images/auto/icon_drip2.png) no-repeat 9px 35px;
}

.advantage_list.drip ul li:nth-of-type(3) {
    background: url(/images/auto/icon_drip3.png) no-repeat 9px 35px;
}

.advantage_list.drip ul li .bullet_list {
    margin: 5px 0 0 20px;
}

.advantage_list.drip ul li .bullet_list li {
    margin-bottom: 5px;
    padding: 0 0 0 12px;
    border: none;
    background: 0 0;
}

.advantage_list.drip ul li strong {
    display: block;
}

.integrations .page_dec {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
}

.integrations .page-tit-depth2-blue {
    font-size: 40px;
    color: #01baef;
    font-weight: 700;
}

.integrations .page-tit-depth3-black {
    font-size: 30px;
    text-align: left;
}


.zapier_table {
    margin: 40px 0;
}

.zapier_table th {
    background-color: #ebebeb;
    border: 1px solid #ebebeb;
    padding: 10px 10px;
    font-weight: 700;
    font-size: 18px;
}

.zapier_table .td_left,
.zapier_table .td_right {
    padding: 15px 20px 20px 20px;
    vertical-align: top;
    position: relative;
}

.zapier_table .td_left {
    width: 35%
}

.zapier_table td {
    border: 1px solid #ebebeb;
}

.zapier_table li {
    position: relative;
    padding-left: 15px;
}

.zapier_table li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #3c4147;
}

.sub .integration_services {
    padding: 70px 0 50px 0;
}

.integration_services .title-dp3,
.integration_services h2 {
    text-align: center;
    font-size: 40px;
    margin-bottom: 50px;
}

.integration_services h3 {
    font-size: 30px;
}

.sub .automation_intro.integrations {
    display: flex;
    flex-wrap: wrap;
}

.left_desc_form_right {
    margin-right: 44px;
    line-height: 34px;
}

.left_desc_form_right p {
    font-weight: 600;
    font-size: 18px;
}
.sub .automation_intro.integrations .get_pricing_form{
    width: 100%;
    max-width: 814px;
    margin: 40px auto 0;
    box-shadow: 0 20px 40px 0 rgba(41 73 99 / 40%);
    border-radius: 20px;
}
.get_pricing_form strong {
    display: block;
    padding: 25px 50px 0;
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    text-align: left;
    background: #0756A4;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-radius: 20px 20px 0 0;
}

.automation_intro .formboox .hbspt-form {
    margin-bottom: 0;
    padding: 0px 50px 25px 50px;
    background-image: linear-gradient(180deg, #0756A4, #033C7E);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-radius: 0 0 20px 20px;
    box-shadow: 0px 9px 20px 2px rgb(5 16 35 / 14%);
}
.get_pricing_form.formboox .hbspt-form .hs-form-field .input{
    margin-top: 12px;
}
.get_pricing_form.formboox .hbspt-form .hs-form-field label {
    margin-top: 10px;
}

.get_pricing_form.formboox .hbspt-form .hs-error-msgs label{
    color: #FFC45C !important;
    font-size: 14px;
    font-weight: 400;
}
.get_pricing_form.formboox .hbspt-form .hs-form-field input{
    height: 46px;
    padding:  15px 11px;
    border-radius: 6px;
    border: 1px solid #D1D1D1;
}
.get_pricing_form.formboox .hbspt-form .hs-form-field input::placeholder{
    color: #75818D !important;
}
.get_pricing_form.formboox .hbspt-form .hs-submit {
    margin-top: -10px;
}
.get_pricing_form.formboox .hs_submit{
    text-align: center;
}
.get_pricing_form.formboox .actions .hs-button{
    padding: 6px 20px;
    background-color: #01BAEF;
    border-radius: 6px;
}

.integration_services article {
    border-top: 1px solid #ccc;
    padding: 60px 0;
}

.sub .automation_desc {
    margin-top: 20px;
    padding: 0 30px;
    text-align: center;
}
.sub .automation_desc span{
    display: block;
    margin-top: 16px;
}
.automation_desc_sub {
    margin-top: 25px;
    text-align: center;
}

.sub .automation_list {
    margin-top: 15px;
    padding: 0 30px;
}

.sub .automation_list > li {
    float: left;
    width: 350px;
    min-height: 220px;
    margin-top: 30px;
    padding: 25px 25px 30px;
    background-color: #fff;
    border-radius: 20px;
    text-align: center;
    border: 1px solid #E0E0E0;
}

.automation_list > li:nth-child(3n-1) {
    margin-left: 30px;
    margin-right: 30px;
}
.sub .automation_list > li img{
    width: 200px;
    height: 60px;
}
.sub .adv_list{
    display: flex;
    justify-content: center;
}
.sub .adv_list li{
    width: 174px;
    height: 202px;
    margin: 40px 15px 0;
    padding: 115px 0 0 0;
    text-align: center;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position:  center 41px;
    border-radius: 16px;
    color: #75818D;
}
.sub .adv_list li:nth-child(1){
    background-image: url(/images/icon/icoSub48.svg);
}
.sub .adv_list li:nth-child(2){
    background-image: url(/images/icon/icoSub80.svg);
}
.sub .adv_list li:nth-child(3){
    background-image: url(/images/icon/icoSub91.svg);
}
.sub .adv_list li:nth-child(4){
    background-image: url(/images/icon/icoSub92.svg);
}
.sub .adv_list li p{
    font-weight: 500;
}
.sub .intgBox{
    margin-top: 80px;
    padding-top: 80px;
    border-top: 1px dashed #C2C2C2;
}
.sub .automation_list.li_box_type li{
    width: 100%;
    max-width: 250px;
    height: auto;
    min-height: 200px;
    position: relative;
    margin: 40px 15px;
    padding: 47px 15px 0;
    font-size: 12px;
    font-weight: 500;
    box-shadow: 0px 9px 20px 2px rgb(5 16 35 / 14%);
    opacity: .8;
    border-radius: 16px;
    border: none;
}
.sub .li_box_type li .number_heading {
    width: 48px;
    height: 48px;
    position: absolute;
    top: -26px;
    left: 50%;
    line-height: 48px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    font-size: 22px;
    font-weight: 600;
    transform: translateX(-50%);
}
.sub .li_box_type li:nth-child(1) .number_heading{
    background-color: #01BAEF;
}
.sub .li_box_type li:nth-child(2) .number_heading{
    background-color: #0188EF;
}
.sub .li_box_type li:nth-child(3) .number_heading{
    background-color: #054A8F;
}
.sub .li_box_type li:nth-child(4) .number_heading{
    background-color: #3500AF;
}
.sub .li_circle_type{
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
.sub .li_circle_type li{
    width: 200px;
    height: 200px;
    position: relative;
    padding: 115px 15px 0;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0px 9px 20px 2px rgb(5 16 35 / 14%);
    text-align: center;
    background-size: 56px;
    background-repeat: no-repeat;
    background-position: center 41px;
}
.sub .li_circle_type li + li{
    margin-left: 45px;
}
.sub .li_circle_type li:nth-child(1){
    background-image: url('/images/icon/icoSub93.svg');
}
.sub .li_circle_type li:nth-child(2){
    background-image: url('/images/icon/icoSub50.svg');
}
.sub .li_circle_type li:nth-child(3){
    background-image: url('/images/icon/icoSub94.svg');
}
.sub .li_circle_type li:nth-child(4){
    background-image: url('/images/icon/icoSub95.svg');
}
.sub .li_circle_type li:nth-child(5){
    background-image: url('/images/icon/icoSub96.svg');
}
.sub .li_circle_type li .number_heading {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 14px;
    left: 7%;
    line-height: 36px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    background-color: #FFA100;
    font-weight: 600;
}
.sub .li_circle_type li p{
    font-weight: 500;
    opacity: .8;
}


.automation_list.li_box_type + p {
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    text-align: center;
}

.automation_list:after {
    content: "";
    display: block;
    clear: both;
}

.company_name {
    display: block;
    margin-top: 10px;
}

.company_name + p {
    letter-spacing: -.3px;
    color: grey;
    font-weight: 400;
    font-size: 12px;
    margin-top: 10px;
}
.sub .integration_services .mucMore{
    text-align: center;
    margin-top: 50px;
    font-weight: 600;
    font-size: 16px;
    font-style: italic;
}
.tp-doorway-top .content_box .txtBox .caseTit{
    margin: 0 !important;
    font-size: 40px;
    font-weight: 500;
    line-height: 1;
}
.tp-doorway-top .content_box .txtBox .caseTit + p{
    margin: 0;
    font-size: 24px;
    font-weight: 500;
    color: #3C4147;
}
.tp-doorway-top .content_box .txtBox .caseTit span{
    display: block;
    margin-top: 15px;
    font-size: 24px;
}
.tp-doorway-top .content_box .txtBox .btn-box .btn-free-trial{
    width: 114px;
}
.tp-doorway-top .content_box .txtBox .btn-box .btn-book-demo{
    width: 134px;
}
.sub .case_main {
    background: #e6f6f6;
}
.sub .casecard_wrap {
    padding: 0 111px;
}
.sub .casecard_wrap > ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    column-gap: 30px;
    margin-bottom: -47px;
}
.sub .casecard_wrap > ul > li {
    width: 171px;
    height: 202px;
    margin-bottom: 47px;
    padding: 30px 20px;
    border-radius: 16px;
    background: #fff;
    transition: .5s;
    cursor: pointer;
}
.sub .casecard_wrap > ul > li:hover{
    box-shadow: 0px 10px 20px 0px rgba(5 16 35 / 14%);
}
.casecard_wrap > ul > li > div {
    text-align: center;
}
.sub .casecard_wrap > ul > li > a > div{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    transition: .5s;
    
}
.sub .casecard_wrap > ul > li > a > div > strong {
    position: absolute;
    top: 86px;
    color: var(--tit-color);
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    opacity: .8;
}
.sub .casecard_wrap > ul > li > div > a > strong {
    color: var(--tit-color);
    font-size: 14px;
    text-transform: uppercase;
    
}
.casecard_wrap > ul > li > div > a > p {
    padding: 0 10px;
    font-size: 15px;
    line-height: 28px;
}
.study_roll .page-tit-depth3-black {
    margin-bottom: 50px;
    font-size: 30px;
}
.study_roll .lifecycle_roll {
    padding: 0;
}
.sub .study_roll .lifecycle_roll .rollin {
    max-width: 1100px;
}
.sub .study_roll .lifecycle_roll .rollin ol li {
    width: 340px;
    height: 530px;
    margin: 0 0 0 30px;
    padding: 0;
    border-radius: 16px;
    background-color: #fff;
    background-image: none !important;
    border: 1px solid #E0E0E0;
    box-shadow: none;
}
.sub .study_roll .lifecycle_roll .rollin ol li::-webkit-scrollbar-track{
    border-radius: 10px;
    background-color: #f1f1f1;
}
.sub .study_roll .lifecycle_roll .rollin ol li::-webkit-scrollbar{
    width: 8px;
    height: 6px;
    background-color: #fff;
}
.sub .study_roll .lifecycle_roll .rollin ol li::-webkit-scrollbar-thumb{
    border-radius: 10px;
    background-color: #ddd;
}
.study_roll .lifecycle_roll .rollin ol li:first-child {
    margin: 0;
}

.study_roll .lifecycle_roll .rollin ol li > div {
    display: block;
}
.study_roll .lifecycle_roll .rollin ol li > div > span {
    display: table;
    width: 100%;
    height: 139px;
    text-align: center;
}
.study_roll .lifecycle_roll .rollin ol li > div > span > em {
    display: table-cell;
    vertical-align: middle;
}

.study_roll .lifecycle_roll .rollin ol li > div > strong {
    display: block;
    margin-bottom: 12px;
    color: #01baef;
    font-size: 12px;
    text-align: center;
}

.study_roll .lifecycle_roll .rollin ol li > div > p {
    padding: 0 37px;
    
    text-align: center;
    line-height: 28px;
}

.study_roll .lifecycle_roll .rollin ol li > div > p + span {
    display: block;
    height: auto;
    margin-top: 10px;
    padding: 0 20px;
    font-size: 14px;
    font-style: italic;
}

.sub .study_roll .liferoll_right {
    width: 37px;
    height: 37px;
    position: absolute;
    top: 197px;
    right: 0px;
    background-color: #01BAEF;
    border-radius: 50%;
    z-index: 1;
}

.sub .study_roll .liferoll_left {
    width: 37px;
    height: 37px;
    position: absolute;
    top: 197px;
    left: 0px;
    background-color: #01BAEF;
    border-radius: 50%;
    z-index: 1;
}
.sub .study_roll .liferoll_left:after,
.sub .study_roll .liferoll_right:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}
.sub .study_roll .liferoll_right:after {
    right: 15px;
    transform: translateY(-50%) rotate(135deg);
}
.sub .study_roll .liferoll_left:after{
    left: 15px;
    transform: translateY(-50%) rotate(-45deg);
}
.sub .case_main .page_Dec{
    margin-bottom: 40px;
    padding: 0 216px;
    font-size: 22px;
    color: var(--tit-color);
    font-weight: 600;
}
.recorede_box p {
    padding: 50px 0 0 0;
    font-weight: 700;
    text-align: center;
}

.recorede_box ul {
    position: relative;
    text-align: center;
}

.recorede_box ul:after {
    content: "";
    display: block;
    clear: both;
}

.recorede_box ul li {
    display: inline-block;
    vertical-align: top;
    width: 33.3%;
    max-width: 350px;
    margin: 40px 0 0 49px;
    padding: 190px 0 0 0;
    background-size: 100% !important;
}

.recorede_box ul li:nth-of-type(3n+1) {
    margin-left: 0;
}

.recorede_box ul li .play_box {
    position: relative;
    width: 100%;
    height: 160px;
    padding: 55px 0 0 0;
    border: solid 1px #e1e1e1;
    border-top: none;
    border-radius: 0 0 8px 8px;
    text-align: center;
}

.recorede_box ul li .play_box a.play {
    display: block;
    position: absolute;
    top: -35px;
    left: 0;
    width: 100%;
    height: 70px;
    font-size: 0;
    background: url(/images/resources/btn_play.png) no-repeat center top;
}

.recorede_box ul li .play_box strong {
    display: block;
    padding: 0 20px;
    font-size: 18px;
    font-weight: 700;
}

.recorede_box ul li .play_box span {
    display: block;
    padding: 0 20px;
    font-size: 16px;
}

.recorede_box ul li:nth-of-type(1) {
    background: url(/images/resources/icon_recorded1.png) no-repeat;
}

.recorede_box ul li:nth-of-type(2) {
    background: url(/images/resources/icon_recorded2.png) no-repeat;
}

.recorede_box ul li:nth-of-type(3) {
    background: url(/images/resources/icon_recorded3.png) no-repeat;
}

.recorede_box ul li:nth-of-type(4) {
    background: url(/images/resources/icon_recorded4.png) no-repeat;
}

.recorede_box ul li:nth-of-type(5) {
    background: url(/images/resources/icon_recorded5.png) no-repeat;
}

.recorede_box ul li:nth-of-type(6) {
    background: url(/images/resources/icon_recorded6.png) no-repeat;
}

.recorede_box ul li:nth-of-type(7) {
    background: url(/images/resources/icon_recorded7.png) no-repeat;
}

.recorede_box ul li:nth-of-type(8) {
    background: url(/images/resources/icon_recorded8.png) no-repeat;
}

.recorede_box ul li:nth-of-type(9) {
    background: url(/images/resources/icon_recorded9.png) no-repeat;
}

.self_resource .page-tit-depth3-blue {
    font-size: 35px;
    text-align: center;
}

.self_list {
    padding: 70px 0;
}

.self_list ul:after {
    content: "";
    display: block;
    clear: both;
}

.self_list ul li {
    float: left;
    width: 225px;
    height: 210px;
    margin: 0 0 0 10px;
    border-radius: 5px;
    box-shadow: -1px 10px 15px -8px rgba(85, 85, 85, .59);
}

.self_list ul li:after {
    margin: 0;
}

.self_list ul li a {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
}

.self_list ul li a span {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    text-shadow: 4px 2px 2px rgba(0, 0, 0, .2);
}

.self_list ul li:nth-of-type(1) {
    background: url(/images/resources/icon_onboarding1.png) no-repeat center center #01baef;
}

.self_list ul li:nth-of-type(2) {
    background: url(/images/resources/icon_onboarding2.png) no-repeat center center #817dc5;
}

.self_list ul li:nth-of-type(3) {
    background: url(/images/resources/icon_onboarding3.png) no-repeat center center #59c3c3;
}

.self_list ul li:nth-of-type(4) {
    background: url(/images/resources/icon_onboarding4.png) no-repeat center center #dcdcdc;
}

.self_list ul li:nth-of-type(5) {
    background: url(/images/resources/icon_onboarding5.png) no-repeat center center #ea6f83;
}

.self_compliance {
    padding: 100px 0;
    background: #e6f6f6;
}

.self_compliance .link_text {
    border: none;
}

.self_compliance .text_blue {
    color: #01baef;
}

.self_compliance .page_Dec {
    font-weight: 400;
}

.complianceself_list {
    margin-top: 30px;
}

.complianceself_list > ul:after {
    content: "";
    display: block;
    clear: both;
}

.complianceself_list > ul > li {
    float: left;
    width: 32.3%;
    height: 442px;
    margin-left: 1%;
    padding: 30px 25px;
    border-radius: 5px;
    background: #fff;
    box-shadow: -1px 10px 15px -8px rgba(85, 85, 85, .59);
}

.complianceself_list > ul > li:first-child {
    margin-left: 0;
}

.complianceself_list > ul > li strong {
    display: block;
    margin-bottom: 15px;
    color: #59c3c3;
    font-weight: 700;
    font-size: 17px;
}

.complianceself_list > ul > li p {
    line-height: 29px;
}

.complianceself_list > ul > li .complianceself_bullet {
    overflow: hidden;
    margin: 15px 10px;
}

.complianceself_list > ul > li .complianceself_bullet > li {
    float: left;
    position: relative;
    width: 50%;
    padding: 0 0 0 15px;
}

.complianceself_list > ul > li .complianceself_bullet > li:after {
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #59c3c3;
}

.complianceself_list > ul > li:nth-of-type(1) {
    background: url(/images/resources/icon_onboarding6.png) no-repeat right bottom #fff;
}

.complianceself_list > ul > li:nth-of-type(2) {
    background: url(/images/resources/icon_onboarding7.png) no-repeat right bottom #fff;
}

.complianceself_list > ul > li:nth-of-type(3) {
    background: url(/images/resources/icon_onboarding8.png) no-repeat right bottom #fff;
}

.features_box {
    padding: 70px 0;
}

.features_box > h3 {
    margin-bottom: 35px;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
}

.tp-desc-more-features,
.tp-desc-more-recorede,
.tp-desc-more-video {
    padding: 30px 0;
    font-size: 13px;
    text-align: center;
}

.video_box {
    position: relative;
    text-align: center;
}

.video_box:after {
    content: "";
    display: block;
    clear: both;
}

.video_box li {
    display: inline-block;
    vertical-align: top;
    width: 350px;
    margin: 0 17px 20px 17px;
}

.video_box li .video_border {
    overflow: hidden;
    border: solid 1px #e1e1e1;
    border-radius: 5px;
    background: #e6e5f3;
}

.video_box li .video_border .img_box {
    height: 180px;
    text-align: center;
}

.video_box li .video_border .video_text {
    position: relative;
    height: 240px;
    padding: 50px 45px 30px 45px;
    border-top: solid 1px #e1e1e1;
    text-align: center;
}

.video_box li .video_border .video_text strong {
    display: block;
    margin-bottom: 10px;
    font-size: 19px;
}

.video_box li .video_border .video_text p {
    display: block;
    padding: 0 0 10px 0;
    font-size: 15px;
}

.video_box li .video_border .video_text a {
    color: #01baef;
}

.video_box li .video_border .btn_play {
    display: block;
    position: absolute;
    top: -35px;
    left: 50%;
    width: 100%;
    max-width: 70px;
    height: 70px;
    margin-left: -30px;
    font-size: 0;
    background: url(/images/resources/btn_play.png) no-repeat center top;
}

.tapcontent .video_box li {
    width: 33%;
    margin: 0;
    padding-left: 3%
}

.tapcontent .video_box li .video_border {
    background: #fff;
}

.tapcontent .video_box li .video_border .video_text {
    height: 270px;
    padding: 50px 30px 30px 30px;
}

.tapcontent .video_box {
    left: -2%
}

.tapcontent .video_box li .video_border .img_box {
    height: 178px;
    text-align: center;
}

.tap_type1 {
    overflow: hidden;
    width: 100%;
    border: solid 1px #d7d7d7;
    border-radius: 5px 5px 0 0;
}

.tap_type1 ul:after {
    content: "";
    display: block;
    clear: both;
}

.tap_type1 ul li {
    overflow: hidden;
    float: left;
    position: relative;
    width: 20%;
    height: 74px;
    padding: 14px 0;
    border-right: solid 1px #d7d7d7;
    color: #01baef;
    font-weight: 700;
    text-align: center;
    transition: .3s;
    cursor: pointer;
}

.tap_type1 ul li:last-child {
    border-right: 0;
}

.tap_type1 ul li.one {
    padding: 24px 0;
}

.tap_type1 ul li.on,
.tap_type1 ul li:hover {
    color: #fff;
    background: #01baef;
}

.more_video .tapcontent {
    display: none;
    padding: 50px 70px 50px 70px;
    border: solid 1px #d7d7d7;
    border-top: none;
    border-radius: 0 0 5px 5px;
    background: #d9f5fd;
}

.youtube_box {
    width: auto;
    width: 100%
}
.sub .practices_wrap{
    margin-top: 120px;
}
.sub .practices_wrap .intro_text > p{
    font-weight: 400;
    font-size: 16px;
    padding: 0px 30px 0;
}
.intro_text > p {
    padding: 50px 0 30px 0;
    font-weight: 700;
    text-align: center;
}

.intro_text .blue_box {
    padding: 30px;
    border-radius: 5px;
    font-weight: 700;
    text-align: center;
    background: #ccf1fc;
}

.intro_text .blue_box strong {
    display: block;
}

.intro_text .blue_box strong > em {
    color: #01baef;
}

.intro_text .blue_box strong > em a {
    color: #01baef;
}
.bullet_box {
    position: relative;
    padding: 50px 0;
    background: #def3f3;
}

.bullet_box .page-tit-depth3-black {
    margin-bottom: 20px;
    font-size: 30px;
}

.bullet_box.white {
    position: relative;
    background: #fff;
}

.bullet_box.white:after {
    border-top: 70px solid #fff;
}

.bullet_box.gray {
    position: relative;
    background: #f1f1f1;
}

.bullet_box.gray:after {
    display: none;
    border-top: 70px solid #fff;
}

.bullet_box:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -185px;
    left: 48%;
    z-index: 3;
    width: 0;
    height: 0;
    margin-left: -100px;
    border-top: 70px solid #def3f3;
    border-right: 140px solid transparent;
    border-bottom: 140px solid transparent;
    border-left: 140px solid transparent;
}

.bullet_box .par_con {
    padding: 0 0 57px 0;
    text-align: center;
}

.round_list {
    display: block;
    text-align: center;
}

.round_list > li {
    display: inline-block;
    vertical-align: top;
    width: 148px;
    height: 148px;
    margin-left: 15px;
    padding: 54px 44px;
    border-radius: 50%;
    text-align: center;
    background-color: #F2F8FF !important;
}
.round_list > li:first-child {
    margin-left: 0;
    letter-spacing: -.5px;
}

.round_list.blue > li {
    background-color: #def3f3 !important;
}

.round_list.campaign > li:nth-of-type(1) {
    background: url(/images/icon/icon_pro1_1.png) no-repeat center 92px;
}

.round_list.campaign > li:nth-of-type(2) {
    background: url(/images/icon/icon_pro1_2.png) no-repeat center 92px;
}

.round_list.campaign > li:nth-of-type(3) {
    background: url(/images/icon/icon_pro1_3.png) no-repeat center 92px;
}

.round_list.campaign > li:nth-of-type(4) {
    background: url(/images/icon/icon_pro1_4.png) no-repeat center 92px;
}

.round_list.campaign > li:nth-of-type(5) {
    background: url(/images/icon/icon_pro1_5.png) no-repeat center 92px;
}

.round_list.campaign.blue > li:nth-of-type(1) {
    background: url(/images/icon/icon_pro2_1.png) no-repeat center 92px;
}

.round_list.campaign.blue > li:nth-of-type(2) {
    background: url(/images/icon/icon_pro2_2.png) no-repeat center 92px;
}

.round_list.campaign.gray > li:nth-of-type(1) {
    font-size: 0;
    background: url(/images/icon/icon_pro3_1.png) no-repeat center center;
}

.bullet_box.customer:after {
    display: none;
}

.bullet_box .content_box:nth-last-of-type(1) {
    margin-top: 30px;
}

.round_list.support > li:nth-of-type(1) {
    background: url(/images/icon/icon_pro4_1.svg) no-repeat center 83px;
}

.round_list.support > li:nth-of-type(2) {
    background: url(/images/icon/icon_pro4_2.svg) no-repeat center 83px;
}

.round_list.support > li:nth-of-type(3) {
    background: url(/images/icon/icon_pro4_3.svg) no-repeat center 83px;
}

.round_list.support > li:nth-of-type(4) {
    background: url(/images/icon/icon_pro4_4.svg) no-repeat center 83px;
}

.round_list.support2 > li:nth-of-type(1) {
    font-size: 0;
    background: url(/images/icon/icon_pro5_1.svg) no-repeat 63px center;
}
.sub .tp-door-cont.spt .content_box + .content_box{
    margin-top: 60px;
}
.sub .round_list.support{
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
.sub .round_list.support.one dt{
    margin-bottom: 0;
}
.sub .round_list dl+dl{
    margin-left: 64px;
}
.sub .round_list dt{
    width: 148px;
    height: 148px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    border-radius: 50%;
    text-align: center;
    background-color: #F2F8FF !important;
}
.sub .round_list dt img{
    
}
.sub .par_con.support{
    margin:40px 0;
}
.boarding_wrap {
    padding: 0 80px 80px;
}

.boarding_wrap:after {
    content: "";
    display: block;
    clear: both;
}

.boarding_wrap > .box {
    float: left;
    width: 478px;
    height: 400px;
    padding: 42px;
    border-radius: 5px;
}

.boarding_wrap > .box:nth-of-type(2) {
    float: right;
}

.boarding_wrap > .box.green {
    background: url(/images/professional/boxbg2.png) no-repeat 281px bottom #def3f3;
}

.boarding_wrap > .box.purple {
    background: url(/images/professional/boxbg1.png) no-repeat 271px bottom #e6e5f3;
}

.boarding_wrap > .box > .page-tit-depth3 {
    margin-bottom: 20px;
    font-size: 30px;
    text-align: left;
}

.boarding_wrap > .box .bullet_list > li {
    margin-bottom: 10px;
}

.campaign_wrap .btn_box {
    clear: both;
    margin-top: 55px;
    text-align: center;
}

.campaign_wrap .boarding_wrap .btn_box {
    clear: both;
    margin: 0;
    padding-top: 55px;
    text-align: center;
}
.sub .credit_table .table_wrap table tbody td span> img {
    width: 20px;
}
.sub .sub_colorbox {
    margin-bottom: 70px;
}
.sub .sub_colorbox:after {
    content: "";
    display: block;
    clear: both;
}
.sub .sub_colorbox > div {
    float: left;
    width: 48%;
    height: auto;
    padding: 36px 43px;
    border-radius: 16px;
    text-align: center;
    box-shadow: -1px 7px 14px 2px rgb(5 16 35 / 14%);
}
.sub .sub_colorbox > div + div{
    margin-left: 20px;
}
.sub .sub_colorbox > div strong {
    display: block;
    margin-bottom: 5px;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    color: var(--tit-color);
}
.sub .sub_colorbox > div strong .txtBlue{
    color: var(--em-color);
}
.credit_table {
    margin-bottom: 80px;
}

.credit_table:after {
    content: "";
    display: block;
    clear: both;
}

.credit_table .table_wrap {
    overflow: hidden;
    float: left;
    width: 380px;
    margin-right: 20px;
    border: solid 1px #e1e1e1;
    border-radius: 10px;
}

.credit_table .table_wrap:nth-last-of-type(1) {
    margin-right: 0;
}

.credit_table .table_wrap table {
    width: 100%
}
.sub .credit_table .table_wrap table thead {
    
}
.sub .credit_table .table_wrap table thead th {
    padding: 7px 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    background: #01baef;
}
.sub .credit_table .table_wrap table thead th:nth-child(1){
    text-align: left;
    vertical-align: middle;
}
.sub .credit_table .table_wrap table thead th:nth-child(2){
    width: 122px;
    text-align: center;
}
.credit_table .table_wrap table tbody td {
    padding: 8px 10px;
    border-top: solid 1px #e1e1e1;
    font-size: 14px;
    text-align: left;
}
.credit_table .table_wrap table.three-show tbody td{
    padding: 8px 0px 8px 10px;
}
.credit_table .table_wrap table tbody td span {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
}
.credit_table .table_wrap table tbody td span + span{
    margin-left: 10px;
}

.credit_table .table_wrap table tbody td.center {
    text-align: center;
}

.credit_table.feature {
    padding: 63px 0 0 0;
}

.credit_table.feature .table_wrap {
    width: 380px;
    margin-top: 95px;
}

.credit_table.feature .table_wrap > h2 {
    position: absolute;
    top: 63px;
    width: inherit;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
}

.credit_table.feature .table_wrap table thead th {
    padding: 17px 10px;
}

.credit_table.feature .table_wrap:nth-of-type(1) > h2 {
    color: #01baef;
}

.credit_table.feature .table_wrap:nth-of-type(2) table th {
    background: #59c3c3;
}

.credit_table.feature .table_wrap:nth-of-type(2) > h2 {
    color: #59c3c3;
}

.credit_table.feature .table_wrap:nth-of-type(3) table th {
    background: #817dc5;
}

.credit_table.feature .table_wrap:nth-of-type(3) > h2 {
    color: #817dc5;
}

.page-tit-depth2.pricing {
    height: 300px;
}

.plan_banner {
    padding: 58px 0;
    text-align: center;
    background: url(/images/bot_bg.png) center top #59c3c3;
    transition: ease-in-out .2s;
    transition-delay: .5s;
}

.plan_banner strong {
    display: block;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
}

.plan_banner p {
    display: block;
    padding: 12px 0 0 0;
    color: #fff;
    font-size: 15px;
}

.plan_banner p em {
    display: inline-block;
    border-bottom: solid 1px #fff;
    font-weight: 700;
}
.plan_banner .btn_center {
    margin-top: 30px;
}
.plan_banner .btn_center .btn {
    width: 230px;
}
.plan_banner .btn_center .btn > span {
    width: 230px;
}
.credit_feature {
    padding-bottom: 80px;
}
.sub .cerdit_tap {
    width: 296px;
    height: 50px;
    margin: 45px auto 45px auto;
    border: solid 4px #F0F0F0;
    border-radius: 37px;
    background: #F0F0F0;
}
.sub .cerdit_tap ul:after {
    content: "";
    display: block;
    clear: both;
}
.sub .cerdit_tap ul li {
    float: left;
    width: 50%;
    
}
.sub .cerdit_tap ul li > a {
    display: block;
    padding: 7px 0;
    text-align: center;
    color: #72767A;
    font-weight: 500;
}
.sub .cerdit_tap ul li.on > a{
    color: #01baef;
    border-radius: 37px;
    background-color: #fff;
    box-shadow: 0px 2px 3px 0px rgb(41 73 99 / 20%);
}

.sub .cerdit_con:after {
    content: "";
    display: block;
    clear: both;
}

.sub .table_box1 {
    float: left;
    width: 50%;
}
.sub .table_box1:nth-of-type(1) {
    padding-right: 12px;
}
.sub .table_box1:nth-of-type(2) {
    padding-left: 12px;
}
.sub .table_box1 > div {
    overflow: hidden;
    border: none;
    border: solid 1px #e1e1e1;
    border-top: none;
    border-radius: 10px;
}

.sub .table_box1 > div > h2,
.sub .table_box1 > div > h3 {
    display: block;
    padding: 10px 0;
    color: #fff;
    font-weight: 600;
    text-align: center;
}

.sub .table_box1:nth-of-type(1) > div > h2 {
    background: #01BAEF;
}
.sub .table_box1.shortCord:nth-of-type(1) > div > h2{
    background-color: #0188EF;
}
.sub .table_box1.shortCord > div > table th{
    color: #0188EF;
    background-color: #F2F9FF;
}
.sub .table_box1.shortCord.api:nth-of-type(2) > div > h2{
    background-color: #564FCF;
}
.sub .table_box1.shortCord.api > div > table th{
    color: #564FCF;
    background-color: #F6F6FD;
}

.sub .table_box1:nth-of-type(2) > div > h2,
.sub .table_box1:nth-of-type(2) > div > h3 {
    background:#054A8F;
}
.sub .table_box1 > div > table {
    width: 100%;
    min-width: 588px;
    border-radius: 0 0 5px 5px;
    font-size: 14px;
    background: #fff;
}
.sub .table_box1 > div > table th {
    padding: 10px 0;
    text-align: center;
    background: #F2FCFF;
    color: #01BAEF;
    font-size: 16px;
    font-weight: 500;
}
.sub .table_box1 > div > table th:nth-child(2){
    border-left: 1px solid #e1e1e1;
}
.sub .table_box1.api > div > table th{
    color: #054A8F;
    background-color: #F2F6F9;
}

.sub .table_box1 > div > table td {
    padding: 10px 15px;
    border-left: solid 1px #e1e1e1;
    text-align: left;
    vertical-align: middle;
}
.sub .table_box1 > div > table tr:nth-child(even){
    background-color: #F8F8F8;
}
.sub .table_box1 > div > table td:nth-of-type(1) {
    border-left: none;
}
.sub .table_box1 > div > table .center {
    padding: 10px 8px;
    text-align: center;
    vertical-align: middle;
}
.sub .table_box1 > div > table sup,
.sub .table_box1 .point_color{
    color: #ea657b;
    font-size: 16px;
}
.sub .txtautoList .tp-door-side {
    margin-top: 40px;
}
.sub .txtautoList .tp-door-side.dashed{
    padding-bottom: 80px;
}
.sub .txtautoList.tp-door-cont .tp-side-txt{
    margin-top: 0;
}
.sub .txtautoList.tp-door-cont [class*=tp-side-img]:nth-child(2n-1){
    margin-right: 100px;
    margin-left: 0;
}
.sub .txtautoList.tp-door-cont [class*=tp-side-img]:nth-child(2n) {
    margin-right: 0;
}
.sub .txtautoList.tp-door-cont [class*=tp-side-txt]:nth-child(odd) {
    margin-right: 100px;
}
.sub .txtautoList.tp-door-cont .imgLifecycle{
    width: 340px;
    margin-top: 0;
}
.sub.credit_wrap .page_Decsub{
    padding-bottom:  60px;
}
.sub .core_list .tp-btn-box.omni{
    margin: 60px 0 40px;
}
.font-bold {
    font-weight: 700;
}

.sub .compliance_wrap .subTxt {
    margin-bottom: 25px;
}

.compliance_wrap .page_Dec strong {
    display: block;
    padding: 15px 0 0 0;
    font-weight: 500;
}

.compliance_cycle {
    padding-bottom: 80px;
}

.compliance_cycle:after {
    content: "";
    display: block;
    clear: both;
}

.compliance_cycle > ul {
    position: relative;
    left: -25px;
}

.compliance_cycle > ul > li {
    float: left;
    position: relative;
    width: 33.3%;
    text-align: center;
}

.compliance_cycle > ul > li > div {
    position: relative;
    width: 100%;
    padding: 260px 25px 0 25px;
    line-height: 30px;
}

.compliance_cycle > ul > li > div:after {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 225px;
}

.compliance_cycle > ul > li > div > ul.bullet_list {
    margin: 15px 0 0 36px;
    text-align: left;
}

.compliance_cycle > ul > li > div > ul.bullet_list > li {
    margin-bottom: 5px;
}

.compliance_cycle > ul > li > div > ul.bullet_list > li:after {
    top: 13px;
}

.compliance_cycle > ul > li > div > .dp3,
.compliance_cycle > ul > li > div > h2 {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 700;
}

.compliance_cycle > ul > li:nth-of-type(1) > div:after {
    background: url(/images/professional/icon_compliance1.png) no-repeat center top;
}

.compliance_cycle > ul > li:nth-of-type(2) > div:after {
    background: url(/images/professional/icon_compliance2.png) no-repeat center top;
}

.compliance_cycle > ul > li:nth-of-type(3) > div:after {
    background: url(/images/professional/icon_compliance3.png) no-repeat center top;
}

.compliance_cycle > ul > li:nth-of-type(1) > div > h2 {
    color: #59c3c3;
}

.compliance_cycle > ul > li:nth-of-type(2) > div > .dp3,
.compliance_cycle > ul > li:nth-of-type(2) > div > h2 {
    color: #817dc5;
}

.compliance_cycle > ul > li:nth-of-type(3) > div > h2 {
    color: #ea657b;
}

.sub .compliance_contact {
    display: block;
    margin-top: 65px;
    text-align: center;
    padding: 0 30px;
}
.sub .adv4 .compliance_contact{
    margin-top: 25px;
}
.sub .integration_listbox{
    display: flex;
    padding: 0;
}
.sub .integration_listbox .boxWrap{
    flex: 1;
}
.sub .integration_listbox .boxWrap + .boxWrap{
    margin-left: 100px;
}
.sub .integration_listbox .boxWrap .tp-door-title.tp-type02{
    padding: 0;
    text-align: left;
}

.sub .integration_listbox .boxWrap li{
    min-height: 236px;
}
.sub .integration_listbox .boxWrap li h3{
    padding: 72px 0 16px 0 ;
    font-size: 22px;
    color: var(--tit-color);
}
.sub .integration_listbox .boxWrap .type2 li:nth-child(1) h3{
    background: url('/images/icon/icoSub97.svg')no-repeat 0 0;
}
.sub .integration_listbox .boxWrap .type2 li:nth-child(2) h3{
    background: url('/images/icon/icoSub100.svg')no-repeat 0 0;
}
.sub .integration_listbox .boxWrap .type2 li:nth-child(3) h3{
    background: url('/images/icon/icoSub101.svg')no-repeat 0 0;
}
.sub .integration_listbox .boxWrap .type3 li:nth-child(1) h3{
    background: url('/images/icon/icoSub25.svg')no-repeat 0 0;
}
.sub .integration_listbox .boxWrap .type3 li:nth-child(2) h3{
    background: url('/images/icon/icoSub99.svg')no-repeat 0 0;
}
.sub .integration_listbox .boxWrap .type3 li:nth-child(3) h3{
    background: url('/images/icon/icoSub98.svg')no-repeat 0 0;
}
.integration_listbox {
    border-bottom: dashed 2px #ebebeb;
}

.integration_listbox:nth-last-of-type(1) {
    border: none;
}

.integration_listbox .page-tit-depth3-black {
    margin-bottom: 50px;
}

.integration_listbox .tooltip {
    width: 324px;
}

.custom_ball {
    text-align: center;
}

.custom_ball:after {
    content: "";
    display: block;
    clear: both;
}

.custom_ball > li {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 29%;
    margin-right: 2%;
    text-align: center;
}

.custom_ball > li:before {
    content: "";
    display: inline-block;
    width: 164px;
    height: 164px;
    margin-bottom: 20px;
    border-radius: 50%;
    background: #def3f3;
}

.custom_ball > li > h3 > strong {
    display: block;
    margin-bottom: 10px;
    color: #01baef;
    font-size: 20px;
}

.custom_ball > li > h3 > strong:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.custom_ball > li > p {
    position: relative;
    z-index: 3;
    line-height: 32px;
}

.custom_ball.type1 > li:nth-of-type(1) > h3 > strong:after {
    background: url(/images/professional/icon_customer1.png) no-repeat center 49px;
}

.custom_ball.type1 > li:nth-of-type(2) > h3 > strong:after {
    background: url(/images/professional/icon_customer2.png) no-repeat center 49px;
}

.custom_ball.type1 > li:nth-of-type(3) > h3 > strong:after {
    background: url(/images/professional/icon_customer3.png) no-repeat center 49px;
}

.custom_ball.type2 > li:nth-of-type(1) > h3 > strong:after {
    background: url(/images/professional/icon_customer4.png) no-repeat center 49px;
}

.custom_ball.type2 > li:nth-of-type(2) > h3 > strong:after {
    background: url(/images/professional/icon_customer5.png) no-repeat center 49px;
}

.custom_ball.type2 > li:nth-of-type(3) > h3 > strong:after {
    background: url(/images/professional/icon_customer6.png) no-repeat center 49px;
}

.custom_ball.type3 > li:nth-of-type(1) > h3 > strong:after {
    background: url(/images/professional/icon_customer7.png) no-repeat center 49px;
}

.custom_ball.type3 > li:nth-of-type(2) > h3 > strong:after {
    background: url(/images/professional/icon_customer8.png) no-repeat center 42px;
}

.custom_ball.type3 > li:nth-of-type(3) > h3 > strong:after {
    background: url(/images/professional/icon_customer9.png) no-repeat center 49px;
}

.custom_ball.type4 > li:nth-of-type(1) > h3 > strong:after {
    background: url(/images/professional/icon_customer10.png) no-repeat center 49px;
}

.custom_ball.type4 > li:nth-of-type(2) > h3 > strong:after {
    background: url(/images/professional/icon_customer11.png) no-repeat center 30px;
}

.custom_ball .tooltip:after {
    left: 220px;
}

.campansbox {
    position: relative;
    padding: 50px 0;
    background: #def3f3;
}

.campansbox.white {
    position: relative;
    padding: 70px 0;
    background: #fff;
}

.campansbox .content_box .title-dp3,
.campansbox .content_box h2 {
    margin-bottom: 50px;
    color: #01baef;
    font-weight: 700;
    font-size: 30px;
    text-align: center;
}

.both_wrap:after {
    content: "";
    display: block;
    clear: both;
}

.both_wrap > div {
    float: left;
    width: 48%;
    height: 426px;
    padding: 30px 40px;
    border-radius: 5px;
    box-shadow: 0 3px 10px 5px rgba(0, 0, 0, .2);
}

.both_wrap > div > p {
    padding-right: 30px;
    line-height: 32px;
}

.both_wrap > div > h3 {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 30px;
    text-align: left;
}

.both_wrap > div:nth-of-type(odd) {
    margin-right: 2%;
    background: url(/images/professional/icon_campaign1.png) no-repeat right bottom #fff;
}

.both_wrap > div:nth-of-type(even) {
    margin-left: 2%;
    background: url(/images/professional/icon_campaign2.png) no-repeat right bottom #fff;
}

.both_wrap > div .bullet_list {
    margin-top: 10px;
    padding-right: 145px;
}

.both_wrap > div .bullet_list > li {
    margin-bottom: 5px;
}

.success_box {
    position: relative;
    padding: 10px 0 0 387px;
}

.campansbox .content_box .success_box .title-dp3,
.campansbox .content_box .success_box h2 {
    margin-bottom: 10px;
    text-align: left;
}

.campansbox .content_box .success_box p {
    margin-bottom: 30px;
    padding-right: 30px;
    line-height: 32px;
}

.campansbox .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 300px;
    border-radius: 5px;
    background: url(/images/professional/icon_campaign3.png) no-repeat center center #def3f3;
}

.about_wrap {
    position: relative;
}

.about_img {
    overflow: hidden;
    position: relative;
    max-height: 524px;
    text-align: center;
}

.about_wrap > .content_box {
    width: 100%;
    max-width: 1000px;
    margin: 77px auto 0 auto;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 45px 48px 55px 48px;
    border-radius: 5px;
    text-align: center;
    background: rgba(255, 255, 255, .9);

}

.about_dec + .about_dec {
    margin-top: 20px;
}

.about_dec h2 {
    color: #59c3c3;
    font-weight: 700;
    font-size: 40px;
}

.about_dec p {
    font-size: 16px;
    line-height: 1.7;
}

.about_dec p + p {
    margin-top: 12px;
}

.history_box {
    padding: 50px 0 100px 0;
    background: #e6e5f3;
}

.history_box:after {
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    margin: 0 auto;
    border-radius: 50%;
    background: #817dc5;
}

.history_box h2 {
    margin-top: 70px;
    margin-bottom: 90px;
    color: #817dc5;
    font-weight: 700;
    font-size: 40px;
    text-align: center;
}

.history_con {
    text-align: center;
}

.year_box {
    position: relative;
    height: 100px;
}

.year_box.higher {
    height: 120px;
}

.year_box:before {
    content: "";
    display: block;
    width: 0;
    height: 11px;
    margin: 0 auto;
    border-radius: 50%;
    background: #817dc5;
}

.year_box:after {
    content: "";
    display: block;
    width: 2px;
    height: 0;
    margin: 0 auto;
    background: #817dc5;
}

.year_box:after,
.year_box:before {
    transition: all cubic-bezier(.3, 1.65, .42, 1.135) .6s;
    opacity: 0;
}

.year_con {
    position: absolute;
    top: -15px;
    min-width: 203px;
    background: #fff;
    transition: all cubic-bezier(.3, 1.65, .42, 1.135) .8s;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .2);
    opacity: 0;
}

.year_con .year_tit {
    padding: 8px 20px 8px 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background: #817dc5;
}

.year_box:nth-of-type(odd) .year_con .year_tit {
    text-align: right;
}

.year_box:nth-of-type(odd) .year_con .year_tit:after {
    right: -25px;
}

.year_box:nth-of-type(odd) .year_con {
    right: 30%;
    margin-right: 40px;
}

.year_box:nth-of-type(even) .year_con .year_tit {
    text-align: left;
}

.year_box:nth-of-type(even) .year_con .year_tit:after {
    left: -25px;
    transform: rotate(-180deg);
}

.year_box:nth-of-type(even) .year_con {
    left: 30%;
    margin-left: 40px;
}

.history_con.on .year_box:nth-of-type(even) .year_con {
    left: 50%
}

.history_con.on .year_box:nth-of-type(odd) .year_con {
    right: 50%
}

.history_con.on .year_con {
    opacity: 1;
}

.history_con.on .year_box:nth-of-type(1) .year_con {
    transition-delay: .2s;
}

.history_con.on .year_box:nth-of-type(2) .year_con {
    transition-delay: .3s;
}

.history_con.on .year_box:nth-of-type(3) .year_con {
    transition-delay: .3s;
}

.history_con.on .year_box:nth-of-type(4) .year_con {
    transition-delay: .4s;
}

.history_con.on .year_box:nth-of-type(5) .year_con {
    transition-delay: .4s;
}

.history_con.on .year_box:nth-of-type(6) .year_con {
    transition-delay: .5s;
}

.history_con.on .year_box:nth-of-type(7) .year_con {
    transition-delay: .5s;
}

.history_con.on .year_box:nth-of-type(8) .year_con {
    transition-delay: .6s;
}

.history_con.on .year_box:nth-of-type(9) .year_con {
    transition-delay: .6s;
}

.history_con.action .year_box:after,
.history_con.action .year_box:before {
    opacity: 1;
}

.history_con.action .year_box:before {
    width: 11px;
}

.history_con.action .year_box:after {
    height: 100%
}

.history_con.action .year_box:nth-of-type(1):after,
.history_con.action .year_box:nth-of-type(1):before {
    transition-delay: .2s;
}

.history_con.action .year_box:nth-of-type(2):after,
.history_con.action .year_box:nth-of-type(2):before {
    transition-delay: .2s;
}

.history_con.action .year_box:nth-of-type(3):after,
.history_con.action .year_box:nth-of-type(3):before {
    transition-delay: .3s;
}

.history_con.action .year_box:nth-of-type(4):after,
.history_con.action .year_box:nth-of-type(4):before {
    transition-delay: .3s;
}

.history_con.action .year_box:nth-of-type(5):after,
.history_con.action .year_box:nth-of-type(5):before {
    transition-delay: .4s;
}

.history_con.action .year_box:nth-of-type(6):after,
.history_con.action .year_box:nth-of-type(6):before {
    transition-delay: .4s;
}

.history_con.action .year_box:nth-of-type(7):after,
.history_con.action .year_box:nth-of-type(7):before {
    transition-delay: .5s;
}

.history_con.action .year_box:nth-of-type(8):after,
.history_con.action .year_box:nth-of-type(8):before {
    transition-delay: .5s;
}

.history_con.action .year_box:nth-of-type(9):after,
.history_con.action .year_box:nth-of-type(9):before {
    transition-delay: .5s;
}

.year_con .year_tit:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 25px;
    height: 40px;
    background: url(/images/about/year_bullet.png) no-repeat;
}

.year_con.con1 .year_p {
    padding: 17px 20px 25px 90px;
    text-align: left;
    background: url(/images/about/history_img1.png) no-repeat 11px 16px;
}

.year_con.con2 .year_p {
    padding: 17px 20px 65px 20px;
    text-align: center;
    background: url(/images/about/history_img2.png) no-repeat center 50px;
}

.year_con.con3 .year_p {
    padding: 17px 20px 25px 122px;
    text-align: left;
    background: url(/images/about/history_img3.png) no-repeat 11px 16px;
}

.year_con.con4 .year_p {
    padding: 17px 20px 25px 90px;
    text-align: left;
    background: url(/images/about/history_img4.png) no-repeat 18px 16px;
}

.year_con.con5 .year_p {
    padding: 17px 20px 25px 130px;
    text-align: left;
    background: url(/images/about/history_img5.png) no-repeat 15px 16px;
}

.year_con.con6 .year_p {
    padding: 17px 20px 65px 20px;
    text-align: center;
    background: url(/images/about/history_img6.png) no-repeat center 50px;
}

.year_con.con7 .year_p {
    padding: 17px 20px 65px 20px;
    text-align: center;
    background: url(/images/about/history_img7.png) no-repeat center 50px;
}

.year_con.con8 .year_p {
    padding: 17px 20px 25px 82px;
    text-align: left;
    background: url(/images/about/history_img8.png) no-repeat 20px 16px;
}

.year_con.con9 .year_p {
    padding: 17px 20px 65px 20px;
    text-align: center;
    background: url(/images/about/history_img9.png) no-repeat center 50px;
}

.year_con.con10 .year_p {
    padding: 26px 20px 26px 90px;
    text-align: center;
    background: url(/images/about/history_img10.png) no-repeat 20px center;
}

.ourteam {
    padding: 90px 0;
}

.ourteam .content_box {
    position: relative;
    padding: 0 0 0 400px;
}

.ourteam .team_info {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
}

.ourteam .team_info h3 {
    margin-bottom: 28px;
    color: #01baef;
    font-weight: 700;
    font-size: 40px;
    line-height: 45px;
}

.ourteam .team_info p {
    line-height: 33px;
}

.ourteam .team_detail ul li {
    margin-top: 25px;
    padding-top: 25px;
    border-top: dashed 2px #e7e7e7;
}

.ourteam .team_detail ul li:first-child {
    margin-top: 0;
    padding-top: 0;
    border: none;
}

.ourteam .team_detail ul li strong {
    display: block;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 700;
}

.ourteam .team_detail ul li strong em {
    font-size: 30px;
}

.ourteam .team_detail ul li strong:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    margin-left: 10px;
}

.ourteam .team_detail ul li:nth-of-type(1) strong {
    color: #ea657b;
}

.ourteam .team_detail ul li:nth-of-type(1) strong:after {
    background: url(/images/about/icon_about4.png) no-repeat left center;
}

.ourteam .team_detail ul li:nth-of-type(2) strong {
    color: #817dc5;
}

.ourteam .team_detail ul li:nth-of-type(2) strong:after {
    background: url(/images/about/icon_about5.png) no-repeat left center;
}

.ourteam .team_detail ul li:nth-of-type(3) strong {
    color: #59c3c3;
}

.ourteam .team_detail ul li:nth-of-type(3) strong:after {
    background: url(/images/about/icon_about6.png) no-repeat left center;
}

.ceomsg {
    padding: 0 0;
    background: #def3f3;
}

.ceomsg .content_box {
    padding: 100px 430px 100px 135px;
    background: url(/images/about/ceo_img.png) no-repeat right bottom #def3f3;
}

.ceomsg .content_box h3 {
    margin-bottom: 20px;
    color: #59c3c3;
    font-size: 40px;
    font-weight: 700;
}

.ceomsg .content_box p {
    line-height: 32px;
}

.withus {
    padding: 80px 0;
    color: #fff;
    text-align: center;
    background: url(/images/common/form_bg.png) center top #01baef;
}

.withus h3 {
    margin-bottom: 20px;
    font-size: 40px;
    font-weight: 700;
}

.withus p {
    margin-bottom: 30px;
    padding: 0 200px;
    line-height: 32px;
}

.care_sub {
    padding: 65px 0;
}

.care_sub p {
    padding: 20px 60px 0 60px;
    font-size: 18px;
    text-align: center;
}

.care_sub p:nth-of-type(2) {
    padding: 40px 60px 0 60px;
    text-align: center;
}

.care_sub p em {
    display: inline-block;
    padding: 0 3px;
    border-bottom: solid 1px #01baef;
    color: #01baef;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
}

.care_sub p.img {
    margin-top: 50px;
    padding: 173px 0 0 0;
    background: url(/images/about/care_bg1.png) no-repeat center top;
}

.care_sub h2 {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
}

.care_formwrap {
    padding: 70px 0;
    background: #e5f8fd;
}

.care_formwrap .form_wrap {
    padding: 64px 78px 20px 78px;
}

.care_formwrap .form_wrap .formtitle {
    width: 100%;
    margin-bottom: 0;
    color: #59c3c3;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
}

.care_formwrap .btn_center {
    padding-top: 20px;
}

.testimonial_card {
    padding: 70px 0;
    background: #e5f8fd;
}

.card_overbox {
    width: 100%
}

.card_overbox ul {
    position: relative;
    left: -2%
}

.card_overbox ul:after {
    content: "";
    display: block;
    clear: both;
}

.card_overbox ul li {
    float: left;
    position: relative;
    width: 23%;
    height: 505px;
    margin: 0 0 2% 2%
}

.card_overbox ul li > span {
    display: block;
    position: absolute;
    top: 0;
    left: 20px;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    color: #000;
    text-align: center;
    background: #fff;
    transition: transform 1s;
    transform-style: preserve-3d;
    box-shadow: 3px 3px 10px 4px rgba(0, 0, 0, .1);
}

.card_overbox ul li > span.front {
    display: table;
    text-align: center;
}

.card_overbox ul li > span.front em {
    display: table-cell;
    vertical-align: middle;
}

.card_overbox ul li > span em {
    display: inline-block;
    vertical-align: middle;
}

.card_overbox ul li > span p {
    padding: 60px 26px 0 26px;
    text-align: left;
}

.card_overbox ul li > span p.bot_text {
    position: absolute;
    bottom: 70px;
}

.card_overbox ul li > span.back {
    transform: rotateY(-180deg);
    opacity: 0;
}

.card_overbox ul li > span.front {
    transform: rotateY(0);
    opacity: 1;
}

.card_overbox ul li:hover > span.back {
    transform: rotateY(0);
    opacity: 1;
}

.card_overbox ul li:hover > span.front {
    transform: rotateY(-180deg);
    opacity: 0;
}

.top_subdec {
    padding: 0 0 70px 0;
}

.top_subdec .logo_Box {
    text-align: center;
}

.top_subdec .dec_btn {
    margin-top: 50px;
    text-align: center;
}

.top_subdec .dec_btn .btn:first-child {
    margin-right: 20px;
}

.page-tit-depth2.green {
    background-color: #59c3c3;
}

.page-tit-depth2.green span {
    background: 0 0;
}

.faq_wrap.sub{
    margin-bottom: 80px;
}
.faq_wrap.sub .common_tap{
    max-width: 912px;
}
.faq_wrap.sub .accordion_text .accordion_wrap .accordion_top::before,
.faq_wrap.sub .accordion_text .accordion_wrap .accordion_top::after{
    top: 14px;
}
.faq_wrap.sub .accordion_text .accordion_col{
    width: 578px;
}
.faq_wrap.sub .accordion_text .accordion_col .pargrph p + p{
    margin-top: 12px;
}
.faq_wrap.sub .accordion_text .accordion_col .faq_imgbox .wtd{
    width: 100%;
}
.faq_wrap.sub .accordion_text .accordion_col .title_bullet{
    margin: 10px 0 0 20px;
}
.faq_wrap.sub .accordion_text .title_bullet > strong{
    font-weight: 600;
}
.faq_wrap.sub .accordion_text .accordion_col .bullet_list > li{
    margin-bottom: 0;
}
.faq_wrap.sub .accordion_text .accordion_col .orderlist{
    margin: 10px 0 0px 20px;
}
.faq_wrap.sub .accordion_text .accordion_col .orderlist + p{
    margin-top: 20px;
}
.faq_wrap.sub .accordion_text .orderlist > li{
    padding: 0 0 0 15px;
}
.faq_wrap.sub .accordion_text .orderlist > li:last-child{
    margin-bottom: 0;
}
.faq_wrap.sub .accordion_text .accordion_col .orderlist strong{
    font-weight: 600;
}
.faq_wrap.sub .accordion_text .orderlist > li > .orderlist{
    margin: 10px 0;
}
.faq_wrap.sub .accordion_text .orderlist > li em{
    width: auto;
    display: inline-block;
    position: unset;
    margin-right: 2px;
}
.faq_wrap.sub .accordion_text .orderlist > li .orderlist > li em{
    width: 15px;
}
.sub .common_tap {
    max-width: 857px;
    width: 100%;
    margin: 0 auto;
    background-color: #F0F0F0;
    border-radius: 37px;
}
.sub .common_tap ul {
    display: flex;
    align-items: center;
}
.sub .common_tap ul li {
    height: 42px;
    margin: 4px;
    padding: 8px 32px;
    color: #72767A;
    cursor: pointer;
    text-align: center;
    font-weight: 500;
}
.sub .common_tap ul li.on{
    background-color: #fff;
    color: var(--em-color);
    border-radius: 37px;
    box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 14%);
}
.sub .common_tap ul li.on a{
    color: var(--em-color);
}
.sub .common_tap ul li a {
    color: #72767A;
    font-size: 16px;
    font-weight: 500;
}
.sub .tapcon_wrap {
    margin-top: 50px;
}

.tapcon_wrap .content_box {
    position: unset;
}



/* accordion s */
.sub .accordion_text {
    display: flex;
}

.sub .accordion_text .accordion_col {
    width: 50%;
}
.sub .accordion_text .accordion_col + .accordion_col {
    margin-left: 44px;
}

.sub .accordion_text .accordion_col .accordion_wrap {
    padding: 22px;
    background: #F3F4F7;
    border-radius: 10px;
}

.sub .accordion_text .accordion_col .accordion_wrap.on {
    background-color: #fff;
    box-shadow: 0px 4px 15px 0 rgb(41 73 99 / 20%);
}

.sub .accordion_text .accordion_col .accordion_wrap + .accordion_wrap {
    margin-top: 20px;
}

.sub .accordion_text .accordion_wrap .accordion_top {
    position: relative;
    padding: 0 0 0 28px;
    cursor: pointer;
}
.sub .usecase_tap .accordion_text .accordion_wrap .accordion_top{
    padding: 22px 54px;
}
.sub .accordion_text .accordion_wrap .accordion_top::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: calc(50% - 2px);
    left: 0px;
    width: 12px;
    height: 2px;
    background-color: var(--em-color);
}

.sub .accordion_text .accordion_wrap .accordion_top::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: calc(50% - 2px);
    left: 0px;
    width: 12px;
    height: 2px;
    background-color: var(--em-color);
    transform: rotate(90deg);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.sub .accordion_text .accordion_wrap.on .accordion_top::after {
    transform: rotate(180deg);
}

.sub .accordion_text .accordion_wrap .accordion_top > span {
    font-weight: 500;
}

.sub .accordion_text .accordion_wrap .accordion_con {
    overflow: hidden;
    position: relative;
    max-height: 0;
    color: #000;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.sub .accordion_text .accordion_wrap.on .accordion_con {
    max-height: 100%;
    padding-top: 22px;
    color: #536170;
    opacity: .8;
}

.sub .accordion_text .accordion_con .faq_imgbox_dec {
    display: block;
}

.term_graybox {
    padding: 35px;
    border-radius: 10px;
    background: #ebebeb;
}

.accordion_text .accordion_con {
    border-bottom: none;
}

.accordion_text .orderlist,
.policy_titbox .orderlist {
    margin: 20px;
}

.accordion_text .orderlist > li,
.policy_titbox .orderlist > li {
    position: relative;
    margin-bottom: 5px;
    padding: 0 0 0 30px;
}

.accordion_text .orderlist > li em,
.policy_titbox .orderlist > li em {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
}

.accordion_text .title_bullet {
    margin: 20px;
}

.accordion_text .title_bullet > strong {
    display: block;
}
.sub .usecase_tap .accordion_text .accordion_col {
    width: 100%;
}
.sub .usecase_tap .accordion_text .accordion_col .accordion_wrap{
    padding: 0;
    background-color: #F0F0F0;
}
.sub .usecase_tap .accordion_text .accordion_col .accordion_wrap.on{
    background-color: #fff;
}
/*.sub .usecase_tap .accordion_text .accordion_wrap .accordion_top{
    padding-left: 0;
}*/
.sub .usecase_tap .accordion_text .accordion_wrap .accordion_top::before,
.sub .usecase_tap .accordion_text .accordion_wrap .accordion_top::after{
    left: 28px;
}
.sub .usecase_tap .accordion_text .accordion_wrap .accordion_con .pargrph{
    padding: 0px 54px 22px;
}
.sub .usecase_tap .accordion_text .accordion_wrap.on .accordion_con{
    max-height: 100%;
    padding-top: 0;
    padding-bottom: 28px;
    opacity: 1;
}


/* accordion e */


.faq_imgbox span {
    display: block;
}

.faq_wrap .tapcontent {
    display: none;
}

.form_box {
    width: 380px;
    margin: 0 auto;
    text-align: center;
}

.form_box span.inputbox {
    display: block;
    width: 100%;
    height: 45px;
    margin-bottom: 20px;
    border-radius: 5px;
    background: #fff;
}

.form_box span.inputbox:first-child {
    margin-top: 24px;
}

.form_box span.inputbox input[type=email],
.form_box span.inputbox input[type=password],
.form_box span.inputbox input[type=phone],
.form_box span.inputbox input[type=text] {
    box-sizing: border-box;
    width: 98%;
    height: 98%;
    padding: 0 10px;
    border: none;
    background: 0 0;
}

.form_box .btn > span {
    width: 100%;
    min-width: auto;
}

.form_box p {
    padding: 0;
    color: #fff;
    font-size: 12px;
}

.login #container {
    padding: 0;
}

.login_wrap {
    overflow-x: hidden;
    min-height: 745px;
}

.login_wrap h1 {
    font-size: 0;
}

.login_wrap strong.login_logo {
    position: absolute;
    top: 48px;
    left: 0;
    z-index: 99;
    width: 100%
}

.login_wrap strong.login_logo span {
    display: block;
    width: 1180px;
    margin: 0 auto;
}

.login_wrap:after {
    content: "";
    display: block;
    clear: both;
}

.login_dec {
    display: flex;
    float: left;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
    width: 50%;
    height: 100%;
    background-color: #01baef;
    background-image: url(/images/login/login_bg.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.login_dec h2 {
    display: block;
    color: #fff;
    font-size: 24px;
    text-align: center;
}

.login_dec h2 span {
    display: block;
}

.login_form {
    display: flex;
    float: left;
    float: left;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    width: 50%;
    height: 100%;
    background: #fff;
    transition: all ease-in-out .7s;
}

.login_form .form_in {
    float: left;
    position: relative;
    width: 500px;
}

.login_wrap .error_mag {
    display: none;
    margin: 10px 0 0 0;
    padding-left: 20px;
    color: #ea657b;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
    background: url(/images/login/icon_error.png) no-repeat left 2px;
}

.login_wrap .error_mag.on {
    display: block;
}

.login_form .form_box ul li .error_mag {
    position: relative;
    top: -10px;
}

.login_dec .dec_in {
    position: relative;
    width: 680px;
}

.login_wrap.start .login_dec .dec_in {
    transform: translate3d(0, 0, 0);
}

.login_wrap.start .login_dec {
    float: left;
    width: 50%
}

.login_wrap.start .login_form {
    width: 50%;
    transition: all ease-in-out .7s;
    transition-delay: .5s;
    transform: translate3d(0, 0, 0);
}

.login_wrap.start .login_dec .dec_in {
    transition: all ease-in-out .7s;
    opacity: 1;
}

.login_dec h2 {
    display: block;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
}

.login_dec h2 span {
    display: block;
}

.system_list {
    width: 464px;
    margin: 53px auto 0 auto;
}

.system_list ul:after {
    content: "";
    display: block;
    clear: both;
}

.system_list ul li {
    padding: 20px 0 20px 65px;
    border-bottom: dashed 2px #fff;
    color: #fff;
    font-size: 14px;
}

.system_list ul li:nth-of-type(1) {
    background: url(/images/login/icon_login1.png) no-repeat left center;
}

.system_list ul li:nth-of-type(2) {
    background: url(/images/login/icon_login2.png) no-repeat left center;
}

.system_list ul li:nth-of-type(3) {
    background: url(/images/login/icon_login3.png) no-repeat left center;
}

.system_list ul li:nth-of-type(4) {
    background: url(/images/login/icon_login4.png) no-repeat left center;
}

.system_more {
    text-align: center;
}

.system_more a {
    display: inline-block;
    width: 250px;
    height: 50px;
    margin-top: 50px;
    border: solid 1px #fff;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 50px;
}

.form_in .form_box h2 {
    display: block;
    margin-bottom: 25px;
    color: #3c4147;
    font-size: 30px;
    font-weight: 700;
    text-align: left;
}

.form_in .form_box ul li label {
    display: block;
    margin-bottom: 8px;
    text-align: left;
}

.form_in .form_box ul li span.inputbox {
    border: solid 1px #ccc;
}

.form_in .form_box ul li em {
    float: right;
    color: #01baef;
}

.form_in .form_box ul li em:first-child {
    float: left;
}

.form_in .form_box ul li em label {
    display: inline-block;
    margin-left: 5px;
    color: #3c4147;
}

.form_in .form_box ul li em button {
    border: none;
    color: #01baef;
    background: 0 0;
}

.form_in .btn_box {
    clear: both;
    padding-top: 34px;
}

.form_in .btn_box span {
    display: inline-block;
    position: relative;
    width: 100%;
    transition: all .2s ease;
}

.form_in .btn_box span:after {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    bottom: -6px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 20px;
    border-radius: 5px;
    color: #fff;
    background: #1594bd;
    transition: all .2s ease;
}

.form_in .btn_box span input[type=submit] {
    display: inline-block;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 45px;
    padding: 0 24px;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    line-height: 45px;
    background: #01baef;
}

.auto_textlist.animation {
    position: relative;
}

/*.phone_ani {
    position: absolute;
    top: 0;
    right: 0;
    width: 250px;
    height: 650px;
}

.phone_ani .phone {
    position: absolute;
    top: 92px;
    right: 0;
    width: 250px;
    height: 500px;
    padding: 110px 0 89px 0;
    background: url(/images/auto/bg_phone.png) no-repeat;
}

.phone_ani .phone ul {
    overflow: hidden;
    width: 100%;
    height: auto;
}

.phone_ani .phone ul {
    position: absolute;
    bottom: 110px;
}

.phone_ani .phone ul li {
    overflow: hidden;
    position: relative;
    height: 0;
    transition: all cubic-bezier(.68, -.55, .265, 1.55) .4s;
    transform: scale(0);
    opacity: 0;
}

.phone_ani .phone ul li:nth-of-type(odd) {
    right: 25px;
    text-align: right;
    transform-origin: right bottom;
}

.phone_ani .phone ul li:nth-of-type(even) {
    left: 25px;
    text-align: left;
}

.phone_ani .phone ul li.motion {
    height: auto;
    transform: scale(1);
    opacity: 1;
}

.phone_ani .phone ul li:nth-of-type(2) {
    transition-delay: .3s;
}

.phone_ani .phone ul li:nth-of-type(3) {
    transition-delay: .3s;
}

.phone_ani .phone ul li:nth-of-type(4) {
    transition-delay: .3s;
}

.phone_ani .phone ul li:nth-of-type(5) {
    transition-delay: .3s;
}

.phone_ani .phone ul li:nth-of-type(6) {
    transition-delay: .3s;
}

.phone_ani .roll_num {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 46px;
    text-align: center;
}

.phone_ani .roll_num span {
    display: inline-block;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    color: #59c3c3;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 46px;
    background: #c7e8e
}*/

/*.roll_bt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 13px;
    text-align: center;
}

.roll_bt > button {
    width: 13px;
    height: 13px;
    margin-left: 5px;
    border: solid 1px #d1d1d1;
    border-radius: 50%;
    background: #fff;
    pointer-events: none;
}

.roll_bt > button:first-child {
    margin-left: 0;
}

.roll_bt > button.on,
.roll_bt > button:hover {
    background: #59c3c3;
}

.targeting_sub {
    padding: 40px 0 0 0;
}

.targeting_sub h3 {
    margin-bottom: 15px;
}

.targeting_example {
    position: relative;
    margin-top: 54px;
}

.targeting_example h3 {
    margin-bottom: 25px;
    text-align: left;
}

.targeting_example .example_list {
    padding: 90px 0 146px 235px;
}

.targeting_example .phone_ani {
    top: 50px;
    right: auto;
    left: 0;
    width: 179px;
    height: 453px;
}

.targeting_example .phone_ani li {
    padding-bottom: 5px;
}

.targeting_example .phone_ani .phone {
    top: 62px;
    width: 176px;
    height: 356px;
    padding: 70px 0 65px 0;
    background-size: 179px;
}

.targeting_example .phone_ani .roll_num span {
    color: #817dc5;
    background: #d9d8ed;
}

.phone_ani .phone ul li.motion span {
    right: auto !important;
    left: 20px !important;
}

.roll_bt > button.on,
.targeting_example .roll_bt > button:hover {
    background: #817dc5;
}

.example_list {
    padding: 90px 0 146px 0;
    border-bottom: solid 1px #ebebeb;
}

.example_list ol li {
    position: relative;
    margin-bottom: 30px;
    padding-left: 23px;
}

.example_list ol li em {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 23px;
    color: #817dc5;
    font-size: 20px;
    font-weight: 700;
}

.example_list .bullet_list > li:after {
    width: 5px;
    height: 5px;
    background: #817dc5;
}

.phone_ani.stop .roll_bt,
.phone_ani.stop .roll_num {
    display: none;
}

.phone_ani.stop .phone ul li span:nth-of-type(1) {
    top: 10px;
    right: auto;
    left: 0;
    animation-name: none;
    animation-play-state: paused;
    opacity: 1;
    opacity: 1 !important;
}

.phone_ani.stop .phone {
    top: 0;
}

.targeting_example .example_list.last {
    padding: 60px 0 100px 235px;
    border: none;
}

.targeting_example.big {
    margin: 0;
    padding-top: 54px;
    border-top: solid 1px #ebebeb;
}

.targeting_example.big .phone_ani {
    top: 54px;
    width: 225px;
    height: 450px;
}

.targeting_example.big .example_list {
    padding: 40px 0 50px 260px;
    border-bottom: none;
}

.targeting_example.big .phone_ani .phone {
    top: 92px;
    width: 225px;
    height: 450px;
    padding: 110px 0 89px 0;
    background-size: 225px;
}

.targeting_example.big .phone_ani .roll_num {
    display: none;
}

.targeting_example.big .phone_ani .roll_bt {
    display: none;
}

.phone_ani .phone ul li.motion em {
    display: block;
    padding-right: 10px;
    color: #e95d74;
    font-weight: 700;
    text-align: right;
}

.targeting_example .phone_ani li {
    padding-bottom: 5px;
}

.targeting_example.big .phone_ani .phone ul {
    bottom: 65px;
}

.targeting_example.big.lead .phone_ani .phone ul {
    bottom: 110px;
}

.targeting_example.big .phone_ani .phone ul li em {
    display: block;
    position: relative;
    padding-right: 10px;
    color: #e95d74;
    font-weight: 700;
    text-align: right;
    transition-delay: .5s;
}

.targeting_example.big .phone_ani .phone ul li.motion em {
    animation-name: emani1;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    opacity: 0;
}

.targeting_example.big .phone_ani .phone ul li {
    position: relative;
    transition: all ease-in-out;
}

.targeting_example.big .phone_ani .phone ul li img {
    transition: all cubic-bezier(.68, -.55, .265, 1.55) .4s;
    transform: scale(0);
}

.targeting_example.big .phone_ani .phone ul li.motion img {
    transition: all cubic-bezier(.68, -.55, .265, 1.55) .4s;
    transform: scale(1);
}

.phone_ani .phone ul li.motion.link {
    height: 80px;
    transition: all ease-in;
}

.phone_ani .phone ul li.motion.link span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 62px;
}

.phone_ani .phone ul li.motion.link span:nth-child(1) {
    animation-name: emani1;
    animation-duration: 3s;
    animation-fill-mode: forwards;
}

.phone_ani .phone ul li.motion.link span:nth-child(2) {
    animation-name: emani2;
    animation-duration: 3s;
    animation-delay: 1s;
    animation-fill-mode: backwards;
}

.phone_ani .phone ul li.motion.link em {
    position: absolute;
    animation-name: emani3;
    animation-duration: 3s;
    animation-delay: 2s;
    opacity: 0;
}

.phone_ani .phone ul li.motion span {
    right: auto !important;
    left: auto !important;
}

.phone_ani.stop .phone ul {
    top: 80px;
    bottom: auto;
}

.phone_ani.stop .phone ul li:nth-of-type(1) {
    right: 0;
    left: 25px;
    text-align: left;
}

.phone_ani.sample1 .phone ul li:nth-of-type(odd) {
    left: 25px;
    text-align: left;
}*/

.thanks_wrap {
    padding: 80px 0;
}

.thanks_wrap h2 {
    width: 100%;
    color: #054A8F;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
}

.thanks_box {
    position: relative;
    max-width: 953px;
    width: 100%;
    margin: 0 auto;
    padding: 40px 0;
    border-radius: 20px;
    -webkit-box-shadow: 0px 10px 20px 0 #777;
    -moz-box-shadow: 0px 10px 20px 0 #777;
    box-shadow: 0px 10px 20px 0 rgba(32 37 42 / 18%);
}

.thanks_text p {
    padding: 20px 0 40px 0;
    font-size: 16px;
    text-align: center;
}

.thanks_text .btn_box {
    width: 100%;
    text-align: center;
}
.thanks_text .btn_box a + a{
    margin-left: 20px
}
.thanks_text .btn_box a{
    width: 250px;
    height: 45px;
    line-height: 40px;
    border-radius: 23px;
}
.thanks_text .btn_box .button-type01.color-type03{
    background-color: #EA657B;
}
.thanks_text .btn_box .button-type01.color-type02{
    background-color: #564FCF;
    border-color: #564FCF;
}
.thanks_text .btn_box .button-type01.color-type04{
    background-color: #01BAEF;
}
.thanks_text .btn_box a span{
    font-size: 16px;
    font-weight: 600;
}

.right_form {
    width: 400px;
}

.right_form strong {
    display: block;
    padding: 11px 0;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    background: #01baef;
}

.page-tit-depth2.demo span {
    font-size: 45px;
    line-height: 56px;
}

.sub .more_advantage {
    padding: 80px 0;
    background: #F2F8FF;
}

.more_advantage h2 {
    margin-bottom: 40px;
}

.more_advantage .moreadvantage_list {
    width: 100%;
    text-align: center;
}

.more_advantage .moreadvantage_list:after {
    content: "";
    display: block;
    clear: both;
}

.more_advantage .moreadvantage_list li {
    display: inline-block;
    vertical-align: top;
    width: 270px;
    height: 370px;
    margin-left: 25px;
    padding: 139px 20px 30px 20px;
    border-radius: 5px;
    text-align: center;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center 30px;
    box-shadow: 3px 2px 8px 2px rgba(0, 0, 0, .1);
}


.usecase_intro {
    position: relative;
    min-height: 690px;
    padding: 60px 494px 200px 0;
}

.usecase_wrap .content_box {
    position: static;
}

.usecase_intro .usecase_text .text_Area p {
    font-size: 18px;
    text-align: left;
    line-height: 45px;
}

.usecase_intro .usecase_text .text_Area p em {
    color: #01baef;
    font-size: 22px;
    font-weight: 700;
}

.usecase_intro .usecase_text .text_Area .dec_btn {
    margin-top: 40px;
}

.usecase_intro .usecase_text .text_Area .dec_btn a {
    margin-right: 20px;
}

.usecase_intro .usecase_text > .right_form {
    position: absolute;
    top: 60px;
    right: 0;
}

.right_form.formboox .hbspt-form .hs-form-field label {
    margin-top: 10px;
}

.usecase_intro .right_form strong {
    background: #59c3c3;
}

.usecase_intro .formboox .hbspt-form {
    margin-bottom: 0;
    padding: 0 20px 30px 20px;
    background: #def3f3;
}

.usecase_intro .right_form.formboox .hbspt-form > .hbspt-form {
    padding: 10px 10px 34px 10px;
}

.usecase_intro .hbspt-form .hs-form-field .input {
    height: 36px;
    border: none;
    border-radius: none;
    line-height: 36px;
}

.usecase_intro .hbspt-form .hs-form-field .input input {
    width: 100%;
    height: 36px;
    border-radius: 5px;
    line-height: 36px;
}

.hr_linkbox {
    padding: 60px 0;
    border-bottom: solid 1px #ddd;
}

.hr_linkbox .page-tit-depth3-green {
    padding: 185px 0 0 0;
    font-size: 45px;
    text-align: center;
    background: url(/images/department/icon_hr.png) no-repeat center top;
}

.hr_linkbox p {
    width: 640px;
    margin: 35px auto 35px auto;
    text-align: center;
    line-height: 30px;
}

.hr_linkbox p a {
    color: #59c3c3;
    font-weight: 700;
    text-decoration: underline;
}

.usecase_tap {
    padding: 69px 0 94px 0;
    background: #e5f8fd;
}

.usecase_tap h2 {
    margin-bottom: 40px;
}

.usecase_tap ul li {
    position: relative;
}

.usecase_tap .num_list {
    margin-left: 20px;
}

.accordion_tap {
    margin: 0 50px;
    border: solid 1px #ddd;
}

.accordion_tap .accordion_top {
    position: relative;
    padding: 28px 45px 28px 94px;
    border-bottom: solid 1px #ddd;
    background: #ebebeb;
}

.accordion_tap .accordion_top > em {
    display: block;
    position: absolute;
    top: 16px;
    left: 35px;
    color: #a4def7;
    font-size: 36px;
    font-weight: 700;
}

.accordion_tap .accordion_top > span {
    color: #01baef;
    font-size: 20px;
    font-weight: 700;
}

.accordion_tap .accordion_top:after {
    content: "";
    display: block;
    position: absolute;
    top: 32px;
    right: 27px;
    width: 16px;
    height: 16px;
    background: url(/images/common/icon_plus.png) no-repeat left center;
}

.accordion_tap li.on .accordion_top {
    background: #01baef;
}

.accordion_tap li.on .accordion_top > em {
    color: #80ddf7;
}

.accordion_tap li.on .accordion_top > span {
    color: #fff;
    font-size: 20px;
}

.accordion_tap li.on .accordion_top:after {
    background: url(/images/common/icon_mius.png) no-repeat left center;
}

.accordion_tap .accordion_con {
    visibility: hidden;
    overflow: hidden;
    position: relative;
    height: 0;
    border-bottom: solid 1px #ddd;
    color: #000;
    line-height: 32px;
    background: #fff;
}

.accordion_tap .accordion_con .pargrph > p {
    padding-bottom: 12px;
}

.accordion_tap .accordion_con .pargrph {
    transition: .3s;
    opacity: 0;
}

.accordion_tap .accordion_con .pargrph .bullet_list {
    margin-left: 14px;
}

.accordion_tap .accordion_con .pargrph .bullet_list > li {
    margin-bottom: 12px;
}

.accordion_tap .accordion_con .pargrph .bullet_list > li:after {
    top: 13px;
}

.accordion_tap .case_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 377px;
    height: 100%;
    text-align: center;
}

.accordion_tap .case_img span {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
}

.accordion_tap .case_img span em {
    display: table-cell;
    vertical-align: middle;
}

.accordion_tap li.on .accordion_con {
    visibility: visible;
    overflow: visible;
    z-index: 55;
    height: auto;
    min-height: 415px;
    padding: 55px 57px 55px 377px;
    transition: .5s;
    box-shadow: -1px 20px 40px -8px rgba(85, 85, 85, .59);
}

.accordion_tap li.on .accordion_con ul.bullet_list {
    position: relative;
}

.accordion_tap li.on .accordion_con .pargrph {
    transition-delay: .3s;
    opacity: 1;
}

.accordion_tap li.on .tooltip:after {
    left: -20px;
    background: url(/images/common/tool_bullet.png) no-repeat right center;
}

.accordion_tap li.on .tooltip.customer ol li {
    position: relative;
    margin-bottom: 2px;
    padding-left: 30px;
}

.accordion_tap li.on .tooltip.customer ol li em {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
}

.accordion_tap li.on .tooltip.customer .img_view {
    text-align: center;
}

.accordion_tap li.on .tooltip.customer .img_view img {
    max-width: 270px;
}

.account.life_wrap h2 {
    margin-bottom: 60px;
}

.account.life_wrap h2 span {
    display: block;
    margin-top: 30px;
    color: #3c4147;
    font-size: 16px;
    font-weight: 500;
}

.account.life_wrap .liferoll_left,
.account.life_wrap .liferoll_right {
    top: 127px;
}

.account.life_wrap .lifecycle_roll .rollin ol li {
    background-color: #e6e5f3;
}

.account.life_wrap .lifecycle_roll .rollin ol li em {
    color: #817dc5;
}

.account.life_wrap .liferoll_right {
    background: url(/images/cycle/btn_right.png) no-repeat;
}

.account.life_wrap .liferoll_left {
    background: url(/images/cycle/btn_left.png) no-repeat;
}

.account.life_wrap .lifecycle_roll .rollin ol li .cycle_text strong {
    font-weight: 700;
}

.usecase_intro .usecase_text .text_Area {
    min-height: 313px;
    margin: 0 0 25px 0;
    background: url(/images/department/bg_textarea1.png) no-repeat right bottom;
}

.account.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/department/account_rollbg1_1.png);
}

.account.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/department/account_rollbg1_2.png);
}

.account.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/department/account_rollbg1_3.png);
}

.account.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/department/account_rollbg1_4.png);
}

.account.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/department/account_rollbg1_5.png);
}

.account.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/department/account_rollbg1_6.png);
}

.usecase_intro.critical .usecase_text .text_Area {
    background: url(/images/department/bg_textarea2.png) no-repeat right bottom;
}

.account.critical.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/department/account_rollbg2_1.png);
}

.account.critical.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/department/account_rollbg2_2.png);
}

.account.critical.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/department/account_rollbg2_3.png);
}

.account.critical.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/department/account_rollbg2_4.png);
}

.usecase_intro.customer .usecase_text .text_Area {
    background: url(/images/department/bg_textarea3.png) no-repeat right bottom;
}

.account.customer.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/department/account_rollbg3_1.png);
}

.account.customer.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/department/account_rollbg3_2.png);
}

.account.customer.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/department/account_rollbg3_3.png);
}

.account.customer.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/department/account_rollbg3_4.png);
}

.account.customer.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/department/account_rollbg3_5.png);
}

.account.customer.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/department/account_rollbg3_6.png);
}

.account.customer.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/department/account_rollbg3_7.png);
}

.usecase_intro.hr .usecase_text .text_Area {
    background: url(/images/department/bg_textarea4.png) no-repeat right bottom;
}

.account.hr.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/department/account_rollbg4_1.png);
}

.account.hr.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/department/account_rollbg4_2.png);
}

.account.hr.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/department/account_rollbg4_3.png);
}

.account.hr.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/department/account_rollbg4_4.png);
}

.account.hr.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/department/account_rollbg4_5.png);
}

.account.hr.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/department/account_rollbg4_6.png);
}

.account.hr.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/department/account_rollbg4_7.png);
}

.usecase_intro.it .usecase_text .text_Area {
    background: url(/images/department/bg_textarea5.png) no-repeat right bottom;
}

.account.it.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/department/account_rollbg5_1.png);
}

.account.it.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/department/account_rollbg5_2.png);
}

.account.it.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/department/account_rollbg5_3.png);
}

.account.it.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/department/account_rollbg5_4.png);
}

.account.it.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/department/account_rollbg5_5.png);
}

.account.it.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/department/account_rollbg5_6.png);
}

.account.it.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/department/account_rollbg5_7.png);
}

.account.it.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/department/account_rollbg5_8.png);
}

.usecase_intro.marketing .usecase_text .text_Area {
    background: url(/images/department/bg_textarea6.png) no-repeat right bottom;
}

.account.marketing.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/department/account_rollbg6_1.png);
}

.account.marketing.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/department/account_rollbg6_2.png);
}

.account.marketing.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/department/account_rollbg6_3.png);
}

.account.marketing.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/department/account_rollbg6_4.png);
}

.account.marketing.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/department/account_rollbg6_5.png);
}

.account.marketing.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/department/account_rollbg6_6.png);
}

.account.marketing.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/department/account_rollbg6_7.png);
}

.usecase_intro.recruiting .usecase_text .text_Area {
    background: url(/images/department/bg_textarea7.png) no-repeat right bottom;
}

.account.recruiting.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/department/account_rollbg7_1.png);
}

.account.recruiting.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/department/account_rollbg7_2.png);
}

.account.recruiting.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/department/account_rollbg7_3.png);
}

.account.recruiting.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/department/account_rollbg7_4.png);
}

.account.recruiting.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/department/account_rollbg7_5.png);
}

.account.recruiting.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/department/account_rollbg7_6.png);
}

.account.recruiting.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/department/account_rollbg7_7.png);
}

.account.recruiting.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/department/account_rollbg7_8.png);
}

.usecase_intro.sales .usecase_text .text_Area {
    background: url(/images/department/bg_textarea8.png) no-repeat right bottom;
}

.account.sales.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/department/account_rollbg8_1.png);
}

.account.sales.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/department/account_rollbg8_2.png);
}

.account.sales.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/department/account_rollbg8_3.png);
}

.account.sales.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/department/account_rollbg8_4.png);
}

.account.sales.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/department/account_rollbg8_5.png);
}

.account.sales.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/department/account_rollbg8_6.png);
}

.account.sales.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/department/account_rollbg8_7.png);
}

.usecase_intro.shift .usecase_text .text_Area {
    background: url(/images/department/bg_textarea9.png) no-repeat right bottom;
}

.account.shift.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/department/account_rollbg9_1.png);
}

.account.shift.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/department/account_rollbg9_2.png);
}

.account.shift.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/department/account_rollbg9_3.png);
}

.account.shift.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/department/account_rollbg9_4.png);
}

.account.shift.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/department/account_rollbg9_5.png);
}

.account.shift.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/department/account_rollbg9_6.png);
}

.account.shift.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/department/account_rollbg9_7.png);
}

.account.shift.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/department/account_rollbg9_8.png);
}

.usecase_intro.insurance .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea10.png) no-repeat right bottom;
}

.account.insurance.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg10_1.png);
}

.account.insurance.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg10_2.png);
}

.account.insurance.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg10_3.png);
}

.account.insurance.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg10_4.png);
}

.account.insurance.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg10_5.png);
}

.account.insurance.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg10_6.png);
}

.usecase_intro.military .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea11.png) no-repeat right bottom;
}

.account.military.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg11_1.png);
}

.account.military.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg11_2.png);
}

.account.military.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg11_3.png);
}

.account.military.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg11_4.png);
}

.account.military.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg11_5.png);
}

.account.military.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg11_6.png);
}

.account.military.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg11_7.png);
}

.usecase_intro.political .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea12.png) no-repeat right bottom;
}

.account.political.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg12_1.png);
}

.account.political.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg12_2.png);
}

.account.political.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg12_3.png);
}

.account.political.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg12_4.png);
}

.account.political.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg12_5.png);
}

.account.political.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg12_6.png);
}

.account.political.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg12_7.png);
}

.account.political.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/industry/account_rollbg12_8.png);
}

.account.political.life_wrap .lifecycle_roll .rollin ol li.cycle9 {
    background-image: url(/images/industry/account_rollbg12_9.png);
}

.usecase_intro.staffing .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea13.png) no-repeat right bottom;
}

.account.staffing.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg13_1.png);
}

.account.staffing.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg13_2.png);
}

.account.staffing.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg13_3.png);
}

.account.staffing.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg13_4.png);
}

.account.staffing.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg13_5.png);
}

.account.staffing.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg13_6.png);
}

.account.staffing.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg13_7.png);
}

.account.staffing.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/industry/account_rollbg13_8.png);
}

.usecase_intro.government .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea14.png) no-repeat right bottom;
}

.account.government.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg14_1.png);
}

.account.government.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg14_2.png);
}

.account.government.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg14_3.png);
}

.account.government.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg14_4.png);
}

.account.government.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg14_5.png);
}

.account.government.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg14_6.png);
}

.account.government.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg14_7.png);
}

.usecase_intro.financial .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea15.png) no-repeat right bottom;
}

.account.financial.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg15_1.png);
}

.account.financial.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg15_2.png);
}

.account.financial.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg15_3.png);
}

.account.financial.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg15_4.png);
}

.account.financial.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg15_5.png);
}

.account.financial.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg15_6.png);
}

.account.financial.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg15_7.png);
}

.account.financial.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/industry/account_rollbg15_8.png);
}

.account.financial.life_wrap .lifecycle_roll .rollin ol li.cycle9 {
    background-image: url(/images/industry/account_rollbg15_9.png);
}

.usecase_intro.auctions .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea16.png) no-repeat right bottom;
}

.account.auctions.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg16_1.png);
}

.account.auctions.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg16_2.png);
}

.account.auctions.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg16_3.png);
}

.account.auctions.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg16_4.png);
}

.account.auctions.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg16_5.png);
}

.account.auctions.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg16_6.png);
}

.account.auctions.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg16_7.png);
}

.account.auctions.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/industry/account_rollbg16_8.png);
}

.account.auctions.life_wrap .lifecycle_roll .rollin ol li.cycle9 {
    background-image: url(/images/industry/account_rollbg16_9.png);
}

.usecase_intro.dealerships .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea17.png) no-repeat right bottom;
}

.account.dealerships.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg17_1.png);
}

.account.dealerships.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg17_2.png);
}

.account.dealerships.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg17_3.png);
}

.account.dealerships.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg17_4.png);
}

.account.dealerships.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg17_5.png);
}

.account.dealerships.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg17_6.png);
}

.account.dealerships.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg17_7.png);
}

.usecase_intro.education .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea18.png) no-repeat right bottom;
}

.account.education.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg18_1.png);
}

.account.education.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg18_2.png);
}

.account.education.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg18_3.png);
}

.account.education.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg18_4.png);
}

.account.education.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg18_5.png);
}

.account.education.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg18_6.png);
}

.account.education.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg18_7.png);
}

.account.education.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/industry/account_rollbg18_8.png);
}

.account.education.life_wrap .lifecycle_roll .rollin ol li.cycle9 {
    background-image: url(/images/industry/account_rollbg18_9.png);
}

.usecase_intro.estate .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea19.png) no-repeat right bottom;
}

.account.estate.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg19_1.png);
}

.account.estate.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg19_2.png);
}

.account.estate.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg19_3.png);
}

.account.estate.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg19_4.png);
}

.account.estate.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg19_5.png);
}

.account.estate.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg19_6.png);
}

.account.estate.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg19_7.png);
}

.usecase_intro.fitness .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea20.png) no-repeat right bottom;
}

.account.fitness.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg20_1.png);
}

.account.fitness.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg20_2.png);
}

.account.fitness.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg20_3.png);
}

.account.fitness.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg20_4.png);
}

.account.fitness.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg20_5.png);
}

.account.fitness.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg20_6.png);
}

.account.fitness.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg20_7.png);
}

.account.fitness.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/industry/account_rollbg20_8.png);
}

.account.fitness.life_wrap .lifecycle_roll .rollin ol li.cycle9 {
    background-image: url(/images/industry/account_rollbg20_9.png);
}

.usecase_intro.mediaenter .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea21.png) no-repeat right bottom;
}

.account.mediaenter.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg21_1.png);
}

.account.mediaenter.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg21_2.png);
}

.account.mediaenter.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg21_3.png);
}

.account.mediaenter.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg21_4.png);
}

.account.mediaenter.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg21_5.png);
}

.account.mediaenter.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg21_6.png);
}

.account.mediaenter.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg21_7.png);
}

.account.mediaenter.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/industry/account_rollbg21_8.png);
}

.account.mediaenter.life_wrap .lifecycle_roll .rollin ol li.cycle9 {
    background-image: url(/images/industry/account_rollbg21_9.png);
}

.usecase_intro.unions .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea22.png) no-repeat right bottom;
}

.account.unions.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg22_1.png);
}

.account.unions.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg22_2.png);
}

.account.unions.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg22_3.png);
}

.account.unions.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg22_4.png);
}

.account.unions.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg22_5.png);
}

.account.unions.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg22_6.png);
}

.account.unions.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg22_7.png);
}

.account.unions.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/industry/account_rollbg22_8.png);
}

.account.unions.life_wrap .lifecycle_roll .rollin ol li.cycle9 {
    background-image: url(/images/industry/account_rollbg22_9.png);
}

.usecase_intro.retail .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea23.png) no-repeat right bottom;
}

.account.retail.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg23_1.png);
}

.account.retail.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg23_2.png);
}

.account.retail.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg23_3.png);
}

.account.retail.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg23_4.png);
}

.account.retail.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg23_5.png);
}

.account.retail.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg23_6.png);
}

.account.retail.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg23_7.png);
}

.account.retail.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/industry/account_rollbg23_8.png);
}

.account.retail.life_wrap .lifecycle_roll .rollin ol li.cycle9 {
    background-image: url(/images/industry/account_rollbg23_9.png);
}

.usecase_intro.club .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea24.png) no-repeat right bottom;
}

.account.club.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg24_1.png);
}

.account.club.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg24_2.png);
}

.account.club.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg24_3.png);
}

.account.club.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg24_4.png);
}

.account.club.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg24_5.png);
}

.account.club.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg24_6.png);
}

.account.club.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg24_7.png);
}

.account.club.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/industry/account_rollbg24_8.png);
}

.usecase_intro.utility .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea25.png) no-repeat right bottom;
}

.account.utility.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg25_1.png);
}

.account.utility.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg25_2.png);
}

.account.utility.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg25_3.png);
}

.account.utility.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg25_4.png);
}

.account.utility.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg25_5.png);
}

.account.utility.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg25_6.png);
}

.account.utility.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg25_7.png);
}

.account.utility.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/industry/account_rollbg25_8.png);
}

.account.utility.life_wrap .lifecycle_roll .rollin ol li.cycle9 {
    background-image: url(/images/industry/account_rollbg25_9.png);
}

.account.utility.life_wrap .lifecycle_roll .rollin ol li.cycle10 {
    background-image: url(/images/industry/account_rollbg25_10.png);
}

.usecase_intro.food .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea26.png) no-repeat right bottom;
}

.account.food.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg26_1.png);
}

.account.food.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg26_2.png);
}

.account.food.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg26_3.png);
}

.account.food.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg26_4.png);
}

.account.food.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg26_5.png);
}

.account.food.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg26_6.png);
}

.usecase_intro.medical .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea27.png) no-repeat right bottom;
}

.medical_consulting .consulting_text {
    margin: 70px 50px;
    padding: 0 0 0 338px;
    background: url(/images/industry/medical_img.png) no-repeat;
}

.medical_consulting .page-tit-depth2-black {
    font-size: 45px;
}

.medical_consulting p {
    padding-top: 40px;
}

.usecase_intro.higeredu .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea28.png) no-repeat right bottom;
}

.account.higeredu.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg28_1.png);
}

.account.higeredu.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg28_2.png);
}

.account.higeredu.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg28_3.png);
}

.account.higeredu.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg28_4.png);
}

.account.higeredu.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg28_5.png);
}

.account.higeredu.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg28_6.png);
}

.account.higeredu.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg28_7.png);
}

.account.higeredu.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/industry/account_rollbg28_8.png);
}

.account.higeredu.life_wrap .lifecycle_roll .rollin ol li.cycle9 {
    background-image: url(/images/industry/account_rollbg28_9.png);
}

.usecase_intro.hospitality .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea29.png) no-repeat right bottom;
}

.account.hospitality.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg29_1.png);
}

.account.hospitality.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg29_2.png);
}

.account.hospitality.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg29_3.png);
}

.account.hospitality.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg29_6.png);
}

.account.hospitality.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg29_5.png);
}

.account.hospitality.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg29_4.png);
}

.account.hospitality.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg29_8.png);
}

.account.hospitality.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/industry/account_rollbg29_9.png);
}

.account.hospitality.life_wrap .lifecycle_roll .rollin ol li.cycle9 {
    background-image: url(/images/industry/account_rollbg29_7.png);
}

.account.hospitality.life_wrap .lifecycle_roll .rollin ol li.cycle10 {
    background-image: url(/images/industry/account_rollbg29_10.png);
}

.usecase_intro.agency .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea30.png) no-repeat right bottom;
}

.account.agency.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg30_1.png);
}

.account.agency.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg30_2.png);
}

.account.agency.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg30_3.png);
}

.account.agency.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg30_4.png);
}

.account.agency.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg30_5.png);
}

.account.agency.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg30_6.png);
}

.account.agency.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg30_7.png);
}

.usecase_intro.nonprofits .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea31.png) no-repeat right bottom;
}

.account.nonprofits.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg31_1.png);
}

.account.nonprofits.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg31_2.png);
}

.account.nonprofits.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg31_3.png);
}

.account.nonprofits.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg31_4.png);
}

.account.nonprofits.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg31_5.png);
}

.account.nonprofits.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg31_6.png);
}

.account.nonprofits.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg31_7.png);
}

.account.nonprofits.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/industry/account_rollbg31_8.png);
}

.account.nonprofits.life_wrap .lifecycle_roll .rollin ol li.cycle9 {
    background-image: url(/images/industry/account_rollbg31_9.png);
}

.usecase_intro.property .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea32.png) no-repeat right bottom;
}

.account.property.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg32_1.png);
}

.account.property.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg32_2.png);
}

.account.property.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg32_3.png);
}

.account.property.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg32_4.png);
}

.account.property.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg32_5.png);
}

.account.property.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg32_6.png);
}

.account.property.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg32_7.png);
}

.account.property.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/industry/account_rollbg32_8.png);
}

.usecase_intro.churches .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea33.png) no-repeat right bottom;
}

.account.churches.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg33_1.png);
}

.account.churches.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg33_2.png);
}

.account.churches.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg33_3.png);
}

.account.churches.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg33_4.png);
}

.account.churches.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg33_5.png);
}

.account.churches.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg33_6.png);
}

.account.churches.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg33_7.png);
}

.account.churches.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/industry/account_rollbg33_8.png);
}

.account.churches.life_wrap .lifecycle_roll .rollin ol li.cycle9 {
    background-image: url(/images/industry/account_rollbg33_9.png);
}

.usecase_intro.fanchises .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea34.png) no-repeat right bottom;
}

.account.fanchises.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg34_1.png);
}

.account.fanchises.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg34_2.png);
}

.account.fanchises.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg34_3.png);
}

.account.fanchises.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg34_4.png);
}

.account.fanchises.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg34_5.png);
}

.account.fanchises.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg34_6.png);
}

.account.fanchises.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg34_7.png);
}

.account.fanchises.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/industry/account_rollbg34_8.png);
}

.usecase_intro.performance .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea35.png) no-repeat right bottom;
}

.usecase_intro.performance .usecase_text .text_Area p:nth-child(1) {
    margin-bottom: 20px;
}

.marketing_action {
    padding: 100px 0;
}

.action_con {
    margin-top: 80px;
}

.action_par {
    position: relative;
    margin-bottom: 55px;
}

.action_par .action_tit {
    margin-bottom: 30px;
    color: #01baef;
    font-weight: 700;
    font-size: 24px;
}

.action_par > p {
    margin-bottom: 50px;
    line-height: 32px;
}

.action_type1 {
    padding: 0 0 0 275px;
}

.action_type1 .imgbox {
    position: absolute;
    top: 0;
    left: 0;
}

.action_type2 {
    padding: 0 400px 0 0;
}

.action_type2 .bgtextbox {
    position: absolute;
    top: 0;
    right: 0;
    width: 354px;
    height: 570px;
    background: url(/images/industry/action_bg.png) no-repeat center top #817dc5;
}

.action_type2 .bgtextbox .table {
    display: table;
    width: 100%;
    height: 100%;
    padding: 0 40px;
    color: #fff;
    text-align: center;
}

.action_type2 .bgtextbox .table_cell {
    display: table-cell;
    vertical-align: middle;
}

.action_type2 .bgtextbox .table_cell p {
    margin-top: 30px;
}

.action_type2 .bgtextbox .table_cell p:nth-of-type(1) {
    margin-top: 0;
    font-style: italic;
}

.action_type2 .bgtextbox .table_cell p:nth-last-of-type(1) {
    font-weight: 700;
}

.action_type2.action_par > p:nth-of-type(2) {
    margin-bottom: 30px;
}

.salesforce_con {
    padding: 90px 0 70px 0;
    background: #eef9f9;
}

.salesforce_con > .content_box {
    padding-right: 400px;
    background: url(/images/department/logo_salesforce.png) no-repeat right 108px;
}

.salesforce_con > .content_box > h2 {
    margin-bottom: 40px;
    font-size: 45px;
    text-align: center;
}

.salesforce_con > .content_box p {
    margin-bottom: 20px;
    line-height: 32px;
}

.sitemap_wrap {
    padding-top: 100px;
    background: #e5f8fd;
}

.sitemap_wrap > .content_box:after {
    content: "";
    display: block;
    clear: both;
}

.sitemap_wrap .sitemenu {
    padding-bottom: 40px;
}

.sitemap_wrap .sitebox {
    float: left;
    width: 20%;
    margin-right: 5%
}

.sitemap_wrap .sitebox h2 {
    margin-bottom: 10px;
    border-bottom: solid 1px #3c4147;
    font-weight: 700;
    font-size: 20px;
}

.sitemap_wrap .sitebox h3 {
    margin-bottom: 10px;
    font-size: 16px;
}

.sitemap_wrap .sitebox h3 a {
    font-weight: 500;
}

.sitemap_wrap .sitebox h2 a {
    font-weight: 700;
}

.sitemap_wrap .sitebox ul {
    padding: 0 0 25px 20px;
}

.sitemap_wrap .sitebox ul li {
    margin-top: 10px;
}

.bg_skyblue {
    background: #e5f8fd;
}

.bg_skyblue.terms_box {
    padding: 110px 0;
}

.bg_skyblue.terms_box .content_box {
    position: unset;
}

.terms_box ul > li > span {
    color: #3c4147;
    font-size: 17px;
    font-weight: 700;
}

.terms_box ul > li > span > a {
    display: inline-block;
    margin-left: 10px;
    border-bottom: solid 1px #01baef;
    color: #01baef;
}

.terms_box .accordion_text li.on .accordion_con {
    padding: 20px 57px 20px 40px;
}

.Policy_pargrph .text_slogan {
    display: block;
    padding: 20px 0 20px 40px;
    color: #000;
    font-weight: 700;
}

.Policy_pargrph .text_slogan > a em {
    color: #01baef;
}

.Policy_pargrph .red {
    color: #ea657b;
}

.pargrph_box p {
    padding: 0 0 20px 40px;
    font-size: 15px;
}

.policy_titbox {
    margin-bottom: 40px;
}

.policy_titbox p {
    padding: 0 0 0 40px;
}

.policy_titbox p.description_text {
    padding: 15px 0 30px 40px;
}

.policy_titbox p.description_text a.link_text {
    word-break: break-all;
}

.policy_titbox p.description_update {
    color: #9a97d1;
    font-weight: 700;
    font-style: italic;
    text-align: right;
}

.policy_titbox .bullet_list {
    margin: 0 0 0 40px;
}

.policy_titbox .bullet_list li {
    margin: 0 0 10px 0;
}

.policy_titbox .bullet_list p {
    padding: 0;
}

.policy_titbox ol {
    padding: 0 0 30px 40px;
}

.policy_titbox ol > li {
    margin-bottom: 5px;
}

.policy_titbox .policy_h3 {
    padding: 15px 0 0 40px;
    font-weight: 700;
}

.policy_titbox p.description_text1 {
    padding: 10px 0 15px 40px;
}

.policy_titbox .bullet_list > li:after {
    top: 11px;
}

.policy_titbox .policy_tit span:after {
    display: none;
}

.policy_titbox .bullet_list.list_bar > li:after {
    top: 13px;
    height: 1px;
    border-radius: 0;
}

.anti_box .policy_titbox .policy_tit span {
    padding: 0;
}

.anti_box .policy_titbox .policy_tit span:after {
    display: none;
}

.policy_titbox .policy_tit {
    display: block;
    margin-bottom: 20px;
    padding: 5px 30px;
    border-radius: 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background: #9a97d1;
}

.policy_titbox .policy_tit span {
    display: block;
    position: relative;
    padding-left: 20px;
}

.policy_titbox .policy_tit span:after {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    left: 5px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fff;
}

.anti_box {
    height: auto;
    padding: 40px 57px 20px 40px;
    border: solid 1px #ddd;
    line-height: 28px;
    background: #fff;
    box-shadow: -1px 10px 10px -8px rgba(85, 85, 85, .59);
}

.anti_box .pargrph_box p {
    padding: 0 0 20px 40px;
    line-height: 30px;
}

.tp-tcpa-update .anti_box .pargrph_box p {
    padding: 0 0 20px 0;
}

.anti_box .pargrph_box {
    margin-bottom: 40px;
}

.text_purple {
    display: block;
    color: #817dc5;
    font-size: 16px;
}

.policy_titbox .bullet_list li .bullet_list {
    margin: 10px 0 0 10px;
}

.policy_titbox .bullet_list li .bullet_list li {
    margin: 0 0 10px 0;
}

.tcpatext_box {
    padding: 40px 80px;
}

.tcpatext_box .page-tit-depth3-purple {
    margin-bottom: 40px;
    line-height: 40px;
}

.tcpatext_box .page-tit-depth3-purple span {
    display: block;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 400;
}

.tcpatext_box .page-tit-depth3-purple span strong {
    font-weight: 700;
}

.tp-tcpa-update .pargrph_box .bullet_list {
    margin: 20px 0 40px 10px;
}

.pargrph_box .bullet_list {
    margin: 20px 0 40px 0;
}

.pargrph_box .bullet_list > li {
    margin-bottom: 5px;
}

.pargrph_box p {
    line-height: 30px;
}

.numtit_box {
    margin-bottom: 40px;
}

.numtit_box .numtit {
    display: block;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 16px;
}

.tp-tcpa-update .numtit_box .numtit {
    padding-left: 10px;
}

.tp-tcpa-update .numtit_box .numtit + .bullet_list {
    padding-left: 20px;
}

.numtit_box .numtit em {
    display: inline-block;
    margin-right: 10px;
    font-weight: 400;
}

.numtit_box .bullet_list > li {
    margin-bottom: 5px;
}

.numtit_box .bullet_list > li .bullet_list {
    margin: 30px 0;
    padding: 0 0 0 40px;
}

.tp-tcpa-update .numtit_box .bullet_list > li .bullet_list {
    padding: 0;
}

.numtit_box .bullet_list > li .bullet_list > li {
    margin-bottom: 5px;
}

.numtit_box .bullet_list > li .bullet_list > li:after {
    top: 10px;
    height: 2px;
    border-radius: 0;
}

.img_check {
    position: relative;
    margin-bottom: 20px;
    padding: 0 0 0 140px;
}

.img_check .imgarea {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 130px;
    height: 60px;
    border: solid 1px;
}

.img_check .input_box {
    display: block;
    width: 100%;
    height: 38px;
    padding: 5px;
    border: solid 1px #ccc;
    border-radius: 5px;
}

.img_check .input_box input {
    width: 100%;
    height: 100%;
    border: none;
    background: 0 0;
}

.img_check label {
    display: block;
    margin-bottom: 10px;
    font-size: 13px;
}

.checkbox_form {
    position: relative;
    padding-left: 20px;
}

.checkbox_form input[type=checkbox] {
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
}

.checkbox_form label {
    display: block;
    font-size: 13px;
}

#Password-Rules .popup {
    width: 610px;
}

.form_wrap h1.account_tit {
    padding-top: 75px;
    color: #01baef;
    font-size: 40px;
    font-weight: 500;
    background: url(/images/common/logo.png) center top no-repeat;
}

.form_wrap h2.account_tit2 {
    margin: 25px 0 40px 0;
    color: #59c3c3;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}

.account_list {
    width: 380px;
    margin: 0 auto;
}

.account_list li {
    position: relative;
    margin-bottom: 30px;
}

.account_list.half {
    width: 660px;
}

.account_list.half .tooltip {
    right: 0;
    left: auto;
    max-width: 300px;
}

.account_list.half .tooltip:after {
    background-position: 240px center;
}

.account_list.half ul:after {
    content: "";
    display: block;
    clear: both;
}

.account_list.half li {
    float: left;
    width: 48%
}

.account_list.half li select {
    width: 100%;
    height: 100%;
    border: none;
}

.account_list.half li:nth-of-type(odd) {
    margin-right: 2%
}

.account_list.half li:nth-of-type(even) {
    margin-left: 2%
}

.account_list.half li > p {
    display: block;
    text-align: right;
}

.account_list.half li .btn_tip {
    border: none;
    font-size: 13px;
}

.account_list li > label {
    display: block;
    margin-bottom: 10px;
}

.account_list li > .input_box {
    display: block;
    width: 100%;
    height: 40px;
    padding: 5px;
    border: solid 1px #ccc;
    border-radius: 5px;
}

.account_list li > .input_box input {
    width: 100%;
    height: 100%;
    border: none;
    background: 0 0;
}

.account_list li > .btn_accounttip {
    display: block;
    position: absolute;
    top: 42px;
    right: -30px;
    width: 20px;
    height: 20px;
    background: url(/images/login/icon_account.png) no-repeat;
}

.submit_box {
    margin-top: 30px;
}

.submit_box.helf {
    max-width: 370px;
    margin: 30px auto 0 auto;
}

.submit_box span {
    display: inline-block;
    position: relative;
    width: 100%;
    transition: all .2s ease;
}

.submit_box span input[type=button],
.submit_box span input[type=submit] {
    display: inline-block;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 45px;
    padding: 0 24px;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    line-height: 45px;
    background: #ea657b;
}

.submit_box span:after {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    bottom: -6px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 20px;
    border-radius: 5px;
    color: #fff;
    background: #b84f62;
    transition: all .2s ease;
}

.rule_box .bullet_list > li {
    margin-bottom: 0;
}

.rule_box .bullet_list > li .bullet_list {
    margin: 10px 0;
}

.rule_box .bullet_list > li .bullet_list li {
    color: #9a97d1;
    font-weight: 700;
}

.rule_box .bullet_list > li .bullet_list > li:after {
    background: #9a97d1;
}

body.pop_open footer {
    z-index: auto;
}

#forgot_password .popup {
    width: 450px;
    padding: 30px 20px;
}

#forgot_password .popup .pop_title {
    margin-bottom: 10px;
    padding-top: 70px;
    color: #3c4147;
    background: url(/images/common/icon_password.png) no-repeat center top;
    background-size: 70px;
}

#forgot_password .popup .pop_content {
    color: #01baef;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
}

#forgot_password .popup .pop_content > p {
    padding-bottom: 0;
    color: #01baef;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
}

#forgot_password #forgot_password_input_area {
    width: 100%;
    height: 40px;
    padding: 5px;
    border: solid 1px #ccc;
    border-radius: 5px;
}

#forgot_password .passform {
    margin-bottom: 20px;
}

#forgot_password .btn_box input[type=button] {
    display: inline-block;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 45px;
    padding: 0 24px;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    line-height: 45px;
    background: #ea657b;
}

.tutorials_info {
    padding: 40px 0;
    text-align: center;
    line-height: 32px;
}

.tutorialsTap {
    overflow: hidden;
    width: 100%;
    border: solid 1px #d7d7d7;
    border-radius: 5px;
}

.tutorialsTap ul:after {
    content: "";
    display: block;
    clear: both;
}

.tutorialsTap ul li {
    float: left;
    width: 20%;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
}

.tutorialsTap ul li a {
    display: block;
    padding: 20px 0;
    border-left: solid 1px #d7d7d7;
    color: #01baef;
}

.tutorialsTap ul li:first-child a {
    border: none;
}

.tutorialsTap ul li.on a,
.tutorialsTap ul li:hover a {
    color: #fff;
    background: #01baef;
}

.tutorialscon {
    overflow: hidden;
    position: relative;
    width: 100%
}

.tutorialscon ul {
    position: relative;
    left: -23px;
}

.tutorialscon ul:after {
    content: "";
    display: block;
    clear: both;
}

.tutorialscon ul li {
    float: left;
    width: 33.3%;
    padding: 45px 0 0 45px;
}

.tutorialscon ul li .tutorialscard {
    width: 100%;
    height: 499px;
    border: solid 1px #cecddb;
    border-radius: 5px;
}

.tutorial_movie {
    position: relative;
    width: 100%;
    height: 200px;
    background-color: #e6e5f3;
    background-repeat: no-repeat;
    background-position: center center;
}

.tutorial_movie > .btn_box {
    position: absolute;
    top: 170px;
    left: 0;
    width: 100%;
    height: 60px;
    text-align: center;
}

.tutorial_movie > .btn_box a {
    display: inline-block;
    width: 62px;
    height: 62px;
    margin-left: 20px;
}

.tutorial_movie > .btn_box a.movie {
    background: url(/images/resources/btn_play1.png) no-repeat;
}

.tutorial_movie > .btn_box a.down {
    right: 100px;
    background: url(/images/resources/btn_down.png) no-repeat;
}

.tutorial_text {
    padding: 56px 20px 0 20px;
    text-align: center;
}

.tutorial_text h1 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
}

#core.tutorialscon ul li:nth-of-type(1) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials1.png);
}

#core.tutorialscon ul li:nth-of-type(2) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials2.png);
}

#core.tutorialscon ul li:nth-of-type(3) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials3.png);
}

#core.tutorialscon ul li:nth-of-type(4) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials4.png);
}

#manage.tutorialscon ul li:nth-of-type(1) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials5.png);
}

#manage.tutorialscon ul li:nth-of-type(2) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials6.png);
}

#manage.tutorialscon ul li:nth-of-type(3) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials7.png);
}

#manage.tutorialscon ul li:nth-of-type(4) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials8.png);
}

#manage.tutorialscon ul li:nth-of-type(5) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials9.png);
}

#manage.tutorialscon ul li:nth-of-type(6) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials10.png);
}

#manage.tutorialscon ul li:nth-of-type(7) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials11.png);
}

#manage.tutorialscon ul li:nth-of-type(8) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials12.png);
}

#manage.tutorialscon ul li:nth-of-type(9) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials13.png);
}

#manage.tutorialscon ul li:nth-of-type(10) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials14.png);
}

#manage.tutorialscon ul li:nth-of-type(11) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials15.png);
}

#manage.tutorialscon ul li:nth-of-type(12) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials16.png);
}

#manage.tutorialscon ul li:nth-of-type(13) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials17.png);
}

#message.tutorialscon ul li:nth-of-type(1) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials18.png);
}

#message.tutorialscon ul li:nth-of-type(2) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials19.png);
}

#message.tutorialscon ul li:nth-of-type(3) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials20.png);
}

#message.tutorialscon ul li:nth-of-type(4) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials21.png);
}

#message.tutorialscon ul li:nth-of-type(5) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials22.png);
}

#message.tutorialscon ul li:nth-of-type(6) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials23.png);
}

#message.tutorialscon ul li:nth-of-type(7) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials24.png);
}

#engage.tutorialscon ul li:nth-of-type(1) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials25.png);
}

#engage.tutorialscon ul li:nth-of-type(2) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials26.png);
}

#engage.tutorialscon ul li:nth-of-type(3) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials27.png);
}

#engage.tutorialscon ul li:nth-of-type(4) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials28.png);
}

#engage.tutorialscon ul li:nth-of-type(5) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials29.png);
}

#remote.tutorialscon ul li:nth-of-type(1) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials30.png);
}

#remote.tutorialscon ul li:nth-of-type(2) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials31.png);
}

#remote.tutorialscon ul li:nth-of-type(3) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials32.png);
}

.guide_top {
    height: 394px;
    text-align: center;
    background: url(/images/guide/header_bg.png) no-repeat center top #dff3f4;
}

.guide_top > h1 {
    padding: 63px 0 0 0;
    font-weight: 700;
    font-size: 60px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
}

.guide_top > h1 > span {
    display: block;
    font-size: 30px;
}

.main_guide {
    margin-top: 80px;
}

.main_guide h2 {
    position: relative;
    width: 100%;
    margin-bottom: 60px;
    color: #01baef;
    font-size: 24px;
    text-align: center;
}

.main_guide h2:after,
.main_guide h2:before {
    content: "";
    display: block;
    position: absolute;
    top: 15px;
    width: 50%;
    height: 1px;
    background-image: linear-gradient(180deg, #57c3c4, #03baee);
}

.main_guide h2:before {
    left: 0;
}

.main_guide h2:after {
    right: 0;
}

.main_guide h2 span {
    display: inline-block;
    position: relative;
    z-index: 3;
    padding: 0 30px;
    font-weight: 700;
    background: #fff;
}

.main_guide h2 p {
    padding-top: 25px;
    color: #3c4147;
    font-size: 16px;
}

.table_guide {
    overflow: hidden;
    width: 100%;
    padding: 0 0 30px 0;
}

.table_guide ul {
    position: relative;
    top: -49px;
    left: -49px;
    width: calc(100% + 49px);
}

.table_guide ul:after {
    content: "";
    display: block;
    clear: both;
}

.table_guide ul li {
    float: left;
    width: 258px;
    height: 200px;
    margin: 49px 0 0 49px;
    padding: 0 20px;
    border-radius: 5px;
    text-align: center;
    background-image: linear-gradient(180deg, #57c3c4, #03baee);
}

.table_guide ul li div {
    display: table;
    width: 100%;
    height: 100%;
    color: #fff;
}

.table_guide ul li div a {
    color: #fff;
}

.table_guide ul li div.table_cell {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    padding-top: 32px;
    color: #fff;
}

.table_guide ul li h1 {
    width: 100%
}

.table_guide ul li h1 strong {
    display: block;
    margin: 5px 0;
    font-size: 60px;
    font-weight: 700;
    line-height: 70px;
}

.table_guide ul p {
    margin-top: -13px;
    font-weight: 700;
}

.pdf_box {
    padding-bottom: 60px;
    text-align: center;
}

.pdf_box:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin-bottom: 45px;
    background: linear-gradient(180deg, #57c3c4, #03baee);
}

.pdf_box span {
    display: block;
    margin-bottom: 30px;
    color: #01baef;
    font-weight: 700;
    font-size: 24px;
}

.pdf_box a {
    display: inline-block;
    width: 160px;
    height: 56px;
    padding: 15px 0;
    border: solid 3px #01baef;
    color: #01baef;
    font-weight: 700;
}

.page_move:after {
    content: "";
    display: block;
    clear: both;
}

.page_move span {
    float: right;
    text-align: right;
}

.page_move span:before {
    content: "";
    display: block;
    color: #3c4147;
    font-weight: 700;
}

.page_move span a {
    color: #1bc0f0;
    font-weight: 700;
}

.page_move span:nth-of-type(1) {
    float: left;
    text-align: left;
}

.page_move span:nth-of-type(1):before {
    content: "PREV";
    margin-bottom: 10px;
    padding-left: 13px;
    font-size: 14px;
    background: url(/images/guide/bullet_prev.png) no-repeat left 6px;
}

.page_move span:nth-of-type(2):before {
    content: "NEXT";
    margin-bottom: 10px;
    padding-right: 13px;
    font-size: 14px;
    background: url(/images/guide/bullet_next.png) no-repeat right 6px;
}

.page_move span.last:before {
    content: "BACK TO";
    margin-bottom: 10px;
    padding-right: 13px;
    font-size: 14px;
    background: url(/images/guide/bullet_next.png) no-repeat right 6px;
}

.down_area {
    position: relative;
    margin-top: 35px;
    padding: 37px 54px;
    color: #fff;
    background-image: linear-gradient(90deg, #57c3c4, #03baee);
}

.down_area > p {
    color: #fff;
    font-weight: 700;
    font-size: 24px;
}

.down_area > p > span {
    display: block;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
}

.down_area > a {
    display: block;
    position: absolute;
    top: 40px;
    right: 54px;
    width: 200px;
    height: 60px;
    padding: 15px 0;
    border: solid 3px #fff;
    color: #fff;
    font-weight: 700;
    text-align: center;
}

.sub_guide {
    width: 100%;
    padding: 50px 0 90px 0;
    background: #dff3f4;
}

.number_tap {
    padding: 0 90px 45px 0;
}

.number_tap:after {
    content: "";
    display: block;
    clear: both;
}

.number_tap a {
    display: block;
    float: left;
    position: relative;
    width: 12.5%
}

.number_tap a span {
    display: block;
    float: right;
    width: 45px;
    height: 45px;
    border: solid 3px #01baef;
    border-radius: 50%;
    color: #01baef;
    font-weight: 700;
    text-align: center;
    line-height: 42px;
}

.number_tap a:before {
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    left: 0;
    width: calc(100% - 45px);
    height: 3px;
    background: #01baef;
}

.number_tap a:nth-of-type(1):before {
    display: none;
}

.number_tap a.on span,
.number_tap a:hover span {
    color: #fff;
    background: #01baef;
}

.guide_whiteboard {
    width: 100%;
    padding: 50px 75px;
    border-radius: 5px;
    background: #fff;
}

.guide_tit {
    margin-bottom: 45px;
    padding-bottom: 47px;
    border-bottom: solid 1px #ccc;
    font-weight: 700;
    font-size: 40px;
    text-align: center;
}

.guide_tit span {
    display: block;
    width: 150px;
    height: 35px;
    margin: 0 auto 27px auto;
    color: #fff;
    font-size: 14px;
    letter-spacing: 3px;
    line-height: 35px;
    background-image: linear-gradient(180deg, #57c3c4, #03baee);
}

.guide_tit2 {
    margin-bottom: 20px;
    color: #01baef;
    font-weight: 700;
    font-size: 24px;
}

.guide_par {
    margin-bottom: 40px;
    border-bottom: dashed 1px #ebebeb;
}

.guide_par.noline {
    border-bottom: none;
}

.guide_par.noline.first {
    margin-bottom: 0;
}

.guide_par.topline {
    margin-top: 40px;
    padding-top: 40px;
    border-top: dashed 1px #ebebeb;
    border-bottom: solid 1px #ebebeb;
}

.guide_par > p {
    padding-bottom: 40px;
    line-height: 32px;
}

.guide_par > p.left {
    position: relative;
    padding: 40px 0 40px 220px;
    border-bottom: dashed 1px #ebebeb;
}

.guide_par > p.left a {
    color: #01baef;
}

.guide_par > p.left > strong {
    position: absolute;
    top: 40px;
    left: 0;
    width: 200px;
    font-size: 17px;
}

.guide_par > p > strong {
    display: block;
    font-weight: 700;
    font-size: 18px;
}

.guide_par.bg_check > p > strong {
    padding-left: 36px;
    background: url(/images/guide/bg_check.png) no-repeat left 3px;
}

.guide_par.bg_x > p > strong {
    padding-left: 36px;
    background: url(/images/guide/bg_x.png) no-repeat left 4px;
}

.board_greenline {
    position: relative;
    margin-top: 10px;
    padding: 35px 35px 0 35px;
    border: solid 3px #59c3c3;
    border-radius: 10px;
}

.board_greenline > h2 {
    position: absolute;
    top: -16px;
    left: 0;
    width: 100%;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
}

.board_greenline > h2 > span {
    display: inline-block;
    padding: 0 20px;
    background: #fff;
}

.statis_box ul:after {
    content: "";
    display: block;
    clear: both;
}

.statis_box ul li {
    float: left;
    width: 49%;
    height: 201px;
    margin-top: 20px;
    padding: 0 20px;
    border-bottom: dashed 2px #ebebeb;
    text-align: center;
}

.statis_box ul li:nth-of-type(odd) {
    margin-right: 1%
}

.statis_box ul li:nth-of-type(1),
.statis_box ul li:nth-of-type(2) {
    margin-top: 0;
}

.statis_box ul li:nth-of-type(1) .guide_imgbox {
    margin-top: -6px;
}

.statis_box ul li:nth-of-type(1),
.statis_box ul li:nth-of-type(2) {
    margin-top: 0;
}

.statis_box ul li:nth-of-type(3),
.statis_box ul li:nth-of-type(4) {
    height: 222px;
}

.statis_box ul li:nth-of-type(5),
.statis_box ul li:nth-of-type(6) {
    height: 236px;
}

.statis_box ul li:nth-of-type(7),
.statis_box ul li:nth-of-type(8) {
    height: 210px;
}

.statis_box ul li:nth-of-type(even) {
    margin-left: 1%
}

.statis_box ul li .guide_text em {
    color: #59c3c3;
    font-weight: 700;
    font-size: 18px;
}

.statis_box ul li.full {
    width: 100%;
    height: 170px;
    margin: 20px 0 0 0;
    border-bottom: none;
}

.next_page {
    margin: 40px 0 0 0;
    font-weight: 700;
    font-size: 18px;
}

.next_page a {
    display: inline-block;
    padding-right: 42px;
    color: #01baef;
    font-weight: 400;
    background: url(/images/guide/icon_bullet.png) no-repeat right center;
}

.subguide_dec {
    padding: 45px 0;
    line-height: 32px;
}

.subguide_dec.first {
    padding: 0 0 45px 0;
}

.sms_guidewrap {
    line-height: 32px;
}

.sms_guidewrap:after {
    content: "";
    display: block;
    clear: both;
}

.sms_guidewrap .bullet_list > li:after {
    top: 11px;
}

.sms_guide h2 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 24px;
}

.sms_guide h2 strong {
    color: #01baef;
}

.sms_guide {
    overflow: hidden;
    position: relative;
    padding: 40px 0 40px 0;
    border-top: dashed 1px #ebebeb;
}

.sms_guide .text_par {
    width: calc(100% - 340px);
}

.sms_guide:nth-of-type(1) {
    padding-top: 0;
    border-top: none;
}

.sms_guide:nth-of-type(odd) .text_par {
    float: left;
}

.sms_guide:nth-of-type(odd) .sms_guideimg {
    float: right;
}

.sms_guide:nth-of-type(even) .text_par {
    float: right;
    padding-right: 80px;
}

.sms_guide:nth-of-type(even) .sms_guideimg {
    float: left;
}

.sms_guide .text_par .bullet_list {
    margin-top: 10px;
}

.sms_guide .text_par .bullet_list li {
    margin-bottom: 5px;
}

.dodont_wrap {
    overflow: hidden;
}

.dodont_wrap > div {
    float: left;
    width: 50%
}

.dodont_wrap > div > strong {
    display: block;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 18px;
}

.dodont_wrap > div > ul > li {
    margin-bottom: 13px;
    padding-left: 35px;
}

.dodont_wrap > div > ul > li > ul.bullet_list {
    margin-top: 10px;
}

.dodont_wrap > div > ul > li > ul.bullet_list > li {
    margin-bottom: 5px;
}

.dodont_wrap > div.bg_check {
    padding-right: 46px;
    border-right: solid 1px #ebebeb;
}

.dodont_wrap > div.bg_x {
    padding-left: 40px;
}

.dodont_wrap > div.bg_check > ul > li {
    background: url(/images/guide/bg_check.png) no-repeat left 3px;
}

.dodont_wrap > div.bg_x > ul > li {
    background: url(/images/guide/bg_x.png) no-repeat left 4px;
}

.guide_par > ul.bullet_list {
    margin: 10px 0 40px 35px;
    line-height: 32px;
}

.guide_par > .bullet_list > li:after {
    top: 13px;
}

.guide_par > p.par_type1 {
    padding-bottom: 0;
}

.guide_par > ul.bullet_list li {
    margin-bottom: 5px;
}

.guide_casewrap {
    line-height: 32px;
}

.guide_casewrap .bullet_list > li:after {
    top: 11px;
}

.guide_casewrap .guide_case {
    padding: 40px 0 40px 0;
    border-top: dashed 1px #ebebeb;
}

.guide_casewrap .guide_case:nth-of-type(1) {
    padding: 0 0 40px 0;
    border-top: none;
}

.guide_casewrap .guide_case > p {
    font-style: italic;
    line-height: 30px;
}

.guide_casewrap .guide_case > p > span.writer {
    display: block;
    font-style: normal;
}

.guide_casewrap .guide_case > h2 {
    position: relative;
    margin-bottom: 50px;
    padding-left: 165px;
}

.guide_casewrap .guide_case > h2 span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.guide_casewrap .guide_case > h2 strong {
    display: block;
    color: #01baef;
    font-weight: 700;
    font-size: 24px;
}

.guide_casewrap .guide_case.noline {
    border-bottom: none;
}

.guide_casewrap .guide_case.topline {
    margin-bottom: 40px;
    padding-top: 40px;
    border-top: dashed 1px #ebebeb;
    border-bottom: solid 1px #ebebeb;
}

.guide_casewrap .guide_case .bullet_list > li {
    margin-bottom: 5px;
}

.guide_casewrap.advan .guide_case > h2 {
    padding-left: 145px;
}

.guide_casewrap.advan .guide_case > h2 em,
.guide_casewrap.advan .guide_case > h2 strong {
    position: relative;
    z-index: 3;
}
.sub .subTxt + .resource_box{
    margin-top: 40px;
}
.sub .resource_box.line_list li{
    padding: 30px 0 30px 58px;
    background-size: 48px;
    background-position: 0 30px;
    background-repeat: no-repeat;
    border-bottom: 2px dashed #E0E4EA;
}
.sub .resource_box.line_list li:last-child{
    padding-bottom: 0;
    border-bottom: 0;
    background-position: 0 bottom;
}
.sub .resource_box.line_list li:nth-child(1){
    background-image: url('/images/icon/icoLine1.svg');
    padding-top: 0;
    background-position: 0 0;
}
.sub .resource_box.line_list li:nth-child(2){
    background-image: url('/images/icon/icoLine2.svg');
}
.sub .resource_box.line_list li:nth-child(3){
    background-image: url('/images/icon/icoLine3.svg');
}
.sub .resource_box.line_list li:nth-child(4){
    background-image: url('/images/icon/icoLine4.svg');
}
.sub .resource_box.line_list li:nth-child(5){
    background-image: url('/images/icon/icoLine5.svg');
}
.sub .resource_box.line_list li:nth-child(6){
    background-image: url('/images/icon/icoLine6.svg');
}
.sub .resource_box.line_list li:nth-child(7){
    background-image: url('/images/icon/icoLine7.svg');
}
.sub .resource_box.line_list li:nth-child(8){
    background-image: url('/images/icon/icoLine8.svg');
}
.sub .resource_box.line_list li:nth-child(9){
    background-image: url('/images/icon/icoLine9.svg');
}

.sub .resource_box.line_list li p{
    font-size: 14px;
    color: #707070;
}
.marketingdec_info .page-tit-depth3-blue {
    margin-bottom: 30px;
    font-size: 45px;
    text-align: center;
}

.marketingdec_info p {
    margin-bottom: 20px;
    text-align: center;
    line-height: 32px;
}

.accordion_tap.how li.on .accordion_con {
    padding: 30px 50px;
}

.summry_how {
    position: relative;
    min-height: 180px;
    padding: 0 0 0 210px;
}
.summry_how .text_par{
    color: #536170;
    opacity: 1;
}
.summry_how.full {
    position: relative;
    min-height: auto;
    margin-top: 50px;
    padding: 0;
}

.summry_how.full:first-child {
    margin-top: 0;
}

.summry_how.full strong {
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
}

.summry_how.full .img_par {
    margin-bottom: 20px;
}

.summry_how .img_box {
    position: absolute;
    top: 0;
    left: 0;
}
.step_dectxt{
    /*margin-top: 20px;*/
}
.sub .tp-door-desc .step_dectxt strong{
    font-weight: 600;
}
.sub .step_list {
    margin: 50px 0 0 0;
}
.sub .step_list.first {
    margin: 0;
}
.sub .step_list .title {
    display: block;
    margin-bottom: 9px;
    font-size: 16px;
    font-weight: 600;
}
.sub .step_list > ul > li {
    padding: 50px 0;
    border-bottom: dashed 1px #C2C2C2;
}
.sub .step_list > ul > li:last-child{
    padding-bottom: 0;
    border-bottom: 0;
}

.step_list > ul > li:first-child {
    padding: 0 0 50px 0;
}

.step_list > ul > li .step_tit {
    font-weight: 400;
}

.step_list > ul > li .step_tit.bold {
    margin-bottom: 20px;
    font-weight: 700;
}

.step_list > ul > li .step_tit em {
    display: inline-block;
    padding: 0 10px 0 0;
    color: var(--em-color);
    font-weight: 600;
}

.step_list > ul > li .step_tit.block em {
    display: block;
}
.step_list > ul > li .step_decimg + .step_tit.bold,
.step_list > ul > li .step_decimg + .step_dectxt,
.step_list > ul > li .step_dectxt + .step_decimg,
.summry_how .text_par + .img_par{
    margin-top: 20px;
    margin-bottom: 20px;
}
.step_list > ul > li .step_decimg + .step_tit.bold:last-of-type,
.step_list > ul > li .step_decimg + .step_dectxt:last-of-type,
.step_list > ul > li .step_dectxt + .step_decimg:last-of-type,
.summry_how .text_par + .img_par{
    margin-bottom: 0;
}
.step_list > ul > li .step_decimg {
    margin: 20px 0 0;
}

.sub_bullet {
    margin-top: 50px;
}

.sub_bullet strong {
    display: block;
    font-weight: 600 !important;
}

.step_list > ul > li .bullet_list {
    margin-top: 10px;
}

.step_list > ul > li .bullet_list > li {
    margin-bottom: 5px;
}
.step_list > ul > li .bullet_list > li:nth-last-child(1){
    margin-bottom: 0;
}
.step_list > ul > li .bullet_list > li:after {
    top: 13px;
}

.summry_img > ul > li {
    float: left;
    width: 235px;
    padding: 0 0 0 15px;
}

.summry_img.big > ul > li {
    float: left;
    width: 279px;
    padding: 0 0 0 15px;
}

.summry_img > ul {
    position: relative;
    left: -15px;
    margin-top: 30px;
}

.summry_img > ul:after {
    content: "";
    display: block;
    clear: both;
}

.summry_img > ul > li > div {
    overflow: hidden;
    height: 440px;
    border: solid 1px #ddd;
    border-radius: 5px;
    background: #fff;
}

.summry_img > ul > li > div > p {
    padding: 20px 10px;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
}

.summry_img > ul > li > div > span {
    display: block;
}
.sub.tcpawrap .align_wrap{
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
.sub.tcpawrap .align_wrap .align_left{
    width: 578px;
}
.sub.tcpawrap .align_wrap .align_left .tcpa_list > li{
    display: flex;
    margin-bottom: 20px;
    padding: 30px 16px;
    background-color: #F3F4F7;
    border-radius: 10px;
}
.sub.tcpawrap .align_wrap .align_left .tcpa_list > li em{
    width: 32px;
    color: var(--em-color);
    font-weight: 500;
}
.sub.tcpawrap .align_wrap .bullet_list > li:after{
    top: 11px;
    background: #536170;
}
.sub.tcpawrap .align_wrap .align_left ul li div{
    flex: 1;
}
.sub.tcpawrap .align_wrap .align_left ul li div strong{
    font-weight: 500;
}

.tcpawrap .purple_Box {
    padding: 70px 0 0 0;
}

.tcpa_box .page_Decsub .br + .br{
    margin-top: 0;
}

.tcpa_box .page-tit-depth3-green + p {
    margin-bottom: 75px;
    text-align: center;
}

.tcpa_box .page-tit-depth3-green,
.tcpa_box .page-tit-depth3-purple {
    margin-bottom: 5px;
    font-size: 35px;
    font-weight: 700;
    text-align: center;
}
.sub .linked{
    color: #0188EF;
}
.sub .linked:hover{
    text-decoration: underline;
}
.tcpa_box.purple .page-tit-depth4-puple {
    font-size: 35px;
    font-weight: 700;
    text-align: center;
}

.tcpa_box .page-tit-depth3-purple span {
    display: block;
    color: #3c4147;
    font-weight: 400;
    font-size: 16px;
}

.tcpa_box .tcpa_list > li .bullet_list {
    margin-top: 10px;
}

.tcpa_box .tcpa_list > li .bullet_list > li {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 14px;
    opacity: .8;
}

.sub.tcpawrap .tcpa_box .resource_list {
    margin-top: 20px;
    padding: 30px;
    border-radius: 10px;
    background-color: #F3F4F7;
}
.tcpa_box .resource_list h3 {
    position: relative;
    color: var(--tit-color);
    font-weight: 600;
    font-size: 24px;
}
.sub.tcpawrap .tcpa_box .resource_list .bullet_list > li{
    margin-bottom: 6px;
}
.sub .tcpa_box .resource_list h3::after{
    width: calc(100% - 237px);
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    border-bottom: 1px solid #B2C6D9;
    content: '';
}
.sub .tcpawrap .tcpa_box .resource_list .resource_con p {
    margin-top: 7px;
}

.tcpa_box .resource_list .resource_con a.link_text {
    display: block;
    margin-bottom: 6px;
    border: none;
    font-weight: 700;
    word-break: break-all;
}
.sub.tcpawrap .tcpa_box .resource_list .bullet_list{
    margin-top: 16px
}
.sub.tcpawrap .tcpa_box .resource_list .bullet_list li a {
    color: #0188EF;
}
.sub.tcpawrap .tcpa_box .resource_list .bullet_list > li:after{
    top: 11px;
    background: #536170;
}
.sub.tcpawrap .tcpa_box .listline_box {
    margin-top: 40px;
}
.sub.tcpawrap .tcpa_box .listline_box > div > ul > li {
    margin-bottom: 10px;
    padding: 2px 0 2px 30px;
    font-weight: 400;
    background: url('/images/icon/ico_block.svg')no-repeat 0 5px;
}
.sub.tcpawrap .tcpa_box .listline_box ~ .resource_list{
    margin-top: 60px;
    background-color: #fff;
}
.sub .tcpa_other {
    padding: 50px 0 0 0;
    text-align: center;
}
.sub .other_resource {
    padding: 0 40px 0px;
}
.sub .other_resource .link_par {
    margin-bottom: 10px;
    font-weight: 400;
}
.sub .other_resource .link_par:last-of-type{
    margin-bottom: 0;
}
.sub .commkit_text .flx{
    display: flex;
}
.sub .commkit_text .box{
    flex: 1;
    margin-right: 60px;
}
.sub .commkit_text .flx .box p{
    font-weight: 400;
}
.sub .commkit_text .box .tp-door-title.tp-type02{
    padding: 0;
    text-align: left;
    font-weight: 600;
}
.sub .commkit_text .right_form.formboox .hbspt-form{
    margin-bottom: 0;
    padding-top: 14px;
}
.sub .kit_form .right_form strong,
.sub.internal-communication .commkit_text .right_form strong {
    position: relative;
}
.sub .kit_form .right_form strong:after,
.sub.internal-communication .commkit_text .right_form strong:after {
    content: "Download the Success Kit!";
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: 25px;
    left: 100px;
    padding: 0 10px;
    background: #01baef;
}

.sub.internal-communication .commkit_text .right_form.formboox .actions .hs-button{
    padding: 6px 20px;
}
.sub .kit_form .right_form.formboox .hbspt-form .input{
    margin-bottom: 12px;
}
.sub .kit_form .right_form.formboox .hbspt-form .actions{
    margin-top: 20px !important;
}
.sub .learn_list:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 222px;
    height: 284px;
    background: url(/images/resources/successkit_img.png) no-repeat;
    /*box-shadow: 0px 6px 20px 5px rgb(41 73 99 / 18%);*/
}
.sub .learn_list {
    position: relative;
    margin-bottom: 66px;
    padding-left: 300px;
}
.sub .learn_list > strong {
    display: block;
    margin-bottom: 16px;
    font-weight: 600;
    font-size: 22px;
    color: var(--tit-color);
}
.sub .learn_list > .bullet_list li {
    margin-bottom: 5px;
    
}
.sub .learn_list > .bullet_list > li:after {
    top: 12px;
    background: #536170;
}
.sub .learn_list em {
    display: block;
    margin-top: 15px;
}
.sub .kit_info {
    padding: 0px 0 38px 329px;
    background: url(/images/resources/kit_img.png) no-repeat 0 0px;
}
.sub .kit_info .tp-door-title.tp-type02{
    margin-bottom: 20px;
    text-align: left;
    font-weight: 600;
    color: #054a8f;
    padding: 0;
}
.sub .kit_info p {
    
}
.sub .kit_info p + p{
    margin-top: 20px;
}
.sub .kit_icon {
}
.sub .kit_icon ul li {
    margin-top: 0;
    font-weight: 500;
    box-shadow: 0 10px 20px 0px rgba(5, 16, 35, 14%);
    line-height: 1.3;
}
.sub .kit_icon ul li:nth-of-type(1){
    background-image: url('/images/icon/icoSub15.svg');
}
.sub .kit_icon ul li:nth-of-type(2){
    background-image: url('/images/icon/icoSub95.svg');
}
.sub .kit_icon ul li:nth-of-type(3){
    background-image: url('/images/icon/icoSub118.svg');
}
.sub .kit_icon ul li:nth-of-type(4){
    background-image: url('/images/icon/icoSub119.svg');
}
.sub .kit_icon ul li:nth-of-type(5){
    background-image: url('/images/icon/icoSub120.svg');
}
.sub .kit_icon ul li:nth-of-type(6){
    background-image: url('/images/icon/icoSub121.svg');
}
.sub .kit_form .right_form{
    margin: 40px auto 0;
}
.sub .kit_form .right_form.formboox .hbspt-form{
    margin-bottom: 0;
    color: #fff;
}
.sub .right_form .hs_email, 
.sub .right_form .hs_firstname, 
.sub .right_form .hs_lastname, 
.sub .right_form .hs_phone {
    margin-bottom: 12px;
}
.sub .right_form.formboox .hbspt-form .form-columns-2 > div{
    width: 203px;
}
.sub .right_form.formboox .hbspt-form .form-columns-2 > div:last-child {
    margin-left: 10px;
    padding-right: 0;
    padding-left: 0;
}
.sub .right_form.formboox .hbspt-form .input{
    margin-top: 8px;
}
.sub .right_form.formboox .hbspt-form .hs-form-field label{
    font-weight: 400;
    color: #fff;
}
#wrap .hs-error-msgs{
    margin: 0;
}
.hbspt-form .hs_error_rollup li{
    margin-top: 12px;
    text-align: center;
}
.handout-box .form-box .hbspt-form .hs_error_rollup li{
    text-align: left;
}
.hbspt-form .hs_error_rollup label{
    font-weight: 600 !important;
}
#handoutForm .hbspt-form .hs_error_rollup label,
#handoutForm .hs-error-msgs label{
    color: #ea657b !important;
}
.sub .right_form .hbspt-form .hs_error_rollup label{
    font-weight: 600!important;
}
.sub .right_form .hs-error-msgs label{
    color: #FFD07C!important;
    font-weight: 400!important;
    font-size: 12px!important;
}
.sub .right_form.formboox .hbspt-form .hs-submit{
    text-align: center;
}
.sub .right_form.formboox .hbspt-form .hs-form-field .input input{
    height: 36px;
}
.sub .right_form.formboox .hbspt-form .actions{
    margin-top:24px!important;
    width: auto !important;
    min-width: inherit !important;
}
.sub .right_form.formboox .hbspt-form .hs-submit .hs-button{
    padding: 6px 20px;
}
.sub .kit_form p{
    text-align: center;
}

.library_box {
    padding: 70px 0;
}

.library_box > ul {
    overflow: hidden;
    position: relative;
    left: -34px;
}

.library_box > ul > li {
    float: left;
    width: 33.3%;
    padding: 0 34px;
}

.library_box > ul > li > div {
    height: 440px;
    border: solid 1px #ebebeb;
    border-radius: 8px;
    text-align: center;
}

.library_box > ul > li > div h2 {
    height: 220px;
    padding-top: 68px;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    text-shadow: 4px 2px 2px rgba(0, 0, 0, .2);
}

.library_box > ul > li > div .library_con {
    padding: 30px 50px 0 50px;
}

.library_box > ul > li > div .library_con a {
    display: inline-block;
    margin-top: 20px;
    color: #01baef;
    font-weight: 700;
}

.library_box > ul > li:nth-of-type(1) > div h2 {
    background: url(/images/resources/icon_video1.png) center center #59c3c3 no-repeat;
}

.library_box > ul > li:nth-of-type(2) > div h2 {
    background: url(/images/resources/icon_video2.png) center 34px #817dc5 no-repeat;
}

.library_box > ul > li:nth-of-type(3) > div h2 {
    background: url(/images/resources/icon_video3.png) center 35px #ea657b no-repeat;
}
.sub .roi_compare {
    padding: 0 0 80px;
}
.sub .compare_box {
    padding: 0 110px;
}
.sub .compare_top > ul > li {
    padding: 29px 0;
    color: #054A8F;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
}
.sub .txt_red{
    color: #EA657B;
}
.sub .compare_con > ul > li {
    padding: 35px 267px 35px 267px;
}
.sub .compare_table li {
    position: relative;
    padding: 0 277px 0 277px;
    border-top: dashed 2px #CECECE;
    font-weight: 700;
    text-align: center;
}
.sub .compare_table li:first-child {
    border-top: none;
}
.sub .compare_top > ul.compare_table > li {
    padding-top: 0;
    border-bottom: dashed 2px #CECECE;
}
.sub .compare_table li .after_box,
.sub .compare_table li .before_box {
    position: absolute;
    top: 0;
    width: 277px;
}
.sub .compare_table li .after_box span,
.sub .compare_table li .before_box span {
    display: inline-block;
    width: 162px;
    height: 40px;
    padding: 8px 0;
    border: solid 1px #ccc;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 600;
    background: #fff;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    line-height: 24px;
}
.sub .compare_table li .before_box span::-webkit-scrollbar-track,
.sub .compare_table li .after_box span::-webkit-scrollbar-track{
    border-radius: 10px;
    background-color: #f1f1f1;
}
.sub .compare_table li .before_box span::-webkit-scrollbar,
.sub .compare_table li .after_box span::-webkit-scrollbar{
    width: 8px;
    height: 6px;
    background-color: #fff;
}
.sub .compare_table li .before_box span::-webkit-scrollbar-thumb,
.sub .compare_table li .after_box span::-webkit-scrollbar-thumb{
    border-radius: 10px;
    background-color: #ddd;
}
.sub .compare_table li .after_box strong,
.sub .compare_table li .before_box strong {
    display: block;
    margin-bottom: 10px;
    color: #536170;
    font-weight: 400;
    font-size: 18px;
}
.sub .compare_table li .after_box strong em,
.sub .compare_table li .before_box strong em {
    font-weight: 600;
}
.sub .compare_table li .before_box {
    left: 0;
    padding: 34px 0 0px 0px;
    color: #564FCF;
}
.sub .compare_table li:nth-child(1) .before_box,
.sub .compare_table li:nth-child(1) .after_box{
    padding: 0px 0 29px 0px;
}
.sub .compare_table .newcustomer:nth-child(1) .before_box,
.sub .compare_table .newcustomer:nth-child(1) .after_box{
    padding: 34px 0 0px 0px;
}
.sub .compare_con > ul > li:last-child{
    padding-bottom: 0;
}
.sub .compare_table li .after_box {
    right: 0;
    padding: 34px 0px 0px 0;
    color: #01BAEF;
}
.sub .compare_table li .increase {
    position: relative;
}
.sub .compare_table li .increase span {
    display: inline-block;
    position: relative;
    z-index: 2;
    width: 132px;
    padding: 9px 0px;
    border-radius: 10px;
    color: #fff;
    font-size: 38px;
    font-weight: 600;
    background: var(--tit-color);
}

.sub .compare_graph {
    padding: 54px 0 40px 0;
}
.sub .compare_graph .img_graph {
    overflow: hidden;
}
.sub .compare_graph .img_graph ul {
    content: "";
    display: block;
    clear: both;
}
.sub .compare_graph .img_graph ul li {
    float: left;
    width: 50%
}
.sub .compare_graph .img_graph ul li span,
.sub .compare_graph .img_graph ul li strong {
    display: block;
}
.sub .compare_graph .img_graph ul li strong {
    margin-bottom: 50px;
    color: #59c3c3;
    font-weight: 700;
    font-size: 20px;
}
.sub .compare_graph .img_graph ul li:nth-of-type(1) span {
    padding: 0 90px 0 0;
    text-align: right;
}

.compare_graph .img_graph ul li:nth-of-type(1) span strong {
    position: relative;
    left: -45px;
    text-align: right;
}

.compare_graph .img_graph ul li:nth-of-type(2) span {
    padding: 0 0 0 90px;
    text-align: left;
}

.compare_graph .img_graph ul li:nth-of-type(2) span strong {
    position: relative;
    right: -30px;
    text-align: left;
}
.sub .compare_graph .cost_left .grhTooltip{
    position: relative;
}
.sub .day_graph_in .graph_body .cost_left .grhTooltip .tip{
    visibility: hidden;
    width: auto;
    position: absolute;
    left: 9%;
    transform: translateX(-50%);
    padding: 5px 8px;
    background-color: #fff;
    box-shadow: 0px 3px 6px 0 rgba(0 0 0 / 16%);
    text-align: center;
    border-radius: 6px;
    font-size: 12px;
    z-index: 9999;
    opacity: 0;
    transition: opacity .3s;
}
.sub .day_graph_in .graph_body .cost_left .grhTooltip .tip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border-width: 6px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    z-index: 1;
}
.sub .compare_graph .cost_left .grhTooltip .tip.last{
    bottom: 25px;
}
.sub .compare_graph .cost_left .grhTooltip .tip.mid1{
    bottom: -36px;
}
.sub .compare_graph .cost_left .grhTooltip .tip.mid2{
    bottom: -95px;
}
.sub .compare_graph .cost_left .grhTooltip .tip.mid3{
    bottom: -158px;
}
.sub .compare_graph .cost_left .grhTooltip .tip.start{
    bottom: -222px;
}


.sub .compare_graph .increase_graph .cost_left .grhTooltip .tip.last{
    bottom: 25px;
}
.sub .compare_graph .increase_graph .cost_left .grhTooltip .tip.mid1{
    bottom: -19px;
}
.sub .compare_graph .increase_graph .cost_left .grhTooltip .tip.mid2{
    bottom: -60px;
}
.sub .compare_graph .increase_graph .cost_left .grhTooltip .tip.mid3{
    bottom: -100px;
}
.sub .compare_graph .increase_graph .cost_left .grhTooltip .tip.mid4{
    bottom: -133px;
}
.sub .compare_graph .increase_graph .cost_left .grhTooltip .tip.mid5{
    bottom: -183px;
}
.sub .compare_graph .increase_graph .cost_left .grhTooltip .tip.start{
    bottom: -224px;
}
.sub .compare_graph .cost_left .grhTooltip .tip.on {
  visibility: visible;
  opacity: 1;
}
.compar_text {
    padding: 0;
    text-align: center;
}

.compar_text .btn_align_C {
    margin-top: 30px;
}

.compar_text .btn_align_C .btn {
    margin-left: 10px;
}

.sub .roi_form {
    /*display: none;*/
}
.hbspt-form .hs-form-field .input select{
    color: #536170 !important;
    font-size: 16px !important;
}
.roi_form {
    display: block;
}

.roi_form .form_wrap {
    min-height: 480px;
    position: relative;
    margin-bottom: 100px;
    padding: 40px 68px;
}
.roi_form .form_wrap .hs-form-field label{
    display: block;
    margin-top: 12px;
    font-size: 16px;
}
.roi_form .form_wrap .hbspt-form {
    margin-bottom: 0px;
}
.roi_form .form_wrap .hbspt-form .hs-form-field .input select,
.roi_form .form_wrap .hbspt-form .hs-form-field .input input{
    height: 46px;
    padding: 11px 16px;
}
.roi_form .form_wrap .hbspt-form .hs-form-field .input select{
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: url('/images/icon/ico_select.svg')no-repeat 96% center;
    line-height: 1.3;
}
.roi_form .form_wrap .hbspt-form .actions .hs-button{
    width: auto;
    padding: 6px 20px;
    background: #01BAEF;
}
.roi_form .hbspt-form .hs_error_rollup label{
    font-weight: 500 !important;
}
.roi_form .form_wrap p.dec_text{
    position: absolute;
    bottom: 52px;
    text-align: left;
    color: #86909B;
}
.img_graph:after {
    content: "";
    display: block;
    clear: both;
}

.img_graph h3 {
    display: block;
    margin-bottom: 40px;
    padding-left: 32px;
    color: var(--tit-color);
    font-weight: 600;
    font-size: 24px;
    text-align: center;
}
.day_graph {
    float: left;
    width: 520px;
}
.day_graph h3{
    padding-left: 54px;
}
.day_graph_in {
    float: right;
    width: 300px;
}

.day_graph_in .graph_body {
    float: right;
    position: relative;
    width: 194px;
    height: 248px;
    border-bottom: solid 1px #ccc;
    
}

.day_graph_in .graph_body:after {
    content: "";
    display: block;
    clear: both;
}

.day_graph_in .graph_body > span {
    display: block;
    width: 100%;
    height: 25%;
    border-top: solid 1px #ccc;
}

.day_graph_in .graph_body .cost_left {
    position: absolute;
    top: 10px;
    left: -60px;
    height: 100%;
    width: 100%;
}

.day_graph_in .graph_body .cost_left > span {
    display: block;
    position: absolute;
    width: 40px;
    padding-right: 5px;
    font-size: 12px;
    letter-spacing: -.5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
}

.day_graph_in .graph_body .cost_left > span:nth-of-type(1) {
    bottom: 100%
}

.day_graph_in .graph_body .cost_left > span:nth-of-type(2) {
    bottom: 75%
}

.day_graph_in .graph_body .cost_left > span:nth-of-type(3) {
    bottom: 50%
}

.day_graph_in .graph_body .cost_left > span:nth-of-type(4) {
    bottom: 25%
}

.day_graph_in .graph_body .cost_left > span:nth-of-type(5) {
    bottom: 0;
}

.day_graph_in .bot_th {
    float: right;
    width: 194px;
    padding: 10px 0 0 0;
}

.day_graph_in .bot_th:after {
    content: "";
    display: block;
    clear: both;
}

.day_graph_in .bot_th > span {
    display: block;
    float: left;
    width: 50%;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    line-height: 1.1;
}

.day_graph_in .bot_th > span:nth-of-type(2) {
    /*width: 47%;
    margin-left: 3%;*/
}
.increase_graph .day_graph_in .bot_th > span:nth-of-type(1){
    /*padding-right: 7px;*/
}
.increase_graph .day_graph_in .bot_th > span:nth-of-type(2){
    /*width: 39%;
    margin-left: -4px;*/
}

.day_graph_in .bot_th > span em {
    display: block;
    font-weight: 400;
    font-size: 11px;
}

.day_graph_in .bar {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    padding: 0 14px;
}
.increase_graph .day_graph_in .bar{
    padding: 0 18px;
}

.day_graph_in .bar:after {
    content: "";
    display: block;
    clear: both;
}

.day_graph_in .bar > span.paybar {
    display: block;
    float: left;
    position: absolute;
    bottom: 0;
    width: 70px;
    height: 0;
    transition: .3s;
}

.day_graph_in .bar > span.paybar:nth-of-type(1) {
    left: 14px;
    margin-right: 5%;
    background: #564FCF;
}

.day_graph_in .bar > span.paybar:nth-of-type(2) {
    right: 14px;
    margin-left: 5%;
    background: #01baef;
    transition-delay: .2s;
}

.day_graph_in .bar > span em {
    font-size: 0;
}

.increase_graph {
    float: left;
    width: 500px;
    padding: 0 0 0 110px;
}

.increase_graph .day_graph_in {
    float: left;
}

.day_graph_in .bar > span.increase_bar {
    display: block;
    float: left;
    position: relative;
    width: 70px;
    height: 100%;
    overflow: hidden;
}

.day_graph_in .bar > span.increase_bar:nth-of-type(1) {
    margin-right: 9%;
}

.day_graph_in .bar > span.increase_bar em {
    display: block;
    position: absolute;
    bottom: 0;
    width: 50%;
    height: 0;
    background: #564FCF;
    transition: .4s;
}

.day_graph_in .bar > span.increase_bar em:nth-of-type(1) {
    left: 0;
    background: #564FCF;
    transition-delay: .4s;
}

.day_graph_in .bar > span.increase_bar em:nth-of-type(2) {
    right: 0;
    background: #01baef;
    transition-delay: .6s;
}

.increase_graph .day_graph_in .graph_body .cost_left {
    left: -60px;
}

.increase_graph .day_graph_in .graph_body > span {
    height: 16.6%
}

.increase_graph .day_graph_in .graph_body .cost_left > span:nth-of-type(1) {
    bottom: 100%
}

.increase_graph .day_graph_in .graph_body .cost_left > span:nth-of-type(2) {
    bottom: 83%
}

.increase_graph .day_graph_in .graph_body .cost_left > span:nth-of-type(3) {
    bottom: 66.4%
}

.increase_graph .day_graph_in .graph_body .cost_left > span:nth-of-type(4) {
    bottom: 49.8%
}

.increase_graph .day_graph_in .graph_body .cost_left > span:nth-of-type(5) {
    bottom: 33.2%
}

.increase_graph .day_graph_in .graph_body .cost_left > span:nth-of-type(6) {
    bottom: 16.6%
}

.increase_graph .day_graph_in .graph_body .cost_left > span:nth-of-type(7) {
    bottom: 0;
}

.roi_resetbox {
    margin: 40px 0;
    padding: 40px 0;
    border-top: dashed 2px #E0E4EA;
    border-bottom: dashed 2px #E0E4EA;
    text-align: center;
}

.sub .roi_resetbox h2 {
    display: block;
    margin-bottom: 40px;
    color: var(--tit-color);
    font-weight: 600;
    font-size: 40px;
    text-align: center;
}

.roi_resetbox #roi_error_div {
    padding: 20px 0 20px;
    font-style: italic;
    font-size: 14px;
}

.sub .roi_resetbox input[type=number] {
    width: 100%;
    height: 40px;
    padding: 8px;
    border: solid 1px #ccc;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 600;
    background: #fff;
    color: inherit;
    box-sizing: border-box;
    vertical-align: middle;
}

.input_cell {
    text-align: center;
}

.input_cell:after {
    content: "";
    display: block;
    clear: both;
}

.input_cell span {
    display: inline-block;
    width: 31.3%;
    padding-right: 2%
}

.input_cell span:nth-child(1) {
    margin-left: 2%
}

.input_cell span label {
    display: block;
    margin-bottom: 5px;
    padding-left: 2px;
    text-align: left;
    font-size: 18px;
}

.roi_resetbox + .btn_align_C {
    width: 100%;
    text-align: center;
}
.roi_resetbox + .btn_align_C a {
    width: 250px;
    height: 45px;
    line-height: 45px;
    border-radius: 23px;
}
.roi_resetbox + .btn_align_C a + a{
    margin-left: 10px;
}
.sub .roi_compare .button.button-type04.color-type12{
    width: 250px;
    height: 45px;
    line-height: 42px;
    border-radius: 23px;
}
.sub .roi_compare .button.button-type04.color-type12:hover{
    background-color: #F6687F;
    color: #fff;
}
#seeResultAgain {
    display: inline-block;
    position: relative;
    z-index: 2;
    padding: 10px 60px;
    border: none;
    color: #fff;
    font-weight: 600;
    text-align: center;
    background-color: transparent;
    cursor: pointer;
    font-size: 16px;
}
#seeResultAgain:hover{
    color: #fff;
}

.input_bt {
    display: inline-block;
    position: relative;
    top: -4px;
}

.input_bt:after {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    bottom: -6px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 20px;
    border-radius: 5px;
    color: #fff;
    background: #b84f62;
    transition: all .2s ease;
}

.input_bt:hover:after {
    bottom: 0;
}

.affiliate_prwrap {
    padding: 75px 0;
    background: #e5f8fd;
}

.affiliate_program {
    position: relative;
    min-height: 491px;
    padding: 70px 470px 0 0;
}

.affiliate_program .page-tit-depth3-blue {
    margin-bottom: 20px;
    font-size: 40px;
}

.affiliate_program .right_form {
    position: absolute;
    top: 0;
    right: 0;
    width: 380px;
}

.sub .right_form {
    position: static;
    width: 476px;
    
}
.sub .right_form strong{
    padding: 25px 0 0 0;
    border-radius: 19px 19px 0 0;
    background-color: #01BAEF;
    font-size: 20px;
    font-weight: 600
}
.sub .right_form.formboox .hbspt-form{
    padding: 20px 30px 30px;
    border-radius: 0 0 19px 19px;
    background-image: linear-gradient(180deg, #01BAEF, #0390E2);
}

.sub .affiliate_program .hbspt-form .hs-form-field .input input {
    height: 30px;
    line-height: 28px;
}
.sub .affiliate_program .formboox .hs-submit{
    text-align: center;
}
.affiliate_program .actions {
    height: 40px;
    line-height: 40px;
}
.sub .affiliate_program .hbspt-form .hs-form-field .input {
    height: 28px;
    margin: 5px 0 12px 0;
    line-height: 28px;
}
.sub .affiliate_program .right_form.formboox .hbspt-form .hs-form-field label {
    font-size: 14px;
    color: #fff;
}
.sub .affiliate_program .hbspt-form .hs-form-field .input input{
    height: 36px;
    line-height: 36px;
}
.sub .affiliate_program .formboox input[type=submit] {
    padding: 8px 26px;
}
.right_form.green strong {
    font-size: 15px;
    background: #59c3c3;
}

.right_form.green .hbspt-form {
    margin-bottom: 0;
    background: #ace1e1;
}

.affiliate_wrap .hs-error-msgs label {
    color: #ea657b !important;
}

.campaigncard_wrap {
    padding: 70px 0;
}

.campaigncard_wrap .page-tit-depth3-purple {
    margin-bottom: 40px;
    font-size: 40px;
    text-align: center;
}

.campaigncard_wrap .cardlist ul:after {
    content: "";
    display: block;
    clear: both;
}

.campaigncard_wrap .cardlist ul li {
    float: left;
    width: 33.3%;
    padding: 0 25px;
}

.campaigncard_wrap .cardlist ul li > div {
    max-width: 357px;
    height: 434px;
    padding: 173px 30px 0 30px;
    text-align: center;
    background: #fff;
    box-shadow: 3px 5px 8px 5px rgba(0, 0, 0, .2);
}

.campaigncard_wrap .cardlist ul li > div strong {
    display: block;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
}

.campaigncard_wrap .cardlist ul li > div p {
    line-height: 28px;
}

.campaigncard_wrap .cardlist ul li:nth-of-type(1) > div {
    background: url(/images/partner/icon_affiliate1.png) no-repeat center 35px;
}

.campaigncard_wrap .cardlist ul li:nth-of-type(2) > div {
    background: url(/images/partner/icon_affiliate2.png) no-repeat center 35px;
}

.campaigncard_wrap .cardlist ul li:nth-of-type(3) > div {
    background: url(/images/partner/icon_affiliate3.png) no-repeat center 25px;
}

.affiliate_apply {
    padding: 70px 0;
    background: #e6f6f6;
}

.affiliate_apply .page-tit-depth3-green {
    margin-bottom: 30px;
    text-align: center;
}

.affiliate_program.white {
    padding: 0 0 0 0;
}

.affiliate_program.white .page-tit-depth3-blue {
    font-size: 24px;
    letter-spacing: -.5px;
}

.sub .affiliate_program.white .number_list > li {
    padding: 20px 0 20px 45px;
    border-top: 1px dashed #C2C2C2;
}
.sub .affiliate_program.white .number_list > li:nth-child(1){
    border-top: 0;
}
.sub .affiliate_program.white .number_list > li em {
    top: 16px;
    font-size: 22px;
    color: var(--tit-color);
    font-weight: 600;
}
.sub .affiliate_program.white .flx{
    display: flex;
    justify-content: space-between;
    padding: 0 30px;
}
.sub .affiliate_program.white .flx .box{
    
}
.sub .affiliate_program.white .flx .box + .box{
    
}
.sub .tp-door-list-type01>li{
    margin-top: 44px;
}
.sub.solution .tp-door-list-type01>li + li{
    margin-top: 40px;
}
.sub.solution .tp-door-list-type01>li.first{
    margin-top: 40px !important;
}
.sub.solution .tp-door-list-type01>li:nth-child(1),
.sub.solution .tp-door-list-type01>li:nth-child(2){
    margin-top: 0;
}
.sub.solution .tp-door-list-type01.even>li:nth-child(2){
    margin-top: 40px;
}
.sub.solution .tp-door-title.tp-type04.align-C{
    margin: 40px 0 40px 0;
}
.sub.solution .tp-door-list-type01.mt4{
    margin-top: 40px;
}
.sub.solution .tp-door-list-type01.mt4 .tp-door-title.tp-type04+ .tp-door-desc{
    
}
.sub .white_manage {
    padding: 70px 0;
}
.sub .white_manage .page-tit-depth3-green {
    text-align: center;
}
.sub .white_manage .reseller_list {
    overflow: hidden;
    margin-top: 30px;
}
.sub .white_manage .reseller_list > ul:after {
    content: "";
    display: block;
    clear: both;
}
.sub .white_manage .reseller_list > ul > li {
    float: left;
    width: 45%;
    min-height: 180px;
    margin-bottom: 35px;
}
.sub .white_manage .reseller_list > ul > li:nth-child(odd){
    margin-right: 110px;
}
.sub .white_manage .reseller_list > ul > li strong{
    display: block;
    margin-bottom: 8px;
    padding: 66px 0 0 0;
    font-size: 22px;
    font-weight: 600;
    color: var(--tit-color);
    background-size: 50px;
    background-repeat: no-repeat;
}
.white_manage .reseller_list > ul > li:nth-of-type(3),
.white_manage .reseller_list > ul > li:nth-of-type(4) {
    height: 170px;
}

.white_manage .reseller_list > ul > li .bullet_list li {
    margin-bottom: 10px;
}

.white_manage .reseller_list > ul > li:nth-of-type(1) strong {
    background-image: url(/images/icon/icoSub65.svg);
}

.white_manage .reseller_list > ul > li:nth-of-type(2) strong{
    background-image: url(/images/icon/icoSub71.svg);
}

.white_manage .reseller_list > ul > li:nth-of-type(3) strong{
    background-image: url(/images/icon/icoSub95.svg);
}

.white_manage .reseller_list > ul > li:nth-of-type(4) strong{
    background-image: url(/images/icon/icoSub104.svg);
}

.white_mobile {
    padding: 70px 0;
    background: #e5f8fd;
    
}

.beyond_mobile .img_box {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 12px;
    box-shadow: 0 20px 50px 0 rgba(5 16 35 / 20%);
}
.beyond_mobile .img_box.web-img{
    display: block;
}
.beyond_mobile .img_box.mobile-img{
    display: none;
}
.beyond_mobile .img_box img{
    border-radius: 12px 12px 0 0;
}
.beyond_mobile .img_box p{
    background-color: #fff;
    color: var(--tit-color);
    border-radius: 0 0 12px 12px;
    text-align: center;
    font-weight: 500;
}
.beyond_mobile {
    position: relative;
    padding: 0 0 0 556px;
}

.beyond_mobile .tp-door-title.tp-type02 {
    padding: 0;
    text-align: left;
    font-weight: 600;
    letter-spacing: -.05em;
}

.beyond_mobile h2 span {
    display: block;
    color: #3c4147;
    font-size: 30px;
}

.beyond_mobile .txt {
    padding: 20px 0;
    line-height: 28px;
}

.white_mobile .beyond_mobile .link_text {
    display: block;
    border: none;
    font-weight: 400;
    margin-top: 10px;
}

.campaigncard_wrap.white .cardlist ul li > div {
    height: 332px;
}

.campaigncard_wrap.white .cardlist ul li > div strong {
    font-size: 18px;
}

.campaigncard_wrap.white .cardlist ul li:nth-of-type(1) > div {
    background: url(/images/partner/icon_white5.png) no-repeat center 43px;
}

.campaigncard_wrap.white .cardlist ul li:nth-of-type(2) > div {
    background: url(/images/partner/icon_white6.png) no-repeat center 43px;
}

.campaigncard_wrap.white .cardlist ul li:nth-of-type(3) > div {
    background: url(/images/partner/icon_white7.png) no-repeat center 43px;
}

.reseller {
    padding: 50px 0;
}

.reseller .resource_box ul li > div {
    height: 330px;
}

.reseller .resource_box ul li.resource20 > div {
    height: 360px;
}

.reseller .resource_box ul li > div {
    padding: 135px 40px 0 40px;
    background-color: #d9f5fd;
    background-repeat: no-repeat;
    background-position: center 35px;
}

.reseller .resource_box ul li > div a {
    padding: 0;
    background: 0 0;
}

.reseller .resource_box ul li.resource1 div {
    background-image: url(/images/partner/icon_resource1.png);
}

.reseller .resource_box ul li.resource2 div {
    background-image: url(/images/partner/icon_resource2.png);
}

.reseller .resource_box ul li.resource3 div {
    background-image: url(/images/partner/icon_resource3.png);
}

.reseller .resource_box ul li.resource4 div {
    background-image: url(/images/partner/icon_resource4.png);
}

.reseller .resource_box ul li.resource5 div {
    background-image: url(/images/partner/icon_resource5.png);
}

.reseller .resource_box ul li.resource6 div {
    background-image: url(/images/partner/icon_resource6.png);
}

.reseller .resource_box ul li.resource7 div {
    background-image: url(/images/partner/icon_resource7.png);
}

.reseller .resource_box ul li.resource8 div {
    background-image: url(/images/partner/icon_resource8.png);
}

.reseller .resource_box ul li.resource9 div {
    background-image: url(/images/partner/icon_resource9.png);
}

.reseller .resource_box ul li.resource10 div {
    background-image: url(/images/partner/icon_resource10.png);
}

.reseller .resource_box ul li.resource11 div {
    background-image: url(/images/partner/icon_resource11.png);
}

.reseller .resource_box ul li.resource12 div {
    background-image: url(/images/partner/icon_resource12.png);
}

.reseller .resource_box ul li.resource13 div {
    background-image: url(/images/partner/icon_resource13.png);
}

.reseller .resource_box ul li.resource14 div {
    background-image: url(/images/partner/icon_resource14.png);
}

.reseller .resource_box ul li.resource15 div {
    background-image: url(/images/partner/icon_resource15.png);
}

.reseller .resource_box ul li.resource16 div {
    background-image: url(/images/partner/icon_resource16.png);
}

.reseller .resource_box ul li.resource17 div {
    background-image: url(/images/partner/icon_resource17.png);
}

.reseller .resource_box ul li.resource18 div {
    background-image: url(/images/partner/icon_resource18.png);
}

.reseller .resource_box ul li.resource19 div {
    background-image: url(/images/partner/icon_resource19.png);
    background-position: center 30px;
}

.reseller .resource_box ul li.resource20 div {
    background-image: url(/images/partner/icon_resource20.png);
}

.reseller .resource_box.pink ul li > div {
    background-color: #fce8eb;
}

.reseller .resource_box.green ul li > div {
    background-color: #e6f6f6;
}

.reseller .resource_box.purple ul li > div {
    background-color: #ececf6;
}

.sub_message {
    margin-top: 20px;
}

.sub_message > h3 {
    color: #01baef;
    font-weight: 700;
    font-size: 20px;
}

.table_text {
    margin-top: 30px;
    border: solid 1px #d7d7d7;
}

.table_listcon:after {
    content: "";
    display: block;
    clear: both;
}

.table_listcon > div {
    float: left;
    border-left: solid 1px #d7d7d7;
}

.table_listcon:nth-of-type(1) > div:nth-of-type(1) {
    float: left;
    border-top: solid 0 #d7d7d7;
}

.table_listcon > div:nth-of-type(1) {
    border-top: solid 1px #d7d7d7;
    font-weight: 700;
}

.table_listcon > div:after {
    content: "";
    display: block;
    clear: both;
}

.table_listcon > div:nth-of-type(1) {
    width: 207px;
    padding: 20px;
    border-left: none;
    font-weight: 700;
}

.table_listcon > div:nth-of-type(2) {
    width: calc(100% - 207px);
}

.table_listcon > div:nth-of-type(2) > div:after {
    content: "";
    display: block;
    clear: both;
}

.table_listcon > div:nth-of-type(2) > div {
    border-top: solid 1px #d7d7d7;
}

.table_listcon > div:nth-of-type(2) > div > div {
    float: left;
    padding: 20px;
}

.table_listcon > div:nth-of-type(2) > div > div:nth-of-type(1) {
    width: 224px;
}

.table_listcon > div:nth-of-type(2) > div > div:nth-of-type(2) {
    width: calc(100% - 224px);
    border-left: solid 1px #d7d7d7;
}

.table_listcon .bullet_list li {
    margin-bottom: 5px;
}

.table_listcon .bordernone {
    border-top: none !important;
}

.text_rule {
    margin-top: 30px;
    padding-bottom: 0;
    border-bottom: none;
}

.text_rule:nth-of-type(2) {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: solid 1px #ddd;
}

.text_rule:nth-of-type(3) {
    padding-bottom: 0;
}

.text_rule h3 {
    margin-bottom: 10px;
    color: #ea657b;
}

.text_rule > .bullet_list {
    margin-left: 20px;
}

.text_rule > .bullet_list li {
    margin-bottom: 10px;
}

.text_rule > .bullet_list li > .bullet_list li:after {
    top: 8px;
    height: 1px;
    border-radius: 0;
}

.text_rule > .bullet_list li .bullet_list {
    margin-top: 10px;
}

.table_listcon1:after {
    content: "";
    display: block;
    clear: both;
}

.table_listcon1 > div {
    float: left;
    border-left: solid 1px #d7d7d7;
}

.table_listcon1 > div:nth-of-type(1) {
    width: 207px;
    padding: 20px;
    border-left: 0;
    font-weight: 700;
}

.table_listcon1:nth-of-type(2) > div {
    border-top: solid 1px #d7d7d7;
}

.table_listcon1 > div:nth-of-type(2) {
    width: calc(100% - 207px);
    padding: 20px;
}

.table_listcon1 .bullet_list li {
    margin-bottom: 10px;
}

.fullpage {
    padding: 170px 0 !important;
    text-align: center;
    background: url(/images/ect/bg_contact.png) no-repeat center center #01baef;
}

.fullpage .white_box {
    width: 980px;
    margin: 0 auto;
    padding: 80px 0;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 10px 6px -6px #777;
}

.fullpage .white_box h1 {
    color: #59c3c3;
    font-size: 48px;
}

.fullpage .white_box p {
    padding: 30px 0 0 0;
    font-size: 24px;
}

.fullpage .white_box p.account_thank {
    padding: 50px 150px 0 150px;
    font-size: 16px;
}

.fullpage .white_box p span {
    display: block;
    margin-top: 40px;
    font-size: 16px;
}

.fullpage .btn_area {
    margin-top: 0;
    padding: 50px 0 0 0;
    border: none;
}

.fullpage .account_thank {
    padding: 0 150px;
    font-size: 16px;
}

.fullpage .account_thank a {
    font-weight: 500;
}

h2.sms_title,
h3.sms_title {
    margin-bottom: 30px;
    color: #01baef;
    font-weight: 700;
    font-size: 40px;
    text-align: center;
    letter-spacing: -.5px;
}

.sms_main {
    overflow: hidden;
    position: fixed;
    top: 110px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 444px;
    background-image: linear-gradient(180deg, #fff, #bae3ef);
}

.sms_main .content_box {
    height: 100%
}

.sms_main .btn_box {
    margin-top: 37px;
}

.sms_main .btn_box a:nth-of-type(1) {
    margin-right: 20px;
}

.smsobj_box {
    position: absolute;
    top: 0;
    left: 620px;
    height: 100%
}

.smsobj_box span {
    display: block;
    position: absolute;
}

.smsobj_box span.smslaptop {
    bottom: 0;
    left: 50px;
    z-index: 4;
    width: 563px;
    height: 395px;
    background: url(/images/sms/obj1.png) no-repeat;
}

.smsobj_box span.smsbook {
    bottom: 170px;
    left: 530px;
    z-index: 3;
    width: 252px;
    height: 208px;
    background: url(/images/sms/obj3.png) no-repeat;
}

.smsobj_box span.smsclock {
    bottom: 260px;
    left: 270px;
    z-index: 3;
    width: 84px;
    height: 84px;
    background: url(/images/sms/obj2.png) no-repeat;
}

.smsobj_box:after {
    content: "";
    display: block;
    position: absolute;
    top: -33px;
    left: 0;
    z-index: 2;
    width: 667px;
    height: 667px;
    border-radius: 50%;
    background: #59c3c3;
    opacity: .2;
}

.sms_maintext {
    padding: 80px 0 0 0;
}

.sms_maintext strong {
    display: block;
    color: #01baef;
    font-weight: 700;
    font-size: 60px;
    letter-spacing: -.5px;
}

.sms_maintext p {
    display: block;
    margin-top: 30px;
    color: #3c4147;
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
}

.sms_container {
    position: relative;
    z-index: 5;
    margin: 444px 0 0 0;
    background: #fff;
}

.marketing_decwrap {
    padding: 15px 0 100px 0;
    background-image: linear-gradient(180deg, #fff, #fff);
}

.what_sms {
    position: relative;
    min-height: 476px;
    margin-bottom: 109px;
    padding: 0 610px 0 0;
}

.text_sms h2 {
    text-align: left;
}

.what_sms p {
    margin-top: 30px;
    line-height: 32px;
}

.what_sms p:first-child {
    margin-top: 0;
}

.sms_phone {
    position: absolute;
    top: 0;
    right: 0;
    width: 548px;
    height: 483px;
    text-align: center;
    background: url(/images/sms/phone_bg.png) no-repeat center center;
}

.matter_con ul li {
    float: left;
    width: 50%;
    height: 220px;
    padding: 50px 40px 44px 85px;
}

.matter_con ul:after {
    content: "";
    display: block;
    clear: both;
}

.matter_con ul li:nth-of-type(1),
.matter_con ul li:nth-of-type(2) {
    border-bottom: dashed 2px #e1e1e1;
}

.matter_con ul li h3 {
    display: block;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 24px;
}

.matter_con ul li em {
    display: inline-block;
    color: #59c3c3;
    font-weight: 700;
    font-size: 24px;
}

.matter_con ul li:nth-of-type(1) {
    background: url(/images/sms/ico_matters1.png) no-repeat left 50px;
}

.matter_con ul li:nth-of-type(2) {
    background: url(/images/sms/ico_matters2.png) no-repeat left 50px;
}

.matter_con ul li:nth-of-type(3) {
    background: url(/images/sms/ico_matters3.png) no-repeat left 50px;
}

.matter_con ul li:nth-of-type(4) {
    background: url(/images/sms/ico_matters4.png) no-repeat left 50px;
}

.sms_why {
    margin: 125px 0;
}

.sms_why ul:after {
    content: "";
    display: block;
    clear: both;
}

.sms_why li {
    overflow: hidden;
    float: left;
    position: relative;
    width: 380px;
    height: 570px;
    margin-right: 20px;
    padding: 20px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .4);
}

.sms_why li:last-child {
    margin-right: 0;
}

.sms_why li h3 {
    display: block;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 30px;
}

.sms_why li p {
    position: relative;
    z-index: 2;
    margin-top: 25px;
}

.sms_why li p:nth-of-type(1) {
    margin-top: 0;
}

.sms_why li:after {
    content: "01";
    display: block;
    position: absolute;
    right: 0;
    bottom: -117px;
    z-index: 1;
    color: #efeff7;
    font-weight: 700;
    font-size: 260px;
}

.sms_why li:nth-of-type(1):after {
    content: "01"
}

.sms_why li:nth-of-type(2):after {
    content: "02"
}

.sms_why li:nth-of-type(3):after {
    content: "03"
}

.sms_use ul li {
    min-height: 184px;
    padding: 36px 50px 36px 244px;
    border-top: dashed 1px #e1e1e1;
}

.sms_use ul li:nth-of-type(1) {
    border-top: none;
}

.sms_use ul li h3 {
    display: block;
    color: #58c3c3;
    font-weight: 700;
    font-size: 30px;
}

.sms_use ul li:nth-of-type(1) {
    background: url(/images/sms/ico_marketing1.png) no-repeat 45px 34px;
}

.sms_use ul li:nth-of-type(2) {
    background: url(/images/sms/ico_marketing2.png) no-repeat 45px 34px;
}

.sms_use ul li:nth-of-type(3) {
    background: url(/images/sms/ico_marketing3.png) no-repeat 45px 34px;
}

.sms_use ul li:nth-of-type(4) {
    background: url(/images/sms/ico_marketing4.png) no-repeat 45px 34px;
}

.sms_customerlove {
    padding: 100px 0;
    background: #e6f6f6;
}

.sms_customerlove h2 {
    margin-bottom: 40px;
}

.love_whylist ul:after {
    content: "";
    display: block;
    clear: both;
}

.love_whylist ul li {
    float: left;
    width: 50%;
    height: 200px;
    padding: 32px 20px 25px 103px;
    border-bottom: dashed 2px #e1e1e1;
}

.love_whylist ul li h3 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 24px;
}

.love_whylist ul li:nth-of-type(1) {
    background: url(/images/sms/ico_customer1.png) no-repeat 22px 32px;
}

.love_whylist ul li:nth-of-type(2) {
    background: url(/images/sms/ico_customer2.png) no-repeat 22px 32px;
}

.love_whylist ul li:nth-of-type(3) {
    background: url(/images/sms/ico_customer3.png) no-repeat 22px 32px;
}

.love_whylist ul li:nth-of-type(4) {
    background: url(/images/sms/ico_customer4.png) no-repeat 22px 38px;
}

.love_whylist ul li:nth-of-type(5) {
    background: url(/images/sms/ico_customer5.png) no-repeat 22px 38px;
}

.love_whylist ul li:nth-of-type(6) {
    background: url(/images/sms/ico_customer6.png) no-repeat 22px 37px;
}

.love_whylist ul li:nth-of-type(7) {
    background: url(/images/sms/ico_customer7.png) no-repeat 22px 38px;
}

.love_whylist ul li:nth-of-type(8) {
    background: url(/images/sms/ico_customer8.png) no-repeat 22px 32px;
}

.review_box {
    margin-top: 50px;
}

.review_box h3 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
}

.review_con {
    width: 839px;
    height: 238px;
    margin: 0 auto;
    padding: 43px 75px;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    background: url(/images/sms/customer_bg.png) no-repeat;
}

.review_con .review_text {
    position: relative;
    margin-bottom: 25px;
    font-size: 20px;
    font-style: italic;
}

.review_con .review_text:after,
.review_con .review_text:before {
    content: "";
    display: inline-block;
    position: relative;
    width: 28px;
    height: 20px;
}

.review_con .review_text:before {
    top: -3px;
    left: -2px;
    background: url(/images/sms/imgbg_1.png) no-repeat;
}

.review_con .review_text:after {
    right: -2px;
    bottom: 0;
    background: url(/images/sms/imgbg_2.png) no-repeat;
}

.sms_support {
    padding: 100px 0;
    background: #fff;
}

.roundlist_box ul:after {
    content: "";
    display: block;
    clear: both;
}

.roundlist_box ul li {
    float: left;
    width: 33.3%;
    padding: 0 2%;
    text-align: center;
}

.roundlist_box ul li h3 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 29px;
}

.roundlist_box ul li:before {
    content: "";
    display: block;
    width: 178px;
    height: 178px;
    margin: 0 auto 50px auto;
}

.roundlist_box ul li:nth-of-type(1) h3 {
    color: #59c3c3;
}

.roundlist_box ul li:nth-of-type(1):before {
    background: url(/images/sms/bot_img1.png) no-repeat;
}

.roundlist_box ul li:nth-of-type(2) h3 {
    color: #01baef;
}

.roundlist_box ul li:nth-of-type(2):before {
    background: url(/images/sms/bot_img2.png) no-repeat;
}

.roundlist_box ul li:nth-of-type(3) h3 {
    color: #ea657b;
}

.roundlist_box ul li:nth-of-type(3):before {
    background: url(/images/sms/bot_img3.png) no-repeat;
}

.sms_listfeature {
    padding: 102px 0;
    background: #ececf6;
}

.feature_con {
    text-align: center;
}

.feature_con ul li {
    display: inline-block;
    vertical-align: top;
    max-width: 100px;
    margin: 25px 0 0 33px;
}

.feature_con ul li:nth-of-type(4) {
    max-width: 120px;
}

.feature_con ul li:before {
    content: "";
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto 10px auto;
}

.feature_con ul li:nth-of-type(1):before {
    background: url(/images/sms/icon_list1.png) no-repeat;
}

.feature_con ul li:nth-of-type(2):before {
    background: url(/images/sms/icon_list2.png) no-repeat;
}

.feature_con ul li:nth-of-type(3):before {
    background: url(/images/sms/icon_list3.png) no-repeat;
}

.feature_con ul li:nth-of-type(4):before {
    background: url(/images/sms/icon_list4.png) no-repeat;
}

.feature_con ul li:nth-of-type(5):before {
    background: url(/images/sms/icon_list5.png) no-repeat;
}

.feature_con ul li:nth-of-type(6):before {
    background: url(/images/sms/icon_list6.png) no-repeat;
}

.feature_con ul li:nth-of-type(7):before {
    background: url(/images/sms/icon_list7.png) no-repeat;
}

.feature_con ul li:nth-of-type(8):before {
    background: url(/images/sms/icon_list8.png) no-repeat;
}

.feature_con ul li:nth-of-type(9):before {
    background: url(/images/sms/icon_list9.png) no-repeat;
}

.feature_con ul li:nth-of-type(10):before {
    background: url(/images/sms/icon_list10.png) no-repeat;
}

.feature_con ul li:nth-of-type(11):before {
    background: url(/images/sms/icon_list11.png) no-repeat;
}

.feature_con ul li:nth-of-type(12):before {
    background: url(/images/sms/icon_list12.png) no-repeat;
}

.feature_con ul li:nth-of-type(13):before {
    background: url(/images/sms/icon_list13.png) no-repeat;
}

.feature_con ul li:nth-of-type(14):before {
    background: url(/images/sms/icon_list14.png) no-repeat;
}

.feature_con ul li:nth-of-type(15):before {
    background: url(/images/sms/icon_list15.png) no-repeat;
}

.feature_con ul li:nth-of-type(16):before {
    background: url(/images/sms/icon_list16.png) no-repeat;
}

.sub_decpar {
    display: block;
    margin-top: -10px;
    text-align: center;
}

.sub_decpar_bot {
    display: block;
    clear: both;
    margin-top: 40px;
    text-align: center;
}

.text_blue {
    border-bottom: solid 1px;
    color: #01baef;
}

.mass.matter_con ul li:nth-of-type(1) {
    background: url(/images/core/icon_masswork1.png) no-repeat left 50px;
}

.mass.matter_con ul li:nth-of-type(2) {
    background: url(/images/core/icon_masswork2.png) no-repeat left 50px;
}

.mass.matter_con ul li:nth-of-type(3) {
    background: url(/images/core/icon_masswork3.png) no-repeat left 50px;
}

.mass.matter_con ul li:nth-of-type(4) {
    background: url(/images/core/icon_masswork4.png) no-repeat left 50px;
}

.getting_mass {
    padding: 130px 0;
}

.getting_mass .par {
    padding: 30px 0 0 0;
    text-align: center;
}

.getting_mass .h2.sms_title {
    margin-bottom: 0;
}

.mass_ter h2 {
    color: #817dc5;
}

.mass_use h2 {
    margin-bottom: 60px;
    color: #59c3c3;
}

.marketing_decwrap.mass {
    padding: 15px 0 0 0;
}

.iconcon_list > ul {
    position: relative;
    top: -35px;
}

.iconcon_list > ul:after {
    content: "";
    display: block;
    clear: both;
}

.iconcon_list > ul > li {
    float: left;
    width: 50%;
    height: 300px;
    padding: 35px 20px 35px 95px;
    border-top: dashed 2px #e1e1e1;
    line-height: 28px;
}

.iconcon_list > ul > li strong {
    display: block;
    margin-bottom: 20px;
    font-size: 24px;
}

.iconcon_list ul li:nth-of-type(2),
.iconcon_list > ul > li:nth-of-type(1) {
    border-top: none;
}

.iconcon_list ul li:nth-of-type(4),
.iconcon_list > ul > li:nth-of-type(3) {
    height: 345px;
}

.iconcon_list > ul > li:nth-of-type(1) {
    background: url(/images/core/icon_masster1.png) no-repeat left 37px;
}

.iconcon_list > ul > li:nth-of-type(2) {
    background: url(/images/core/icon_masster2.png) no-repeat 30px 37px;
}

.iconcon_list > ul > li:nth-of-type(3) {
    background: url(/images/core/icon_masster3.png) no-repeat left 37px;
}

.iconcon_list > ul > li:nth-of-type(4) {
    background: url(/images/core/icon_masster4.png) no-repeat 30px 37px;
}

.iconcon_list > ul > li:nth-of-type(5) {
    background: url(/images/core/icon_masster5.png) no-repeat left 37px;
}

.iconcon_list > ul > li:nth-of-type(6) {
    background: url(/images/core/icon_masster6.png) no-repeat 30px 37px;
}

.iconcon_list > ul > li:nth-of-type(7) {
    background: url(/images/core/icon_masster7.png) no-repeat left 37px;
}

.iconcon_list > ul > li:nth-of-type(8) {
    background: url(/images/core/icon_masster8.png) no-repeat 30px 37px;
}

.iconcon_list > ul > li:nth-of-type(9) {
    background: url(/images/core/icon_masster9.png) no-repeat left 37px;
}

.iconcon_list > ul > li:nth-of-type(10) {
    background: url(/images/core/icon_masster10.png) no-repeat 30px 37px;
}

.mass_use .iconcon_list > ul > li:nth-of-type(1) {
    background: url(/images/core/icon_masster11.png) no-repeat left 35px;
}

.mass_use .iconcon_list > ul > li:nth-of-type(2) {
    background: url(/images/core/icon_masster12.png) no-repeat 30px 35px;
}

.mass_use .iconcon_list > ul > li:nth-of-type(3) {
    background: url(/images/core/icon_masster13.png) no-repeat left 35px;
}

.mass_use .iconcon_list > ul > li:nth-of-type(4) {
    background: url(/images/core/icon_masster14.png) no-repeat 30px 35px;
}

.mass_use .iconcon_list > ul > li:nth-of-type(5) {
    background: url(/images/core/icon_masster15.png) no-repeat left 35px;
}

.mass_use .iconcon_list > ul > li:nth-of-type(6) {
    background: url(/images/core/icon_masster16.png) no-repeat 30px 35px;
}

.mass_use .iconcon_list > ul > li:nth-of-type(7) {
    background: url(/images/core/icon_masster17.png) no-repeat left 35px;
}

.mass_use .iconcon_list > ul > li:nth-last-of-type(1) {
    background: 0 0;
}

.mass_use .iconcon_list ul li:nth-of-type(4),
.mass_use .iconcon_list > ul > li:nth-of-type(3) {
    height: 300px;
}

.mass_howbox {
    padding: 130px 0;
    background: #e6f6f6;
}

.mass_parcon {
    margin-bottom: 140px;
}

.mass_parcon:nth-last-of-type(1) {
    margin-bottom: 0;
}

.mass_parcon .par {
    text-align: center;
}

.mass_numlist {
    margin: 50px 0 143px 0;
}

.mass_numlist ul:after {
    content: "";
    display: block;
    clear: both;
}

.mass_numlist ul li {
    float: left;
    position: relative;
    width: 31%;
    height: 362px;
    margin-left: 2%;
    padding: 24px 40px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 3px 5px 8px 5px rgba(0, 0, 0, .2);
}

.mass_numlist ul li p {
    position: relative;
    z-index: 2;
}

.mass_numlist ul li p {
    position: relative;
    z-index: 2;
}

.mass_numlist ul li:after {
    display: block;
    position: absolute;
    right: 0;
    bottom: -119px;
    z-index: 1;
    color: #efeff7;
    font-weight: 700;
    font-size: 260px;
}

.mass_numlist ul li:nth-of-type(1):after {
    content: "01"
}

.mass_numlist ul li:nth-of-type(2):after {
    content: "02"
}

.mass_numlist ul li:nth-of-type(3):after {
    content: "03"
}

.example_mass {
    padding: 130px 0;
}

.example_mass .iconcon_list {
    margin-top: 60px;
}

.example_mass .iconcon_list > ul > li {
    height: 370px;
    padding: 35px 20px 35px 115px;
}

.example_mass .iconcon_list > ul > li strong {
    color: #58c3c3;
}

.example_mass .iconcon_list > ul > li > .bullet_list {
    margin: 0 0 0 10px;
}

.example_mass .iconcon_list > ul > li > .bullet_list li {
    margin: 0 0 5px 0;
}

.example_mass .iconcon_list > ul > li > .bullet_list li:after {
    top: 11px;
}

.example_mass .iconcon_list > ul > li.full {
    float: none;
    clear: both;
    width: 100%
}

.example_mass .iconcon_list > ul > li:nth-of-type(1) {
    background: url(/images/core/icon_massuse1.png) no-repeat left 30px;
}

.example_mass .iconcon_list > ul > li:nth-of-type(2) {
    background: url(/images/core/icon_massuse2.png) no-repeat left 30px;
}

.example_mass .iconcon_list > ul > li:nth-of-type(3) {
    background: url(/images/core/icon_massuse3.png) no-repeat left 30px;
}

.example_mass .iconcon_list > ul > li:nth-of-type(4) {
    background: url(/images/core/icon_massuse4.png) no-repeat left 30px;
}

.example_mass .iconcon_list > ul > li:nth-of-type(5) {
    background: url(/images/core/icon_massuse5.png) no-repeat left 30px;
}

.example_mass .iconcon_list > ul > li:nth-of-type(6) {
    background: url(/images/core/icon_massuse6.png) no-repeat left 30px;
}

.example_mass .iconcon_list > ul > li:nth-of-type(7) {
    background: url(/images/core/icon_massuse7.png) no-repeat left 30px;
}

.example_mass .iconcon_list > ul > li:nth-of-type(8) {
    background: url(/images/core/icon_massuse8.png) no-repeat left 30px;
}

.example_mass .iconcon_list > ul > li:nth-of-type(9) {
    background: url(/images/core/icon_massuse9.png) no-repeat left 30px;
}

.example_mass .iconcon_list > ul > li:nth-of-type(10) {
    background: url(/images/core/icon_massuse10.png) no-repeat left 30px;
}

.example_mass .iconcon_list > ul > li:nth-of-type(11) {
    background: url(/images/core/icon_massuse11.png) no-repeat left 30px;
}

.common_mass {
    padding: 100px 0;
    background: #ececf6;
}

.common_mass .sms_title {
    margin-bottom: 43px;
}

.common_numlist > li {
    position: relative;
    width: 100%;
    min-height: 225px;
    margin-bottom: 25px;
    padding: 24px 46px 24px 24px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 3px 5px 8px 5px rgba(0, 0, 0, .2);
}

.common_numlist > li strong {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 30px;
}

.common_numlist > li p {
    position: relative;
    z-index: 2;
    margin-top: 25px;
}

.common_numlist > li p:nth-of-type(1) {
    margin-top: 0;
}

.common_numlist > li:after {
    display: block;
    position: absolute;
    right: 0;
    bottom: -119px;
    z-index: 1;
    color: #ebf7f7;
    font-weight: 700;
    font-size: 260px;
}

.common_numlist > li:nth-of-type(1):after {
    content: "01";
    right: -25px;
}

.common_numlist > li:nth-of-type(2):after {
    content: "02";
    right: -8px;
}

.common_numlist > li:nth-of-type(3):after {
    content: "03";
    right: -15px;
}

.common_numlist > li:nth-of-type(4):after {
    content: "04";
    right: -10px;
}

.mass_advantage {
    padding: 0 0 130px 0;
    background: #fff;
}

.mass_advantage .sms_title {
    margin-bottom: 50px;
}

.mass_advantage .sms_title .sub_tit {
    display: block;
    margin-top: 20px;
    color: #3c4147;
    font-weight: 400;
    font-size: 16px;
}

.mass_advantage .massadvantage_list:after {
    content: "";
    display: block;
    clear: both;
}

.mass_advantage .massadvantage_list > li {
    float: left;
    margin-bottom: 2%;
    padding: 30px 20px;
    border-radius: 5px;
    line-height: 32px;
    box-shadow: 3px 5px 8px 5px rgba(0, 0, 0, .2);
}

.mass_advantage .massadvantage_list > li > strong {
    display: block;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 30px;
}

.mass_advantage .massadvantage_list > li > .bullet_list {
    margin: 0 0 0 10px;
}

.mass_advantage .massadvantage_list > li > .bullet_list li {
    margin: 0 0 5px 0;
}

.mass_advantage .massadvantage_list > li > .bullet_list li:after {
    top: 11px;
}

.mass_advantage .massadvantage_list > li:nth-of-type(1) {
    width: 49%;
    height: 613px;
    margin-right: 1%;
    background: url(/images/core/icon_massuse13.png) no-repeat right bottom #d9f5fd;
}

.mass_advantage .massadvantage_list > li:nth-of-type(2) {
    width: 49%;
    height: 613px;
    margin-left: 1%;
    background: url(/images/core/icon_massuse14.png) no-repeat right bottom #e6f6f6;
}

.mass_advantage .massadvantage_list > li:nth-of-type(3) {
    width: 32%;
    height: 660px;
    margin-left: 0;
    background: url(/images/core/icon_massuse15.png) no-repeat right bottom #fce8eb;
}

.mass_advantage .massadvantage_list > li:nth-of-type(4) {
    width: 31%;
    height: 660px;
    margin-left: 2%;
    background: url(/images/core/icon_massuse16.png) no-repeat right bottom #ececf6;
}

.mass_advantage .massadvantage_list > li:nth-of-type(5) {
    width: 33%;
    height: 660px;
    margin-left: 2%;
    background: url(/images/core/icon_massuse17.png) no-repeat right bottom #f5f5f5;
}

.page_dec.autocampain {
    border: none;
}

.page_dec.autocampain h2 {
    margin-bottom: 30px;
    color: #59c3c3;
    font-weight: 700;
    font-size: 30px;
}

.page_dec.autocampain p {
    font-weight: 700;
}

.campaign_how {
    padding: 70px 0;
    background: #d9f5fd;
}

.campaign_how h2 {
    margin-bottom: 40px;
    text-align: center;
}

.shadow_boxwrap > ol:after,
.shadow_boxwrap > ul:after {
    content: "";
    display: block;
    clear: both;
}

.shadow_boxwrap > ol > li,
.shadow_boxwrap > ul > li {
    float: left;
    width: 32%;
    margin-left: 1%;
    border-radius: 5px;
    background-color: #fff !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .4);
}

.autocam_dec > li {
    height: 392px;
    padding: 25px;
}

.autocam_dec > li strong {
    font-weight: 700;
}

.autocam_dec > li > span > strong {
    display: block;
}

.autocam_dec > li > strong {
    display: block;
    margin-bottom: 0;
    color: #01baef;
    font-size: 50px;
}

.autocam_dec > li > .bullet_list {
    margin-top: 15px;
}

.autocam_dec > li > .bullet_list > li {
    margin-bottom: 10px;
}

.autocam_dec > li:nth-of-type(1) {
    background: url(/images/auto/campains_how1.png) no-repeat right bottom;
}

.autocam_dec > li:nth-of-type(2) {
    background: url(/images/auto/campains_how2.png) no-repeat right bottom;
}

.autocam_dec > li:nth-of-type(3) {
    background: url(/images/auto/campains_how3.png) no-repeat right bottom;
}

.campaignlevel_wrap {
    padding: 70px 0 0 0;
}

.campaignlevel_wrap > .content_box {
    position: relative;
    padding: 0 0 0 352px;
}

.campaignlevel_wrap .level_titbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 352px;
    padding: 0 70px 0 0;
}

.campaignlevel_wrap .level_titbox h2 {
    margin-bottom: 20px;
}

.campaignlevel_wrap .level_list ul li {
    min-height: 221px;
    padding: 50px 20px 50px 200px;
    border-top: dashed 1px #e1e1e1;
}

.campaignlevel_wrap .level_list ul li:first-child {
    padding: 0 20px 50px 200px;
    border-top: none;
}

.campaignlevel_wrap .level_list ul li h3 {
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 20px;
}

.campaignlevel_wrap .level_list ul li:nth-of-type(1) {
    background: url(/images/auto/campains_level1.png) no-repeat left top;
}

.campaignlevel_wrap .level_list ul li:nth-of-type(2) {
    background: url(/images/auto/campains_level2.png) no-repeat left 40px;
}

.campaignlevel_wrap .level_list ul li:nth-of-type(3) {
    background: url(/images/auto/campains_level3.png) no-repeat left 40px;
}

.campaign_way {
    padding: 70px 0;
    background: #ececf6;
}

.campaign_way h2 {
    margin-bottom: 40px;
    text-align: center;
}

.way_list ul:after {
    content: "";
    display: block;
    clear: both;
}

.way_list ul li {
    float: left;
    width: 18%;
    height: 180px;
    margin-left: 2%;
    padding: 126px 0 0 0;
    border-radius: 5px;
    text-align: center;
    background-color: #fff !important;
}

.way_list ul li a {
    color: #817dc5;
    font-weight: 700;
}

.way_list ul li:nth-of-type(1) {
    background: url(/images/auto/campains_way1.png) no-repeat center top;
}

.way_list ul li:nth-of-type(2) {
    padding: 117px 0 0 0;
    background: url(/images/auto/campains_way2.png) no-repeat center top;
}

.way_list ul li:nth-of-type(3) {
    background: url(/images/auto/campains_way3.png) no-repeat center top;
}

.way_list ul li:nth-of-type(4) {
    background: url(/images/auto/campains_way4.png) no-repeat center top;
}

.way_list ul li:nth-of-type(5) {
    background: url(/images/auto/campains_way5.png) no-repeat center top;
}

.dec_btn .btn:nth-of-type(1) {
    margin-right: 20px;
}

.sub_decpar p {
    margin-top: 30px;
}

.sub_decpar p:ntn-of-type(1) {
    margin-top: 0;
}

.matter_con.textblast ul li {
    height: 250px;
    border-bottom: dashed 2px #e1e1e1;
}

.matter_con.textblast ul li:nth-last-of-type(1) {
    border-bottom: none;
}

.matter_con.textblast ul li:nth-of-type(1) {
    background: url(/images/doorway/ico_matters1.png) no-repeat left 50px;
}

.matter_con.textblast ul li:nth-of-type(2) {
    background: url(/images/doorway/ico_matters5.png) no-repeat left 50px;
}

.matter_con.textblast ul li:nth-of-type(3) {
    background: url(/images/doorway/ico_matters4.png) no-repeat left 50px;
}

.matter_con.textblast ul li:nth-of-type(4) {
    background: url(/images/doorway/ico_matters3.png) no-repeat left 50px;
}

.matter_con.textblast ul li:nth-of-type(5) {
    background: url(/images/doorway/ico_matters2.png) no-repeat left 50px;
}

.mass_parcon .par {
    margin-top: 30px;
}

.mass_parcon .par:ntn-of-type(1) {
    margin-top: 0;
}

.shadow_boxwrap.textblast > ul > li {
    width: 49%
}

.example_mass.textblastuse {
    padding: 130px 0 0 0;
}

.example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(3),
.example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(4) {
    height: 440px;
}

.example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(1) {
    background: url(/images/doorway/ico_textuse1.png) no-repeat left 30px;
}

.example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(2) {
    background: url(/images/doorway/ico_textuse2.png) no-repeat left 30px;
}

.example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(3) {
    background: url(/images/doorway/ico_textuse3.png) no-repeat left 30px;
}

.example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(4) {
    background: url(/images/doorway/ico_textuse4.png) no-repeat left 30px;
}

.example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(5) {
    background: url(/images/doorway/ico_textuse5.png) no-repeat left 30px;
}

.example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(6) {
    background: url(/images/doorway/ico_textuse6.png) no-repeat left 30px;
}

.example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(7) {
    background: url(/images/doorway/ico_textuse7.png) no-repeat left 30px;
}

.example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(8) {
    background: url(/images/doorway/ico_textuse8.png) no-repeat left 30px;
}

.example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(9) {
    background: url(/images/doorway/ico_textuse9.png) no-repeat left 30px;
}

.example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(10) {
    background: 0 0;
}

.sub_decpar1 {
    margin-top: 20px;
    text-align: center;
}

.shadow_boxwrap.short ul li {
    width: 48%
}

.shadow_boxwrap.short .text_blastlist > li {
    height: 324px;
}

.shadow_boxwrap.short .text_blastlist > li:nth-of-type(1) {
    background: #d2f2fd !important;
}

.shadow_boxwrap.short .text_blastlist > li:nth-of-type(2) {
    background: #dff4f5 !important;
}

.mass_parcon.short {
    margin: 0;
    padding: 50px 0 110px 0;
}

.textmain_dec {
    padding: 60px 0;
    font-size: 18px;
    text-align: center;
    line-height: 32px;
}

.effcetive_dec {
    padding: 0 0 84px 0;
    text-align: center;
}

.matter_con.textmarketing ul li:nth-of-type(3),
.matter_con.textmarketing ul li:nth-of-type(4) {
    border-bottom: dashed 2px #e1e1e1;
}

.matter_con.textmarketing ul li:nth-of-type(1) {
    background: url(/images/sms/ico_matters1.png) no-repeat left 50px;
}

.matter_con.textmarketing ul li:nth-of-type(2) {
    background: url(/images/sms/ico_matters5.png) no-repeat 25px 50px;
}

.matter_con.textmarketing ul li:nth-of-type(3) {
    background: url(/images/sms/ico_matters2.png) no-repeat left 50px;
}

.matter_con.textmarketing ul li:nth-of-type(4) {
    background: url(/images/sms/ico_matters3.png) no-repeat left 50px;
}

.matter_con.textmarketing ul li:nth-of-type(5) {
    background: url(/images/sms/ico_matters4.png) no-repeat left 50px;
}

.organization_box {
    margin-top: 80px;
}

.organization_box > ul:after {
    content: "";
    display: block;
    clear: both;
}

.organization_box > ul > li {
    float: left;
    width: 47%;
    height: 620px;
    margin: 0 25px 25px 0;
    padding: 25px;
    border-radius: 5px;
    background-color: #fff !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .4);
}

.organization_box > ul > li > h3 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 30px;
}

.organization_box > ul > li > p {
    margin-bottom: 15px;
}

.organization_box > ul > li > .bullet_list > li {
    margin-bottom: 10px;
}

.organization_box > ul > li > .bullet_list > li:after {
    top: 12px;
}

.organization_box > ul > li:nth-of-type(1) {
    background: url(/images/sms/ico_organization1.png) no-repeat right bottom;
}

.organization_box > ul > li:nth-of-type(2) {
    background: url(/images/sms/ico_organization2.png) no-repeat right bottom;
}

.organization_box > ul > li:nth-of-type(3) {
    background: url(/images/sms/ico_organization3.png) no-repeat right bottom;
}

.organization_box > ul > li:nth-of-type(4) {
    background: url(/images/sms/ico_organization4.png) no-repeat right bottom;
}

.bussiness_list {
    margin-top: 50px;
}

.bussiness_list > li {
    height: 580px;
    padding: 25px;
}

.bussiness_list > li > strong {
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 30px;
}

.bussiness_list > li:nth-of-type(1) {
    background: url(/images/doorway/bg_business1.png) no-repeat right bottom;
}

.bussiness_list > li:nth-of-type(2) {
    background: url(/images/doorway/bg_business2.png) no-repeat right bottom;
}

.bussiness_list > li:nth-of-type(3) {
    background: url(/images/doorway/bg_business3.png) no-repeat right bottom;
}

.church_use {
    padding: 145px 0;
}

.church_use .sms_use > ul > li > p {
    line-height: 30px;
}

.church_use .sms_use > ul > li:nth-of-type(1) {
    background: url(/images/doorway/icon_church1.png) no-repeat;
}

.church_use .sms_use > ul > li:nth-of-type(2) {
    background: url(/images/doorway/icon_church2.png) no-repeat;
}

.church_use .sms_use > ul > li:nth-of-type(3) {
    background: url(/images/doorway/icon_church3.png) no-repeat;
}

.church_use .sms_use > ul > li:nth-of-type(4) {
    background: url(/images/doorway/icon_church4.png) no-repeat;
}

.church_use .sms_use > ul > li:nth-of-type(5) {
    background: url(/images/doorway/icon_church5.png) no-repeat;
}

.church_use .sms_use > ul > li:nth-of-type(6) {
    background: url(/images/doorway/icon_church6.png) no-repeat;
}

.church_use .sms_use > ul > li:nth-of-type(7) {
    background: url(/images/doorway/icon_church7.png) no-repeat;
}

.church_use .sms_use > ul > li > ul {
    margin-top: 20px;
}

.church_use .sms_use > ul > li > ul > li {
    min-height: auto;
    margin-bottom: 10px;
    padding: 0 0 0 10px;
    border: none;
    background: 0 0;
}

.church_study {
    padding: 130px 0;
    background: #ececf6;
}

.church_study h2.sms_title {
    margin-bottom: 50px;
}

.church_study .shadow_boxwrap > ul > li {
    width: 49%;
    min-height: 804px;
    text-align: center;
}

.church_study .shadow_boxwrap > ul > li .church_case span {
    display: block;
    padding: 70px 0 0 0;
}

.church_study .shadow_boxwrap > ul > li .church_case p {
    padding: 30px 30px;
    line-height: 30px;
}

.churchorganization {
    padding: 130px 0;
    line-height: 30px;
    background: #fff;
}

.churchorganization .organization_box > ul > li:nth-of-type(1) {
    background-color: #d9f5fd !important;
}

.churchorganization .organization_box > ul > li:nth-of-type(2) {
    background: url(/images/sms/ico_organization3.png) no-repeat right bottom;
    background-color: #e6f6f6 !important;
}

.churchorganization .organization_box > ul > li:nth-of-type(3) {
    background: url(/images/sms/ico_organization2.png) no-repeat right bottom;
    background-color: #fce8eb !important;
}

.churchorganization .organization_box > ul > li:nth-of-type(4) {
    background-color: #ececf6 !important;
}

.appoint.matter_con ul li:nth-of-type(1) {
    background: url(/images/core/icon_masswork1.png) no-repeat left 50px;
}

.appoint.matter_con ul li:nth-of-type(2) {
    background: url(/images/core/icon_masswork2.png) no-repeat left 50px;
}

.appoint.matter_con ul li:nth-of-type(3) {
    background: url(/images/doorway/icon_land5.png) no-repeat left 50px;
}

.appoint.matter_con ul li:nth-of-type(4) {
    background: url(/images/core/icon_masswork4.png) no-repeat left 50px;
}

.appoint_bullet {
    margin-top: 40px;
}

.appoint_bullet .bullte_list li {
    margin-bottom: 10px;
}

.example_mass.appoint {
    padding: 130px 0 0 0;
}

.example_mass.appoint .iconcon_list > ul > li:nth-of-type(1) {
    background: url(/images/doorway/icon_appoint1.png) no-repeat left 50px;
}

.example_mass.appoint .iconcon_list > ul > li:nth-of-type(2) {
    background: url(/images/doorway/icon_appoint2.png) no-repeat left 50px;
}

.example_mass.appoint .iconcon_list > ul > li:nth-of-type(3) {
    background: url(/images/doorway/icon_appoint3.png) no-repeat left 50px;
}

.example_mass.appoint .iconcon_list > ul > li:nth-of-type(4) {
    background: 0 0;
}

.mass_advantage.appoint .massadvantage_list > li:nth-of-type(1) {
    clear: both;
    width: 100%;
    height: 305px;
    margin-right: 0;
    background: url(/images/doorway/bg_textadvan6.png) no-repeat right bottom #fff;
}

.mass_advantage.appoint .massadvantage_list > li:nth-of-type(2) {
    width: 49%;
    height: 613px;
    margin-right: 1%;
    margin-left: 0;
    background: url(/images/core/icon_massuse13.png) no-repeat right bottom #fff;
}

.mass_advantage.appoint .massadvantage_list > li:nth-of-type(3) {
    width: 49%;
    height: 613px;
    margin-left: 1%;
    background: url(/images/core/icon_massuse14.png) no-repeat right bottom #fff;
}

.mass_advantage.appoint .massadvantage_list > li:nth-of-type(4) {
    width: 32%;
    height: 660px;
    margin-left: 0;
    background: url(/images/core/icon_massuse15.png) no-repeat right bottom #fff;
}

.mass_advantage.appoint .massadvantage_list > li:nth-of-type(5) {
    width: 31%;
    height: 660px;
    margin-left: 2%;
    background: url(/images/core/icon_massuse16.png) no-repeat right bottom #fff;
}

.mass_advantage.appoint .massadvantage_list > li:nth-of-type(6) {
    width: 33%;
    height: 660px;
    margin-left: 2%;
    background: url(/images/core/icon_massuse17.png) no-repeat right bottom #fff;
}

.mass_howbox.appoint {
    margin-top: 130px;
}

.mass_howbox.appoint .mass_parcon:nth-of-type(1) {
    margin-bottom: 60px;
}

.mass_advantage.appoint {
    padding: 130px 0;
    background: #ececf6;
}

.mass_howbox.recurit {
    margin-bottom: 100px;
}

.recurit .common_numlist {
    margin-top: 50px;
}

.recurit .common_numlist > li {
    width: 100%;
    margin: 0 0 30px 0;
}

.recurit .common_numlist > li:after {
    color: #efeff7;
}

.common_numlist > li strong {
    position: relative;
    z-index: 2;
}

.common_numlist > li:nth-of-type(5):after {
    content: "05";
    right: -13px;
}

.common_numlist > li:nth-of-type(6):after {
    content: "06";
    right: -13px;
}

.common_numlist > li:nth-of-type(7):after {
    content: "07";
    right: -8px;
}

.common_numlist > li:nth-of-type(8):after {
    content: "08"
}

.common_numlist > li:nth-of-type(9):after {
    content: "09"
}

.common_numlist > li:nth-of-type(10):after {
    content: "10"
}

.mass_advantage .massadvantage_list > li:nth-of-type(1) {
    height: 543px;
}

.mass_advantage .massadvantage_list > li:nth-of-type(2) {
    height: 543px;
}

.mass_advantage .massadvantage_list > li:nth-of-type(3) {
    height: 660px;
}

.mass_advantage .massadvantage_list > li:nth-of-type(4) {
    height: 660px;
}

.surveys.matter_con {
    margin-bottom: 100px;
}

.surveys.matter_con ul li {
    height: 240px;
}

.surveys.matter_con ul li:nth-of-type(1) {
    background: url(/images/doorway/icon_survey1.png) no-repeat left 50px;
}

.surveys.matter_con ul li:nth-of-type(2) {
    background: url(/images/doorway/icon_survey2.png) no-repeat left 50px;
}

.surveys.matter_con ul li:nth-of-type(3) {
    border-bottom: dashed 2px #e1e1e1;
    background: url(/images/doorway/icon_survey3.png) no-repeat left 50px;
}

.surveys.matter_con ul li:nth-of-type(4) {
    border-bottom: dashed 2px #e1e1e1;
    background: url(/images/doorway/icon_survey4.png) no-repeat left 50px;
}

.surveys.matter_con ul li:nth-of-type(5) {
    background: url(/images/doorway/icon_survey5.png) no-repeat left 50px;
}

.example_mass.surveys .iconcon_list > ul > li:nth-of-type(1) {
    background: url(/images/doorway/icon_survey6.png) no-repeat left 30px;
}

.example_mass.surveys .iconcon_list > ul > li:nth-of-type(2) {
    background: url(/images/doorway/icon_survey7.png) no-repeat left 30px;
}

.example_mass.surveys .iconcon_list > ul > li:nth-of-type(3) {
    background: url(/images/doorway/icon_survey8.png) no-repeat left 30px;
}

.example_mass.surveys .iconcon_list > ul > li:nth-of-type(4) {
    background: url(/images/doorway/icon_survey9.png) no-repeat left 30px;
}

.example_mass.surveys .iconcon_list > ul > li:nth-of-type(5) {
    background: url(/images/doorway/icon_survey10.png) no-repeat left 30px;
}

.example_mass.surveys .iconcon_list > ul > li:nth-of-type(6) {
    background: 0 0;
}

.mass_advantage.surveys .massadvantage_list > li {
    width: 49% !important;
    background-color: #fff;
}

.mass_advantage.surveys {
    padding: 143px 0;
    background: #ececf6;
}

.surveys.example_mass {
    padding: 130px 0 0 0;
}

.sub_tit {
    display: block;
    margin: 24px 22px 8px 22px;
    border-bottom: solid 1px #59c3c3;
    color: #59c3c3;
    font-size: 14px;
    font-weight: 700;
}

.sub_tit.purple {
    border-bottom: solid 1px #817dc5;
    color: #817dc5;
}

.sub_tit.bule {
    border-bottom: solid 1px #01baef;
    color: #01baef;
}

.sub_tit.pink {
    border-bottom: solid 1px #ea657b;
    color: #ea657b;
}

.main_subdec {
    padding-bottom: 35px;
    border-bottom: solid 1px #ebebeb;
    line-height: 30px;
}

.num_contentlist {
    margin-top: 30px;
}

.num_contentlist > .title-dp03,
.num_contentlist > h2 {
    margin-bottom: 18px;
    font-weight: 700;
    font-size: 24px;
}

.num_contentlist > p {
    margin-bottom: 15px;
}

.num_contentlist > ol > li {
    position: relative;
    margin-top: 20px;
    padding: 30px 0 0 0;
    border-top: dashed 2px #dfdfdf;
}

.num_contentlist > ol > li:nth-of-type(1) {
    margin-top: 0;
    padding: 0;
    border-top: none;
}

.num_contentlist > ol > li > strong {
    display: block;
    position: relative;
    margin-bottom: 15px;
    padding-left: 38px;
    font-size: 18px;
}

.num_contentlist > ol > li > strong > em {
    display: block;
    position: absolute;
    top: -3px;
    left: 0;
    color: #80dcf7;
    font-weight: 700;
    font-size: 24px;
}

.num_contentlist > ol > li > p {
    margin-bottom: 20px;
}

.num_contentlist > ol > li > p > strong {
    display: block;
    margin-bottom: 15px;
}

.num_contentlist > ol > li > .bullet_list > li {
    margin-bottom: 15px;
}

.tutorial_video > p {
    margin-bottom: 20px;
}

.tutorial_video > ul:after {
    content: "";
    display: block;
    clear: both;
}

.tutorial_video > ul > li {
    float: left;
    width: 50%;
    margin-bottom: 40px;
}

.tutorial_video > ul > li > a > strong {
    display: block;
    margin-bottom: 15px;
    text-align: center;
}

.tutorial_video > ul > li > a > span {
    display: block;
    width: 400px;
    height: 250px;
    margin: 0 auto;
    border: solid 1px #ebebeb;
    text-align: center;
}

.list_conbox .tit_reseller {
    margin-bottom: 24px;
    color: #3c4147;
    font-weight: 700;
    font-size: 24px;
}

.list_conbox .sub_dec {
    margin-bottom: 40px;
}

.list_conbox > ul > li {
    margin-top: 30px;
    padding: 30px 0 0 0;
    border-top: dashed 2px #e7e7e7;
}

.list_conbox > ul > li:nth-of-type(1) {
    margin-top: 0;
    padding: 0;
    border-top: none;
}

.list_conbox > ul > li > strong {
    display: block;
    color: #01baef;
    font-weight: 700;
    font-size: 20px;
}

.list_conbox > ul > li > p {
    margin-top: 20px;
}

.list_conbox > ul > li > p:nth-of-type(1) {
    margin-top: 0;
}

.list_conbox > ul > li > .bullet_list {
    margin-top: 20px;
}

.list_conbox > ul > li > .bullet_list > li {
    margin-bottom: 15px;
}

.list_conbox > ul > li > .bullet_list > li > .bullet_list {
    margin-left: 10px;
}

.no_bulletlist > li {
    margin-bottom: 15px;
}

.sub_bluetit {
    display: block;
    margin-bottom: 17px;
    color: #01baef;
    font-size: 16px;
}

.sub_titblue {
    display: block;
    margin-top: 17px;
    color: #01baef;
    font-weight: 400;
    font-size: 16px;
}

.main_subdec strong {
    display: block;
    margin-bottom: 17px;
}

.main_subdec.line {
    border-bottom: solid 1px #ebebeb;
}

.email_addcon {
    padding-top: 28px;
}

.email_addcon > h2 {
    margin-bottom: 20px;
    color: #01baef;
    font-weight: 700;
    font-size: 24px;
}

.email_addcon > .tit_sub {
    margin-bottom: 50px;
}

.email_addcon .sub_email {
    margin-bottom: 50px;
}

.email_addcon .sub_email > h3 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 18px;
}

.email_addcon .sub_email > h3.red {
    color: #ea657b;
}

.telescript_box ul:after {
    content: "";
    display: block;
    clear: both;
}

.telescript_box ul li {
    float: left;
    width: 180px;
    height: 170px;
    margin: 0 0 30px 30px;
    padding: 120px 0 0 0;
    border: solid 1px #e1e1e1;
    border-radius: 5px;
    color: #01baef;
    font-weight: 700;
    text-align: center;
}

.telescript_box ul li a {
    color: #01baef;
}

.telescript_box ul li:nth-of-type(4n+1) {
    margin: 0 0 30px 0;
}

.telescript_box ul li:nth-of-type(1) {
    background: url(/images/reseller/icon_tele1.png) no-repeat center top;
}

.telescript_box ul li:nth-of-type(2) {
    background: url(/images/reseller/icon_tele2.png) no-repeat center top;
}

.telescript_box ul li:nth-of-type(3) {
    padding: 100px 0 0 0;
    background: url(/images/reseller/icon_tele3.png) no-repeat center top;
}

.telescript_box ul li:nth-of-type(4) {
    background: url(/images/reseller/icon_tele4.png) no-repeat center top;
}

.telescript_box ul li:nth-of-type(5) {
    padding: 100px 0 0 0;
    background: url(/images/reseller/icon_tele5.png) no-repeat center top;
}

.telescript_box ul li:nth-of-type(6) {
    background: url(/images/reseller/icon_tele6.png) no-repeat center top;
}

.telescript_box ul li:nth-of-type(7) {
    background: url(/images/reseller/icon_tele7.png) no-repeat center top;
}

.telescript_box ul li:nth-of-type(8) {
    padding: 100px 0 0 0;
    background: url(/images/reseller/icon_tele8.png) no-repeat center top;
}

.telescript_box ul li:nth-of-type(9) {
    padding: 100px 0 0 0;
    background: url(/images/reseller/icon_tele9.png) no-repeat center top;
}

.telescript_box ul li:nth-of-type(10) {
    padding: 100px 0 0 0;
    background: url(/images/reseller/icon_tele10.png) no-repeat center top;
}

.telescript_box ul li:nth-of-type(11) {
    padding: 100px 0 0 0;
    background: url(/images/reseller/icon_tele11.png) no-repeat center top;
}

.telescript_box ul li:nth-of-type(12) {
    padding: 100px 0 0 0;
    background: url(/images/reseller/icon_tele12.png) no-repeat center top;
}

.telescript_box ul li:nth-of-type(13) {
    padding: 100px 0 0 0;
    background: url(/images/reseller/icon_tele13.png) no-repeat center top;
}

.telescript_box ul li:nth-of-type(14) {
    padding: 100px 0 0 0;
    background: url(/images/reseller/icon_tele14.png) no-repeat center top;
}

.telescript_box ul li:nth-of-type(15) {
    padding: 80px 0 0 0;
    background: url(/images/reseller/icon_tele15.png) no-repeat center top;
}

.telescript_box ul li:nth-of-type(16) {
    background: url(/images/reseller/icon_tele16.png) no-repeat center top;
}

.telescript_box ul li:nth-of-type(17) {
    background: url(/images/reseller/icon_tele17.png) no-repeat center top;
}

.telescript_box ul li:nth-of-type(18) {
    background: url(/images/reseller/icon_tele18.png) no-repeat center top;
}

.promo_box > p {
    margin-bottom: 50px;
}

.promo_box > ul:after {
    content: "";
    display: block;
    clear: both;
}

.promo_box > ul > li {
    float: left;
    width: 49%;
    margin-bottom: 40px;
    text-align: center;
}

.promo_box > ul > li:nth-of-type(odd) {
    margin-right: 1%
}

.promo_box > ul > li:nth-of-type(even) {
    margin-left: 1%
}

.promo_box > ul > li > a > strong {
    display: block;
    margin-bottom: 10px;
}

.promo_box > ul > li > a > span {
    height: 213px;
}

.promo_box > ul > li > a > span img {
    border: solid 1px #ebebeb;
}

.emial_box ul:after {
    content: "";
    display: block;
    clear: both;
}

.emial_box ul li {
    float: left;
    width: 49%;
    height: 411px;
    padding: 37px 20px 20px 20px;
    border: solid 1px #e1e1e1;
    border-radius: 5px;
}

.emial_box ul li > strong {
    display: block;
    padding-bottom: 260px;
    color: #01baef;
    font-size: 24px;
    text-align: center;
}

.emial_box ul li:nth-of-type(1) {
    margin-right: 1%
}

.emial_box ul li:nth-of-type(1) > strong {
    background: url(/images/reseller/icon_email1.png) no-repeat center 60px;
}

.emial_box ul li:nth-of-type(2) {
    margin-left: 1%
}

.emial_box ul li:nth-of-type(2) > strong {
    background: url(/images/reseller/icon_email2.png) no-repeat center 60px;
}

.emial_box ul li > span {
    display: block;
    text-align: center;
}

.emial_box ul li > span > a.btn.blue {
    min-width: 135px;
    max-width: 135px;
    margin-right: 5px;
}

.emial_box ul li > span > a.btn.blue > span {
    min-width: 135px;
    max-width: 135px;
}

.emial_box ul li > span > a.btn.green {
    min-width: 199px;
    max-width: 199px;
}

.emial_box ul li > span > a.btn.green > span {
    min-width: 199px;
    max-width: 199px;
}

.telescript_box.point ul li:nth-of-type(1) {
    background: url(/images/reseller/icon_point1.png) no-repeat center top;
}

.telescript_box.point ul li:nth-of-type(2) {
    background: url(/images/reseller/icon_point2.png) no-repeat center top;
}

.telescript_box.point ul li:nth-of-type(3) {
    padding: 100px 0 0 0;
    background: url(/images/reseller/icon_point3.png) no-repeat center top;
}

.telescript_box.point ul li:nth-of-type(4) {
    padding: 100px 0 0 0;
    background: url(/images/reseller/icon_point4.png) no-repeat center top;
}

.telescript_box.point ul li:nth-of-type(5) {
    background: url(/images/reseller/icon_point5.png) no-repeat center top;
}

.telescript_box.point ul li:nth-of-type(6) {
    padding: 100px 0 0 0;
    background: url(/images/reseller/icon_point6.png) no-repeat center top;
}

.telescript_box.point ul li:nth-of-type(7) {
    background: url(/images/reseller/icon_point7.png) no-repeat center top;
}

.telescript_box.point ul li:nth-of-type(8) {
    padding: 100px 0 0 0;
    background: url(/images/reseller/icon_point8.png) no-repeat center top;
}

.telescript_box.point ul li:nth-of-type(9) {
    padding: 100px 0 0 0;
    background: url(/images/reseller/icon_point9.png) no-repeat center top;
}

.telescript_box.point ul li:nth-of-type(10) {
    background: url(/images/reseller/icon_point10.png) no-repeat center top;
}

.telescript_box.point ul li:nth-of-type(11) {
    padding: 100px 0 0 0;
    background: url(/images/reseller/icon_point11.png) no-repeat center top;
}

.white_labelbox > p {
    padding-bottom: 50px;
}

.white_labelbox > p .link_box {
    display: block;
    margin-top: 10px;
}

.white_labelbox > p .link_box a {
    color: #01baef;
    text-decoration: underline;
}

.dotline_box {
    padding: 40px 0;
    border-top: dashed 1px #e2e2e2;
}

.dotline_box:after {
    content: "";
    display: block;
    clear: both;
}

.dotline_box > div {
    float: left;
    width: 50%
}

.dotline_box .lable_tit {
    display: block;
    margin-bottom: 18px;
    font-weight: 700;
    font-size: 24px;
}

.label_list {
    margin-bottom: 48px;
}

.label_list:nth-last-of-type(1) {
    margin-bottom: 0;
}

.label_list li {
    position: relative;
    margin-bottom: 15px;
    padding-left: 17px;
}

.label_list li > a {
    color: #01baef;
    text-decoration: underline;
}

.label_list li:after {
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #000;
}

.title_box > h2 {
    font-weight: 700;
    font-size: 24px;
}

.title_box > h2 > span {
    display: block;
    margin-top: 15px;
    font-weight: 400;
    font-size: 17px;
}

.title_box > p {
    margin-top: 10px;
}

.credit_list {
    margin-bottom: 60px;
}

.credit_list > h2,
.credit_list > h3 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 18px;
}

.credit_list > h3.pink {
    color: #ea657b;
    font-weight: 400;
    font-size: 16px;
    font-style: italic;
}

.credit_list ul li {
    position: relative;
}

.credit_list ul li:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
}

.credit_list > ul > li {
    margin-bottom: 40px;
    padding-left: 20px;
}

.credit_list > ul.oneline > li {
    margin-bottom: 10px;
}

.credit_list > ul > li:after {
    top: 8px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #000;
}

.credit_list > ul > li > ul {
    margin-top: 20px;
}

.credit_list > ul > li > ul li {
    margin-top: 10px;
    padding-left: 20px;
}

.credit_list > ul > li > ul li:nth-of-type(1) {
    margin-top: 0;
}

.credit_list > ul > li > ul li:after {
    top: 11px;
    width: 6px;
    height: 1px;
    background: #000;
}

.credit_list > ol > li {
    position: relative;
    margin: 0 0 10px 20px;
    padding-left: 20px;
}

.credit_list > ol > li > em {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
}

.credit_list > p {
    padding-left: 20px;
}

.credit_list > p.tit_par {
    padding: 0 0 10px 0;
}

.credit_list > p.tit_par1 {
    padding: 50px 0 10px 0;
}

.emailserver_box .info_par {
    padding-bottom: 20px;
    border-bottom: solid 1px #ebebeb;
}

.esever_list {
    padding: 40px 0;
    border-top: dashed 1px #e1e1e1;
}

.esever_list:nth-of-type(1) {
    border-top: none;
}

.esever_list h2,
.esever_list h3 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
}

.esever_list ol li,
.esever_list ul li {
    position: relative;
    margin-bottom: 10px;
    padding: 0 0 0 20px;
}

.esever_list ul li:after {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #000;
}

.esever_list ol li em {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
}

.sms_phonebg {
    position: relative;
    padding: 135px 0 135px 0;
    background: #e6f6f6;
}

.sms_phonebg .content_box {
    padding: 0 0 0 600px;
}

.phone_sms {
    position: absolute;
    top: -80px;
    left: 0;
    width: 600px;
    text-align: center;
    background: url(/images/doorway/sms_phonebg.png) no-repeat center center;
}

.title_smsser {
    display: block;
    margin-bottom: 30px;
    color: #01baef;
    font-weight: 700;
    font-size: 40px;
    letter-spacing: -.5px;
}

.sms_phonebg p {
    line-height: 30px;
}

.sms_make {
    padding: 90px 0;
}

.sms_make .content_box {
    position: relative;
    padding: 0 0 0 500px;
}

.sms_make .content_box .sms_makecon {
    position: absolute;
    top: 0;
    left: 0;
    width: 400px;
}

.sms_make .content_box .sms_makecon p {
    line-height: 30px;
}

.sms_make .content_box .sms_makelist h3 {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 18px;
}

.sms_make .content_box .sms_makelist ul li {
    padding: 20px 0 20px 101px;
    border-bottom: dashed 1px #ccc;
}

.sms_make .content_box .sms_makelist ul li em {
    color: #59c3c3;
    font-weight: 700;
    font-size: 24px;
}

.sms_make .content_box .sms_makelist ul li:nth-of-type(1) {
    background: url(/images/doorway/icon_sms1.png) no-repeat 22px center;
}

.sms_make .content_box .sms_makelist ul li:nth-of-type(2) {
    background: url(/images/doorway/icon_sms2.png) no-repeat 24px center;
}

.sms_make .content_box .sms_makelist ul li:nth-of-type(3) {
    background: url(/images/doorway/icon_sms3.png) no-repeat 30px center;
}

.sms_make .content_box .sms_makelist ul li:nth-of-type(4) {
    background: url(/images/doorway/icon_sms4.png) no-repeat 14px center;
}

.sms_make .content_box .sms_makelist ul li:nth-of-type(5) {
    background: url(/images/doorway/icon_sms5.png) no-repeat 14px center;
}

.sms_make2 {
    padding: 90px 0;
    background: #e5f8fd;
}

.sms_make2 .content_box > ul:after {
    content: "";
    display: block;
    clear: both;
}

.sms_make2 .content_box > ul > li {
    float: left;
    width: 31.3%;
    height: 550px;
    margin-left: 2%;
    padding: 30px;
    background-color: #fff !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .4);
}

.sms_make2 .content_box > ul > li > h2 {
    margin-bottom: 20px;
    color: #817dc5;
    font-weight: 700;
    font-size: 24px;
}

.sms_make2 .content_box > ul > li > p {
    line-height: 30px;
}

.sms_make2 .content_box > ul > li:nth-of-type(1) {
    background: url(/images/doorway/icon_sms6.png) no-repeat right bottom;
}

.sms_make2 .content_box > ul > li:nth-of-type(2) {
    background: url(/images/doorway/icon_sms7.png) no-repeat right bottom;
}

.sms_make2 .content_box > ul > li:nth-of-type(3) {
    background: url(/images/doorway/icon_sms8.png) no-repeat right bottom;
}

.sms_adv {
    padding: 90px 0;
}

.sms_adv .title_smsser {
    text-align: center;
}

.adv_linelist > li {
    position: relative;
    padding: 50px 0 50px 285px;
    border-bottom: dashed 1px #ccc;
}

.adv_linelist > li > h3 {
    position: absolute;
    top: 50px;
    left: 0;
    width: 195px;
    padding-bottom: 110px;
    font-weight: 700;
    font-size: 30px;
}

.adv_linelist > li > p {
    margin-bottom: 17px;
}

.adv_linelist > li > .bullet_list > li {
    margin-bottom: 17px;
}

.adv_linelist > li:nth-of-type(1) > h3 {
    color: #59c3c3;
    background: url(/images/doorway/icon_sms9.png) no-repeat left bottom;
}

.adv_linelist > li:nth-of-type(2) > h3 {
    color: #ea657b;
    background: url(/images/doorway/icon_sms10.png) no-repeat left bottom;
}

.adv_linelist > li:nth-of-type(3) > h3 {
    color: #01baef;
    background: url(/images/doorway/icon_sms11.png) no-repeat left bottom;
}

.adv_linelist > li:nth-of-type(4) > h3 {
    color: #817cc5;
    background: url(/images/doorway/icon_sms12.png) no-repeat left bottom;
}

.adv_linelist > li:nth-of-type(5) > h3 {
    color: #3c4147;
    background: url(/images/doorway/icon_sms13.png) no-repeat left bottom;
}

.emailtosms {
    padding: 90px 0;
    background: #e6f6f6;
}

.emailtosms .content_box {
    padding: 0 576px 0 0;
    background: url(/images/doorway/bg_email.png) no-repeat right bottom;
}

.emailtosms .content_box p:nth-of-type(1) {
    margin-bottom: 20px;
    line-height: 30px;
}

.sms_make.email .content_box .sms_makecon {
    width: 450px;
}

.sms_make2.email .content_box > ul > li:nth-of-type(1) {
    background: url(/images/doorway/bg_email1.png) no-repeat right bottom;
}

.sms_make2.email .content_box > ul > li:nth-of-type(2) {
    background: url(/images/doorway/bg_email2.png) no-repeat right bottom;
}

.sms_make2.email .content_box > ul > li:nth-of-type(3) {
    background: url(/images/doorway/bg_email3.png) no-repeat right bottom;
}

.sms_make.textto {
    background: #e6f6f6;
}

.sms_make.textto .content_box .sms_makecon {
    width: 450px;
}

.textto_restriction {
    position: relative;
}

.textto_restriction:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;
    background: url(/images/doorway/bg_textto.png) no-repeat right top #817cc5;
}

.textto_restriction.toll-free:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;
    background: url(/images/doorway/tollfree_bg.png) no-repeat right top #817cc5;
}

.textto_restriction .content_box {
    padding: 90px 0 90px 500px;
}

.textto_restriction .title_smsser {
    color: #817cc5;
}

.textto_restriction h3 {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 18px;
}

.textto_restriction p {
    margin-bottom: 20px;
}

.textto_use {
    padding: 90px 0;
    background: #e5f8fd;
}

.textto_use .title_smsser {
    text-align: center;
}

.textto_use .title_smsser span {
    display: block;
    margin-top: 20px;
    color: #3c4147;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 30px;
}

.textto_use .content_box > ul:after {
    content: "";
    display: block;
    clear: both;
}

.textto_use .content_box > ul > li {
    float: left;
    width: 23%;
    margin-left: 2%
}

.textto_use .content_box > ul > li:nth-of-type(4) {
    float: left;
    width: 25%
}

.textto_use .content_box > ul > li:nth-of-type(1) {
    margin-left: 0;
}

.textto_use .content_box > ul > li h3 {
    margin-bottom: 30px;
    padding-top: 175px;
    color: #01baef;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
}

.textto_use .content_box > ul > li h3 em {
    display: block;
    margin-top: 10px;
    color: #3c4147;
    font-size: 17px;
}

.textto_use .content_box > ul > li p {
    margin-bottom: 35px;
}

.textto_use .content_box > ul > li:nth-of-type(1) h3 {
    background: url(/images/doorway/icon_textto1.png) no-repeat center top;
}

.textto_use .content_box > ul > li:nth-of-type(2) h3 {
    background: url(/images/doorway/icon_textto2.png) no-repeat center top;
}

.textto_use .content_box > ul > li:nth-of-type(3) h3 {
    background: url(/images/doorway/icon_textto3.png) no-repeat center top;
}

.textto_use .content_box > ul > li:nth-of-type(4) h3 {
    background: url(/images/doorway/icon_textto4.png) no-repeat center top;
}

.source_box {
    overflow: hidden;
    overflow-x: auto;
    width: 640px;
    margin-bottom: 20px;
    padding: 10px 20px;
    border: solid 1px #ddd;
    border-left: 3px solid #01baef;
}

.source_box pre {
    margin-top: -10px;
    font-size: 14px;
}

.source_box code {
    margin-top: -10px;
    font-size: 14px;
}

.why_mms {
    padding: 70px 0;
    background: #ececf6;
}

.why_mms .title_smsser {
    text-align: center;
}

.mms_iconwrap ul {
    overflow: hidden;
}

.mms_iconwrap ul li {
    float: left;
    width: 20%;
    padding: 206px 0 0 0;
    text-align: center;
}

.mms_iconwrap ul li:nth-of-type(1) {
    background: url(/images/doorway/icon_mms1.png) no-repeat center top;
}

.mms_iconwrap ul li:nth-of-type(2) {
    background: url(/images/doorway/icon_mms2.png) no-repeat center top;
}

.mms_iconwrap ul li:nth-of-type(3) {
    background: url(/images/doorway/icon_mms3.png) no-repeat center top;
}

.mms_iconwrap ul li:nth-of-type(4) {
    background: url(/images/doorway/icon_mms4.png) no-repeat center top;
}

.mms_iconwrap ul li:nth-of-type(5) {
    background: url(/images/doorway/icon_mms5.png) no-repeat center top;
}

.mms_tip {
    padding: 70px 0;
    background: #e5f8fd;
}

.mms_tip .title_smsser {
    margin-bottom: 100px;
    text-align: center;
}

.tip_con {
    position: relative;
    min-height: 503px;
    margin-bottom: 100px;
}

.tip_con > .img_phone {
    position: absolute;
    top: -20px;
    width: 410px;
    text-align: center;
}

.tip_con:nth-of-type(1) {
    padding: 0 0 0 410px;
}

.tip_con:nth-of-type(1) > .img_phone {
    left: 0;
}

.tip_con:nth-of-type(2) {
    padding: 0 410px 0 0;
}

.tip_con:nth-of-type(2) > .img_phone {
    right: 0;
}

.tip_con .tip_text ul li {
    padding: 40px 0 40px 0;
    border-top: dashed 1px #dadedf;
}

.tip_con .tip_text ul li:nth-of-type(1) {
    padding: 0 0 40px 0;
    border-top: none;
}

.tip_con .tip_text ul li h3 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 20px;
}

.tip_con .tip_text ul li p:nth-of-type(1) {
    margin-bottom: 20px;
}

.mms_advfun {
    padding: 70px 0;
    background: #e5f8fd;
}

.mms_advfun .title_smsser {
    margin-bottom: 50px;
    text-align: center;
}

.mms_advfun .title_smsser span {
    display: block;
    margin-top: 20px;
    color: #3c4147;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: .5px;
}

.adv_linelist > li:nth-last-of-type(1) {
    border-bottom: none;
}

.wh_linebox {
    overflow: hidden;
    width: 100%
}

.wh_linebox li {
    float: left;
    width: 18%;
    height: 460px;
    margin-right: 2%;
    padding: 40px 20px;
    border-radius: 5px;
    text-align: center;
    background: #fff;
}

.wh_linebox li > h3 {
    margin-bottom: 10px;
    padding-top: 103px;
    font-weight: 700;
    font-size: 18px;
}

.wh_linebox li:nth-of-type(1) > h3 {
    background: url(/images/doorway/icon_mms8.png) no-repeat center top;
}

.wh_linebox li:nth-of-type(2) > h3 {
    background: url(/images/doorway/icon_mms9.png) no-repeat center top;
}

.wh_linebox li:nth-of-type(3) > h3 {
    background: url(/images/doorway/icon_mms10.png) no-repeat center top;
}

.wh_linebox li:nth-of-type(4) > h3 {
    background: url(/images/doorway/icon_mms11.png) no-repeat center top;
}

.wh_linebox li:nth-of-type(5) > h3 {
    background: url(/images/doorway/icon_mms12.png) no-repeat center top;
}

.marketing_decwrap.vote {
    margin-bottom: 70px;
    padding: 100px 0 30px 0;
    background: #e6f6f6;
}

.sms_matters.vote {
    margin-bottom: 70px;
}

.sms_matters.vote .vote_message {
    padding: 0 0 30px 0;
    text-align: center;
}

.sms_matters.vote h3.matter_conh {
    margin-bottom: 43px;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
}

.sms_matters.vote .matter_con ul li {
    width: 25%;
    padding: 100px 10px 0 10px;
    border: none;
    text-align: center;
    background-position: center top !important;
}

.sms_matters.vote .matter_con ul li h3 {
    font-size: 20px;
}

.sms_matters.vote .matter_con ul li:nth-of-type(1) {
    background: url(/images/doorway/icon_vote1.png) no-repeat left 50px;
}

.sms_matters.vote .matter_con ul li:nth-of-type(2) {
    background: url(/images/doorway/icon_vote2.png) no-repeat left 50px;
}

.sms_matters.vote .matter_con ul li:nth-of-type(3) {
    background: url(/images/doorway/icon_vote3.png) no-repeat left 50px;
}

.sms_matters.vote .matter_con ul li:nth-of-type(4) {
    background: url(/images/doorway/icon_vote4.png) no-repeat left 50px;
}

.vote_biz {
    padding: 100px 0;
    background: #e6f6f6;
}

.vote_biz > .content_box {
    padding: 0 548px 0 0;
}

.vote_biz > .content_box > p {
    padding-top: 50px;
}

.vote_biz > .content_box > p:nth-of-type(1) {
    padding-top: 0;
}

.vote_biz > .content_box > .check_box {
    position: absolute;
    top: 0;
    right: 0;
    width: 480px;
    padding: 30px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 3px 15px 3px rgba(0, 0, 0, .2);
}

.vote_biz > .content_box > .check_box h3 {
    color: #59c3c3;
    font-size: 20px;
}

.vote_biz h3 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 24px;
}

.vote_biz > .content_box > .check_box > ul li {
    margin-top: 25px;
    padding: 0 10px 0 25px;
    background: url(/images/doorway/icon_check.png) no-repeat;
}

.vote_biz > .content_box > .check_box > ul li :nth-of-type(1) {
    margin-top: 0;
}

.vote_biz > .content_box > .check_box > p {
    margin-bottom: 20px;
}

.vote_advan {
    padding: 100px 0;
}

.vote_advan h2 span {
    display: block;
    margin: 20px 0 0 0;
    color: #3c4147;
    font-weight: 400;
    font-size: 16px;
}

.vote_advan ul {
    margin-top: 100px;
}

.vote_advan ul:after {
    content: "";
    display: block;
    clear: both;
}

.vote_advan ul li {
    float: left;
    width: 49%;
    margin-bottom: 25px;
    padding: 0 0 25px 0;
    border-bottom: dashed 2px #ccc;
}

.vote_advan ul li:nth-of-type(odd) {
    margin-right: 1%
}

.vote_advan ul li:nth-of-type(even) {
    margin-left: 1%
}

.vote_advan ul li h3 {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 20px;
}

.vote_advan1 {
    padding: 100px 0;
    background: #e6f6f6;
}

.vote_advan1 h2 {
    margin-bottom: 10px;
    color: #59c3c3;
    font-weight: 700;
    font-size: 30px;
}

.vote_advan1 ul.advanlist {
    margin-top: 0;
}

.vote_advan1 ul.advanlist:after {
    content: "";
    display: block;
    clear: both;
}

.vote_advan1 ul.advanlist > li {
    float: left;
    width: 25%;
    height: 533px;
    padding: 0 20px;
    border-left: solid 1px #59c3c3;
}

.vote_advan1 ul.advanlist > li:nth-of-type(1) {
    border-left: none;
}

.vote_advan1 ul.advanlist > li > p {
    margin-bottom: 20px;
}

.main_roll .title_smsser {
    padding-top: 50px;
    text-align: center;
}

.sms_make .content_box .sms_makelist ul li strong {
    display: block;
    font-weight: 700;
}

.car_sms {
    line-height: 32px;
}

.top_banner {
    position: relative;
    background: url(/images/doorway/car_bg2.jpg) no-repeat right bottom #01baef;
}

.top_banner > h1 {
    width: 1180px;
    margin: 0 auto;
    padding: 88px 0 0 0;
    color: #fff;
    font-weight: 700;
    font-size: 50px;
    text-shadow: 4px 2px 2px rgba(0, 0, 0, .2);
    line-height: 60px;
    background: url(/images/doorway/icon_car.png) no-repeat left top;
}

.sub .car_tith1 {
    margin-bottom: 40px;
    color: var(--tit-color);
    font-weight: 600;
    font-size: 35px;
    text-align: center;
    line-height: 39px;
}

.car_tith1 span {
    display: block;
    margin-top: 30px;
    color: #536170;
    font-weight: 400;
    font-size: 16px;
}

.car_section {
    padding: 80px 0;
}

.car_sms .main_roll.car_section {
    padding: 0;
}
.sell_more .car_tith1 {
    text-align: left;
}

.sell_more > .content_box > p {
    margin-top: 25px;
}

.sell_more > .content_box > p:nth-of-type(1) {
    margin-top: 0;
}

.par_engage:after {
    content: "";
    display: block;
    clear: both;
}

.par_engage > div {
    float: left;
    width: 50%
}

.par_engage > div:nth-of-type(1) {
    padding-right: 2%
}

.par_engage > div:nth-of-type(2) {
    padding-left: 2%
}

.food_section .par_engage > div:nth-of-type(1) {
    padding-right: 4%
}

.food_section .par_engage > div:nth-of-type(2) {
    padding-left: 4%
}

.sub .car_sendsms {
    padding: 100px 0;
    background: url('/images/doorway/bg_cardec.png') no-repeat center center #ececf6;
}

.car_sendsms > .content_box > p {
    margin-top: 25px;
    padding: 0 30px;
    text-align: center;
}

.life_car .content_box {
    text-align: center;
}

.sub .life_car .content_box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: -10px;
}

.sub .life_car .content_box ul li {
    
    vertical-align: top;
    width: 290px;
    height: 218px;
    margin: 0 0 10px 12px;
    padding: 22px 28px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0px 10px 20px 0px rgba(5, 16, 35, 14%);
}
.sub .life_car .content_box ul li:nth-child(1){
    margin-left: 0;
}
.sub .life_car .content_box ul li:nth-child(5),
.sub .life_car .content_box ul li:nth-child(6),
.sub .life_car .content_box ul li:nth-child(7){
    margin-top: 20px;
}
.sub .life_car .content_box ul li span {
    display: block;
    line-height: 1.7;
}

.sub .life_car .content_box ul li strong {
    display: inline-block;
    margin-bottom: 5px;
    color: var(--tit-color);
    font-weight: 600;
    font-size: 22px;
}

.fitness .top_banner {
    background: url(/images/doorway/bg_fitness.png) no-repeat right bottom #01baef;
}

.fitness .top_banner > h1 {
    background: url(/images/doorway/icon_fitness.png) no-repeat left top;
}

.fitness .main_roll.car_section {
    padding: 0;
}

.fitness .sell_more > .content_box {
    padding: 0 410px 0 0;
}

.fitness .sell_more > .content_box:after {
    top: -50px;
    right: -70px;
    height: 517px;
    background: url(/images/doorway/fitness_bg1.png) no-repeat;
}

.fitness .sms_usedfitness > .content_box {
    padding: 0 0 0 460px;
}

.fitness .sms_usedfitness > .content_box .car_tith1 {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 35px;
    text-align: left;
    line-height: 43px;
}

.fitness .sms_usedfitness > .content_box .used_fitnesslist li {
    margin-bottom: 20px;
    padding: 20px 0 0 0;
    border-top: dashed 1px #ebebeb;
}

.fitness .sms_usedfitness > .content_box .used_fitnesslist li:nth-of-type(1) {
    padding: 0;
    border: none;
}

.fitness .sms_usedfitness > .content_box .used_fitnesslist li strong {
    display: block;
    margin-bottom: 5px;
}

.fitness .car_sendsms {
    background: #ececf6;
}

.fitness .life_car {
    background: #e6f6f6;
}

.fitness .life_car .content_box ul li {
    width: 300px;
    height: 300px;
    margin: 0 0 40px 26px;
}

.fitness .life_car .content_box ul li:nth-of-type(3n+1) {
    margin-left: 0;
}

.fitness .life_car .content_box ul {
    margin-top: 50px;
}

.fitness .par_engage {
    line-height: 32px;
}

.fitness .more_advantage {
    background: 0 0;
}

.emailguide_wrap {
    padding: 0 0 100px 0;
}

.emailguide_wrap .content_box {
    padding: 0 100px 0 100px;
}

.table_roundbox {
    overflow: hidden;
    width: 100%;
    padding-top: 75px;
    border-radius: 5px;
}

.table_tit {
    padding: 13px 0;
    color: #fff;
    font-weight: 700;
    text-align: center;
}

.table_tit.green {
    background: #59c3c3;
}

.table_tit.purple {
    background: #817dc5;
}

.email_table1 {
    width: 100%;
    border: solid 1px #e1e1e1;
    border-radius: 0 0 5px 5px;
}

.email_table1 td {
    vertical-align: top;
    padding: 22px 50px;
    border-bottom: solid 1px #e1e1e1;
    text-align: center;
}

.email_table1 tr:nth-last-of-type(1) td {
    border-bottom: none;
}

.email_table1 td .tableinlist {
    text-align: left;
}

.email_table1 td.leftline {
    border-left: solid 1px #e1e1e1;
}

.email_table1 td .tableinlist > h3 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 700;
}

.email_table1 td .tableinlist > h3 span {
    display: inline-block;
    padding-right: 40px;
    background: url(/images/emailguide/icon_check.png) no-repeat right center;
}

.email_table1 td .tableinlist > h3.not span {
    background: url(/images/emailguide/icon_x.png) no-repeat right center;
}

.email_table1 td .tableinlist .bullet_list li {
    margin-bottom: 10px;
}

.email_table2 {
    width: 100%;
    border: solid 1px #e1e1e1;
    border-radius: 0 0 5px 5px;
}

.email_table2 thead th {
    padding: 10px 0;
    border-bottom: solid 2px #e1e1e1;
    border-left: solid 2px #b7b7b7;
    text-align: center;
    background: #e6e5f3;
}

.email_table2 thead th:nth-of-type(1) {
    border-left: none;
}

.email_table2 tbody td {
    padding: 10px;
    border-bottom: solid 1px #e1e1e1;
    border-left: solid 1px #e1e1e1;
    text-align: center;
}

.email_table2 tbody td.bg_gray {
    background: #ebebeb;
}

.email_table2 tbody td:nth-of-type(1) {
    border-left: none;
    text-align: left;
}

.email_table2 tbody td:nth-of-type(2),
.email_table2 tbody td:nth-of-type(5) {
    border-left: solid 2px #b7b7b7;
}

.email_table2 tbody tr:nth-last-of-type(1) td {
    border-bottom: none;
}

.email_table2 .check {
    display: inline-block;
    vertical-align: center;
    width: 18px;
    height: 18px;
    background: url(/images/emailguide/icon_check.png) no-repeat;
}

.email_table2 .x {
    display: inline-block;
    vertical-align: center;
    width: 13px;
    height: 13px;
    background: url(/images/emailguide/icon_x.png) no-repeat;
}

.food_sms {
    line-height: 32px;
}

.food_section {
    padding: 100px 0;
}

.food_section.top_banner {
    background: url(/images/doorway/bg_food.png) no-repeat right bottom #01baef;
}

.food_section.top_banner > h1 {
    background: url(/images/doorway/icon_food.png) no-repeat left top;
}

.food_section.sell_more > .content_box:after {
    top: 60px;
    height: 497px;
    background: url(/images/doorway/food_phone.png) no-repeat;
}

.food_section.car_sendsms {
    background: #fff;
}

.food_section.engage_car {
    background: #ececf6;
}

.food_section.life_car .content_box ul li {
    width: 305px;
    height: 305px;
}

.food_section.life_car .content_box ul li:nth-of-type(3n+1) {
    margin-left: 0;
}

.food_section.life_car .content_box ul li:nth-of-type(5) {
    margin: 0 0 40px 26px;
}

.hr_sms {
    line-height: 32px;
}

.hr_section {
    padding: 80px 0;
}

.main_roll.hr_section {
    padding: 0 80px;
}

.hr_section.top_banner {
    background: url(/images/doorway/bg_hr.png) no-repeat right bottom #01baef;
}

.hr_section.top_banner > h1 {
    background: url(/images/doorway/icon_hr.png) no-repeat left top;
}

.hr_communication {
    background: #e5f8fd;
}

.hr_communication .content_box:after {
    content: "";
    display: block;
    position: absolute;
    top: 80px;
    right: 0;
    width: 562px;
    height: 615px;
    background: url(/images/doorway/hr_phone.png) no-repeat 30px top;
    background-size: 562px 615px;
}

.hr_communication .content_box > h1 {
    text-align: center;
}

.hr_communication .content_box > div {
    padding: 0 590px 0 0;
}

.hr_communication .content_box > div > h2 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
}

.hr_communication .content_box .bullet_list {
    margin: 30px 0;
}

.hr_communication .content_box .bullet_list li {
    margin-bottom: 0;
}

.hr_communication .content_box .bullet_list li:after {
    top: 12px;
}

.text_recruit .content_box {
    position: relative;
    padding: 0 0 0 500px;
}

.text_recruit .text_recruitdec {
    position: absolute;
    top: 0;
    left: 0;
    width: 500px;
    padding: 0 100px 0 0;
}

.text_recruit .text_recruitdec > h1 {
    text-align: left;
}

.text_recruit .text_recruitdec > p {
    margin-top: 30px;
}

.text_recruit .text_recruitdec > p:nth-of-type(1) {
    margin-top: 30px;
}

.text_recruit .textre_list p {
    margin-bottom: 25px;
}

.text_recruit .textre_list ul li {
    position: relative;
    margin-top: 35px;
    padding: 0 0 35px 70px;
    border-bottom: dashed 2px #efefef;
}

.text_recruit .textre_list ul li em {
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    color: #59c3c3;
    font-weight: 700;
    font-size: 40px;
}

.text_recruit .textre_list ul li:nth-of-type(1) {
    margin-top: 0;
}

.hr_use {
    background: #e6f6f6;
}

.hr_use > .content_box {
    padding: 0 100px;
    background: url(/images/doorway/bg_hr1.png) no-repeat center center;
}

.hr_use > .content_box > p {
    margin-top: 30px;
    text-align: center;
}

.life_car.hr_section {
    background: #ececf6;
}

.life_car.hr_section .content_box ul li {
    width: 310px;
    height: 330px;
    margin-left: 26px !important;
}

.life_car .content_box ul li strong {
    margin-bottom: 20px;
}

.sales_section {
    padding: 100px 0;
}

.sales_section.main_roll {
    margin-bottom: 0;
    padding: 0 0 100px 0;
}

.sales_section.top_banner {
    background: url(/images/doorway/bg_sales.png) no-repeat right bottom #01baef;
}

.sales_section.top_banner > h1 {
    background: url(/images/doorway/icon_sales.png) no-repeat left top;
}

.why_sales {
    background: #e5f8fd;
}

.why_sales .whylist {
    margin: 0 100px;
}

.why_sales .whylist:after {
    content: "";
    display: block;
    clear: both;
}

.why_sales .whylist li {
    position: relative;
    padding: 40px 0 40px 150px;
    border-top: dashed 2px #ccc;
}

.why_sales .whylist li:first-child {
    padding: 0 0 40px 150px;
    border-top: none;
}

.why_sales .whylist li:nth-last-of-type(1) {
    padding: 40px 0 0 150px;
}

.why_sales .whylist li:first-child:after {
    top: 10px;
}

.why_sales .whylist li:after {
    content: "";
    display: block;
    position: absolute;
    top: 50px;
    left: 26px;
    width: 100px;
    height: 100px;
}

.why_sales .whylist li:nth-of-type(1):after {
    background: url(/images/doorway/icon_saleswhy1.png) no-repeat left top;
}

.why_sales .whylist li:nth-of-type(2):after {
    background: url(/images/doorway/icon_saleswhy2.png) no-repeat left top;
}

.why_sales .whylist li:nth-of-type(3):after {
    background: url(/images/doorway/icon_saleswhy3.png) no-repeat left top;
}

.why_sales .whylist li:nth-of-type(4):after {
    background: url(/images/doorway/icon_saleswhy4.png) no-repeat left top;
}

.why_sales .whylist li:nth-of-type(5):after {
    background: url(/images/doorway/icon_saleswhy5.png) no-repeat left top;
}

.why_sales .whylist li strong {
    display: block;
}

.follow_sale .follow_con {
    padding-right: 380px;
}

.follow_sale .content_box:after {
    content: "";
    display: block;
    position: absolute;
    right: 80px;
    bottom: -100px;
    width: 380px;
    height: 390px;
    background: url(/images/doorway/sales_phone.png) no-repeat right bottom;
}

.follow_sale .follow_con .car_tith1 {
    text-align: left;
}

.integrate_sales {
    background: #e6f6f6;
}

.follow_sale .follow_con,
.integrate_sales .integrate_con {
    margin: 0 100px;
}

.integrate_sales .integrate_con > p,
.sales_morecon > div > p {
    margin-top: 30px;
    text-align: center;
}

.integrate_sales .integrate_con > p:first-child,
.sales_morecon > div > p:first-child {
    margin-top: 0;
}

.sales_morecon > div {
    float: left;
    width: 50%;
    padding: 0 40px;
}

.sales_morecon:after {
    content: "";
    display: block;
    clear: both;
}

.sales_smsmessaging {
    background: #ececf6;
}

.sales_smsmessaging:after {
    content: "";
    display: block;
    clear: both;
}

.sales_smsmessaging .car_tith1,
.why_sales .car_tith1 {
    margin-bottom: 60px;
}

.smsmessaging > div {
    float: left;
    width: 50%;
    padding: 0 40px;
}

.medical_section {
    padding: 80px 0;
}

.medical_section.top_banner {
    background: url(/images/doorway/bg_medical.png) no-repeat right bottom #01baef;
}

.medical_section.top_banner > h1 {
    background: url(/images/doorway/icon_medical.png) no-repeat left top;
}

.main_roll.medical_section {
    padding: 0;
}

.medical_can {
    background: #e5f8fd;
}

.medical_can .content_box > div > ul > li {
    position: relative;
    margin-top: 50px;
}

.medical_can .content_box > div > ul > li:nth-of-type(1) {
    margin-top: 0;
}

.medical_can .content_box > div > ul > li strong {
    display: block;
    margin-bottom: 20px;
}

.medical_can .content_box > div > ul > li p {
    margin-top: 20px;
}

.medical_can .content_box > div > ul > li p:first-child {
    margin-top: 0;
}

.medical_can .content_box > div > ul > li:nth-of-type(odd) {
    padding: 0 0 0 340px;
}

.medical_can .content_box > div > ul > li:nth-of-type(even) {
    padding: 0 340px 0 0;
}

.medical_can .content_box > div > ul > li:nth-of-type(1) {
    background: url(/images/doorway/icon_medical1.png) no-repeat left top;
}

.medical_can .content_box > div > ul > li:nth-of-type(2) {
    background: url(/images/doorway/icon_medical2.png) no-repeat right top;
}

.medical_can .content_box > div > ul > li:nth-of-type(3) {
    background: url(/images/doorway/icon_medical3.png) no-repeat left top;
}

.medical_can .content_box > div > ul > li > .bullet_list {
    margin-top: 10px;
}

.medical_can .content_box > div > ul > li > .bullet_list > li {
    margin-bottom: 0;
}

.medical_can .content_box > div > ul > li > .bullet_list > li:after {
    top: 12px;
}

.wh_numbox {
    margin-top: 80px;
}

.wh_numbox > ul > li {
    float: left;
    width: 33.3%;
    padding: 0 28px;
}

.wh_numbox > ul:after {
    content: "";
    display: block;
    clear: both;
}

.wh_numbox > ul > li > div {
    width: 100%;
    height: 393px;
    padding: 23px;
    border-radius: 10px;
    text-align: center;
    background: #fff;
    box-shadow: 3px 5px 8px 5px rgba(0, 0, 0, .2);
}

.wh_numbox > ul > li > div > em {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-bottom: 30px;
    border-radius: 50%;
    color: #fff;
    font-weight: 700;
    line-height: 38px;
    background: #01baef;
}

.wh_numbox > ul > li > div > strong {
    display: block;
    margin-bottom: 20px;
}

.medical_compliance {
    background: #ececf6;
}

.medical_compliance .compliance_par {
    padding: 0 100px;
    text-align: center;
}

.medical_compliance .compliance_par > p {
    margin-top: 40px;
    padding: 50px 0 0 0;
    border-top: solid 1px #ccc;
    font-size: 13px;
}

.medical_compliance .compliance_par > p strong {
    display: block;
}

.nonprofit_section {
    padding: 80px 0;
}

.main_roll.nonprofit_section {
    padding: 0;
}

.nonprofit_section.top_banner {
    background: url(/images/doorway/bg_nonprofit.png) no-repeat right bottom #01baef;
}

.nonprofit_section.top_banner > h1 {
    background: url(/images/doorway/icon_nonprofit.png) no-repeat left top;
}

.nonprofit_can {
    background: #e5f8fd;
}

.nonprofit_can .content_box > div {
    position: relative;
    padding: 0 410px 0 0;
}

.nonprofit_can .content_box > div:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 327px;
    height: 575px;
    background: url(/images/doorway/bg_nonprofitphone.png) no-repeat left top;
}

.nonprofit_can .content_box > div > ul > li {
    padding: 30px 0;
    border-top: dashed 2px #d1d5d6;
}

.nonprofit_can .content_box > div > ul > li:nth-of-type(1) {
    padding: 0 0 30px 0;
    border: none;
}

.nonprofit_conlist .content_box > ul > li {
    position: relative;
    margin-top: 50px;
}

.nonprofit_conlist .content_box > ul > li:nth-of-type(1) {
    margin-top: 0;
}

.nonprofit_conlist .content_box > ul > li > h2 {
    margin-bottom: 25px;
    color: #01baef;
    font-weight: 700;
    font-size: 35px;
}

.nonprofit_conlist .content_box > ul > li > p {
    margin-top: 20px;
}

.nonprofit_conlist .content_box > ul > li > p:nth-of-type(1) {
    margin-top: 0;
}

.nonprofit_conlist .content_box > ul > li:nth-of-type(odd) {
    padding-left: 400px;
}

.nonprofit_conlist .content_box > ul > li:nth-of-type(even) {
    padding-right: 400px;
}

.nonprofit_conlist .content_box > ul > li:nth-of-type(1) {
    background: url(/images/doorway/bg_nonprofit1.png) no-repeat left top;
}

.nonprofit_conlist .content_box > ul > li:nth-of-type(2) {
    background: url(/images/doorway/bg_nonprofit2.png) no-repeat right top;
}

.nonprofit_conlist .content_box > ul > li:nth-of-type(3) {
    background: url(/images/doorway/bg_nonprofit3.png) no-repeat left top;
}

.nonprofit_action {
    background: #ececf6;
}

.nonprofit_action .nonprofit_text p:nth-of-type(1) {
    margin-bottom: 40px;
    padding-left: 280px;
    background: url(/images/doorway/bg_nonprofit4.png) no-repeat left top;
}

.nonprofit_action .nonprofit_text p > em {
    display: block;
    font-weight: 700;
    font-size: 16px;
    font-style: italic;
    text-align: center;
}

.nonprofit_action .nonprofit_text p > span {
    display: block;
    text-align: center;
}

.nonprofit_section .wh_numbox > ul > li > div {
    height: 294px;
}

.nonprofit_section .wh_numbox > ul > li {
    padding: 0 28px 52px 28px;
}

.accounting.top_banner {
    background: url(/images/doorway/bg_accounting.png) no-repeat right bottom #01baef;
}

.accounting.top_banner > h1 {
    background: url(/images/doorway/icon_accounting.png) no-repeat left top;
}

.use_accounting {
    background: #e5f8fd;
}

.use_acclist ul:after {
    content: "";
    display: block;
    clear: both;
}

.use_acclist ul li {
    float: left;
    width: calc(50% - 30px);
    padding: 30px 0;
    border-bottom: dashed 1px #d2dbde;
}

.use_acclist ul li:nth-of-type(odd) {
    margin-right: 30px;
}

.use_acclist ul li:nth-of-type(even) {
    margin-left: 30px;
}

.use_acclist ul li:nth-of-type(1),
.use_acclist ul li:nth-of-type(2) {
    border-top: none;
}

.use_acclist ul li:nth-last-of-type(1) {
    border-bottom: none;
}

.accounting_improve .content_box {
    padding: 0 585px 0 90px;
}

.accounting_improve .car_tith1 {
    text-align: left;
    line-height: 42px;
}

.accounting_improve > .content_box:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 562px;
    height: 477px;
    background: url(/images/doorway/accounting_phone.png) no-repeat;
}

.accounting_increase {
    background: #ececf6;
}

.accounting_increase .content_box > p {
    margin-top: 30px;
    padding: 0 110px;
    text-align: center;
}

.accounting_increase .content_box > p:nth-of-type(1) {
    margin-top: 0;
}

.accounting_tighten > .content_box {
    padding: 0 0 0 500px;
}

.accounting_tighten > .content_box .car_tith1 {
    text-align: left;
    line-height: 42px;
}

.accounting_tighten > .content_box:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 435px;
    height: 356px;
    background: url(/images/doorway/bg_accounting1.png) no-repeat;
}

.accounting_increase.green {
    background: #e6f6f6;
}

.accounting_increase.white {
    background: #fff;
}

.accounting_provide .content_box:after {
    content: "";
    display: block;
    clear: both;
}

.accounting_provide .content_box > div {
    float: left;
    width: calc(50% - 15px);
}

.accounting_provide .content_box > div:nth-of-type(odd) {
    margin-right: 15px;
    padding-left: 90px;
}

.accounting_provide .content_box > div:nth-of-type(even) {
    margin-left: 15px;
    padding-right: 90px;
}

.accounting_keep {
    background: #e5f8fd;
}

.accounting_keep .car_tith1 {
    text-align: left;
}

.accounting_keep > .content_box {
    padding: 0 466px 0 0;
}

.accounting_keep > .content_box p:nth-of-type(2) {
    margin-top: 30px;
}

.accounting_keep > .content_box:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 402px;
    height: 349px;
    background: url(/images/doorway/bg_accounting2.png) no-repeat;
}

.life_car.accounting {
    background: #ececf6;
}

.life_car.accounting .content_box ul li {
    width: 310px;
    height: 305px;
    padding: 23px 30px;
}

.life_car.accounting .content_box ul li:nth-of-type(4) {
    margin-left: 0;
}

.life_car.accounting .content_box ul li:nth-of-type(5) {
    margin-left: 26px;
}

.life_car.accounting .car_tith1 {
    margin-bottom: 60px;
}

.political {
    line-height: 32px;
}

.political .top_banner {
    background: url(/images/doorway/bg_political.png) no-repeat right bottom #01baef;
}

.political .top_banner > h1 {
    background: url(/images/doorway/icon_political.png) no-repeat left top;
}

.political .car_section.main_roll {
    margin-bottom: 0;
}

.political article + .main_roll.car_section {
    padding-top: 0;
}

.political .sell_more > .content_box {
    padding: 0 410px 0 100px;
}

.political .sell_more > .content_box:after {
    top: 40px;
    width: 286px;
    height: 576px;
    background: url(/images/doorway/political_phone.png) no-repeat;
    background-size: 286px 576px;
}

.political .channel > .content_box > div {
    position: relative;
    margin: 0 100px;
    padding: 0 0 0 327px;
}

.political .channel > .content_box > div:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 280px;
    height: 240px;
    background: url(/images/doorway/img_political1.png) no-repeat;
}

.political .channel > .content_box > div > p {
    margin-top: 25px;
}

.political .channel > .content_box > div > p:nth-of-type(1) {
    margin-top: 0;
}

.political .car_sendsms {
    background-image: none;
}

.political .life_car .content_box ul li {
    width: 301px;
    height: 308px;
}

.political .life_car .content_box ul li:nth-of-type(3n+1) {
    margin-left: 0;
}

.political .life_car .content_box ul li:nth-of-type(5) {
    margin: 0 0 40px 26px;
}

.customer .top_banner {
    background: url(/images/doorway/bg_customer.png) no-repeat right bottom #01baef;
}

.customer .top_banner > h1 {
    background: url(/images/doorway/icon_customer.png) no-repeat left top;
}

.customer .car_section.main_roll {
    margin-bottom: 0;
}

.customer .life_car .content_box ul li {
    width: 301px;
    height: 308px;
}

.customer .life_car .content_box ul li:nth-of-type(3n+1) {
    margin-left: 0;
}

.customer .life_car .content_box ul li:nth-of-type(5) {
    margin: 0 0 40px 26px;
}

.customer_usecase {
    background: #e5f8fd;
}

.customer_usecase ul:after {
    content: "";
    display: block;
    clear: both;
}

.customer_usecase ul li {
    float: left;
    width: calc(50% - 25px);
    height: 190px;
    padding: 40px 0;
    border-bottom: dashed 2px #c9cdce;
}

.customer_usecase ul li strong {
    display: block;
    margin-bottom: 10px;
}

.customer_usecase ul li:nth-of-type(odd) {
    margin-right: 25px;
}

.customer_usecase ul li:nth-of-type(even) {
    margin-left: 25px;
}

.customer_usecase ul li:nth-last-of-type(1) {
    border-bottom: none;
}

.car_tith1 span {
    line-height: 28px;
}

.customer_help .content_box > div > ul > li {
    padding: 70px 0 50px 0;
    border-top: dashed 2px #e1e1e1;
}

.customer_help .content_box > div > ul > li:nth-of-type(1) {
    border-top: none;
}

.customer_help .content_box > div > ul > li:nth-of-type(odd) {
    padding-right: 450px;
}

.customer_help .content_box > div > ul > li:nth-of-type(even) {
    padding-left: 480px;
}

.customer_help .content_box > div > ul > li > strong {
    display: block;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 24px;
}

.customer_help .content_box > div > ul > li:nth-of-type(1) {
    background: url(/images/doorway/img_customer1.png) no-repeat right 50px;
}

.customer_help .content_box > div > ul > li:nth-of-type(2) {
    background: url(/images/doorway/img_customer2.png) no-repeat left 50px;
}

.customer_help .content_box > div > ul > li:nth-of-type(3) {
    background: url(/images/doorway/img_customer3.png) no-repeat right 50px;
}

.customer_help .content_box > div > ul > li:nth-of-type(4) {
    background: url(/images/doorway/img_customer4.png) no-repeat left 50px;
}

.customer_help .content_box > div > ul > li:nth-of-type(5) {
    background: url(/images/doorway/img_customer5.png) no-repeat right 50px;
}

.customer .car_sendsms {
    background: url(/images/doorway/img_customer6.png) no-repeat center center #ececf6;
}

.financial.top_banner > h1 {
    background: url(/images/doorway/icon_financial.png) no-repeat left top;
}

.financial.top_banner {
    background: url(/images/doorway/bg_financial.png) no-repeat right bottom #01baef;
}

.financial.accounting_tighten > .content_box:before {
    background: url(/images/doorway/bg_financial1.png) no-repeat;
}

.financial.accounting_keep > .content_box:before {
    width: 300px;
    height: 315px;
    background: url(/images/doorway/bg_financial2.png) no-repeat;
}

.financial.accounting_keep > .content_box {
    padding: 0 326px 0 0;
}

.financial.accounting_keep {
    background: #e6f6f6;
}

.financial.accounting_increase {
    background: #e5f8fd;
}

.financial_action p {
    margin-top: 20px;
}

.financial_action .action_img {
    position: relative;
    padding: 0 0 0 305px;
}

.financial_action .action_img p {
    margin: 0;
}

.financial_action .action_img:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 267px;
    height: 100px;
    background: url(/images/doorway/bg_financial3.png) no-repeat;
}

.life_car.accounting .content_box ul li:nth-of-type(3n+1) {
    margin-left: 0;
}

.property.top_banner {
    background: url(/images/doorway/bg_property.png) no-repeat right bottom #01baef;
}

.property.top_banner > h1 {
    background: url(/images/doorway/icon_property.png) no-repeat left top;
}

.property .use_acclist ul li {
    min-height: 221px;
}

.property.use_accounting {
    padding: 80px 0 0 0;
}

.property.accounting_keep,
.property.life_car.accounting {
    background: #fff;
}

.property.accounting_keep > .content_box:before {
    width: 498px;
    height: 319px;
    background: url(/images/doorway/img_property1.png) no-repeat;
}

.property.accounting_keep > .content_box {
    padding: 0 600px 0 80px;
}

.property.accounting_increase {
    background: #e6f6f6;
}

.property.accounting_increase.purple {
    background: #ececf6;
}

.property.accounting_tighten > .content_box {
    padding: 0 90px 0 590px;
}

.property.accounting_tighten > .content_box:before {
    left: 90px;
    width: 435px;
    height: 306px;
    background: url(/images/doorway/img_property2.png) no-repeat 0 top;
}

.real.top_banner {
    background: url(/images/doorway/bg_real.png) no-repeat right bottom #01baef;
}

.real.top_banner > h1 {
    background: url(/images/doorway/icon_real.png) no-repeat left top;
}

.real.property.accounting_keep > .content_box:before {
    background: url(/images/doorway/img_real1.png) no-repeat left top;
}

.retail.top_banner {
    background: url(/images/doorway/bg_retail.png) no-repeat right bottom #01baef;
}

.retail.top_banner > h1 {
    background: url(/images/doorway/icon_retail.png) no-repeat left top;
}

.retail.customer_help .content_box > div > ul > li:nth-of-type(odd) {
    padding: 70px 0 50px 450px;
}

.retail.customer_help .content_box > div > ul > li:nth-of-type(even) {
    padding: 70px 450px 50px 0;
}

.retail.customer_help .content_box > div > ul > li:nth-of-type(1) {
    background: url(/images/doorway/img_retail1.png) no-repeat left 80px;
}

.retail.customer_help .content_box > div > ul > li:nth-of-type(2) {
    background: url(/images/doorway/img_retail2.png) no-repeat right 80px;
}

.retail.customer_help .content_box > div > ul > li:nth-of-type(3) {
    background: url(/images/doorway/img_retail3.png) no-repeat left 80px;
}

.retail.customer_help .content_box > div > ul > li:nth-of-type(4) {
    background: url(/images/doorway/img_retail4.png) no-repeat right 80px;
}

.retail.customer_help .content_box > div > ul > li:nth-of-type(5) {
    background: url(/images/doorway/img_retail5.png) no-repeat left 80px;
}

.retail.customer_help .content_box > div > ul > li:nth-of-type(6) {
    background: url(/images/doorway/img_retail6.png) no-repeat right 80px;
}

.staffing.top_banner {
    background: url(/images/doorway/bg_staffing.png) no-repeat right bottom #01baef;
}

.staffing.top_banner > h1 {
    background: url(/images/doorway/icon_staffing.png) no-repeat left top;
}

.staffing_textbox .staffing_img {
    position: relative;
    padding: 0 0 0 502px;
}

.staffing_textbox .staffing_img .car_tith1 {
    font-size: 35px;
    text-align: left;
}

.staffing_textbox .staffing_img:before {
    content: "";
    display: block;
    left: 0;
    width: 435px;
    height: 395px;
    background: url(/images/doorway/img_staffing1.png) no-repeat;
}

.staffing_textbox .staffing_img p {
    margin-top: 30px;
}

.staffing_textbox .staffing_img p:nth-of-type(1) {
    margin-top: 0;
}

.stay_textbox {
    background: #e6f6f6;
}

.stay_textbox .stay_img {
    position: relative;
    padding: 0 335px 0 0;
}

.stay_textbox .stay_img:before {
    content: "";
    display: block;
    right: 0;
    width: 300px;
    height: 315px;
    background: url(/images/doorway/img_staffing2.png) no-repeat;
}

.save_textbox .save_float {
    padding: 0 80px;
}

.save_textbox .save_float:after {
    content: "";
    display: block;
    clear: both;
}

.save_textbox .save_float > div {
    float: left;
    width: calc(50% - 10px);
}

.save_textbox .save_float > div:nth-of-type(1) {
    margin-right: 10px;
}

.save_textbox .save_float > div:nth-of-type(2) {
    margin-left: 10px;
}

.accounting_increase .content_box > p {
    padding: 0 80px;
}

.integrate .integratein {
    padding: 0 444px 0 0;
}

.integrate .integratein:before {
    content: "";
    display: block;
    right: 0;
    width: 435px;
    height: 395px;
    background: url(/images/doorway/img_staffing3.png) no-repeat;
}

.integrate .integratein:before,
.staffing_textbox .staffing_img:before,
.stay_textbox .stay_img:before {
    position: absolute;
    top: 0;
}

.club.top_banner {
    background: url(/images/doorway/bg_club.png) no-repeat right bottom #01baef;
}

.club.top_banner > h1 {
    background: url(/images/doorway/icon_club.png) no-repeat left top;
}

.club.property .use_acclist ul li {
    width: calc(50% - 20px);
    min-height: 84px;
    padding: 20px 0;
    border-top: none;
    border-bottom: dashed 1px #d2dbde;
    font-size: 15px;
}

.club.property .use_acclist ul li:nth-last-of-type(1) {
    border-bottom: none;
}

.club.property .use_acclist ul li:nth-of-type(even) {
    margin-left: 20px;
}

.club.property .use_acclist ul li:nth-of-type(odd) {
    margin-right: 20px;
}

.club.property.use_accounting {
    padding: 80px 0;
}

.club_phone .phone_box {
    position: relative;
    padding: 0 512px 0 0;
}

.club_phone .phone_box .car_tith1 {
    text-align: left;
}

.club_phone .phone_box p {
    margin-top: 30px;
}

.club_phone .phone_box p:nth-of-type(1) {
    margin-top: 0;
}

.club_phone .phone_box:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 527px;
    height: 466px;
    background: url(/images/doorway/img_club1.png) no-repeat;
}

.club_rightimg {
    position: relative;
    padding: 0 334px 0 0;
}

.club_rightimg .car_tith1 {
    text-align: left;
}

.club_rightimg:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 280px;
    height: 466px;
    background: url(/images/doorway/img_club2.png) no-repeat;
}

.club_leftimg {
    padding: 0 0 0 435px;
}

.club_leftimg .car_tith1 {
    text-align: left;
}

.club_leftimg:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 380px;
    height: 260px;
    background: url(/images/doorway/img_club3.png) no-repeat;
}

.accounting_increase.sky {
    background: #e5f8fd;
}

.club_rightimg.guest {
    position: relative;
    padding: 0 450px 0 0;
}

.club_rightimg.guest:before {
    position: absolute;
    top: 0;
    right: 0;
    width: 380px;
    height: 280px;
    background: url(/images/doorway/img_club4.png) no-repeat;
}

.club_rightimg.guest p {
    margin-top: 20px;
}

.club_rightimg.guest p:nth-of-type(1) {
    margin-top: 0;
}

.higher.top_banner > h1 {
    background: url(/images/doorway/icon_higher.png) no-repeat left top;
}

.higher.top_banner {
    background: url(/images/doorway/bg_higher.png) no-repeat right bottom #01baef;
}

.higher.club_phone .phone_box:before {
    background: url(/images/doorway/higher_phone.png) no-repeat;
}

.higer_con {
    position: relative;
    padding-left: 478px;
}

.higer_con h1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 370px;
    text-align: left;
}

.higer_con .num_list > li {
    padding-top: 30px;
    padding-left: 50px;
    border-top: dashed 2px #c2c2c2;
}

.higer_con .num_list > li:nth-of-type(1) {
    border-top: none;
}

.higer_con .num_list > li em {
    top: 37px;
    color: #817dc5;
    font-weight: 700;
    font-size: 30px;
}

.club_rightimg.guest.higher:before {
    background: url(/images/doorway/img_higher1.png) no-repeat;
}

.insurance.top_banner {
    background: url(/images/doorway/bg_insurance.png) no-repeat right bottom #01baef;
}

.insurance.top_banner > h1 {
    background: url(/images/doorway/icon_insurance.png) no-repeat left top;
}

.insurance.club_phone .phone_box:before {
    background: url(/images/doorway/insurance_phone.png) no-repeat;
}

.insurance.club_leftimg:before {
    width: 402px;
    height: 452px;
    background: url(/images/doorway/insurance_img1.png) no-repeat;
}

.insurance.club_leftimg p {
    margin-top: 20px;
}

.insurance.club_leftimg p:nth-of-type(1) {
    margin-top: 0;
}

.club_rightimg.insurance {
    padding: 0 420px 0 0;
}

.club_rightimg.insurance {
    padding: 0 425px 0 0;
}

.club_rightimg.insurance p {
    margin-top: 20px;
}

.club_rightimg.insurance p:nth-of-type(1) {
    margin-top: 0;
}

.club_rightimg.insurance:before {
    width: 382px;
    height: 485px;
    background: url(/images/doorway/insurance_img2.png) no-repeat;
}

.club_leftimg.insurance1:before {
    width: 445px;
    height: 437px;
    background: url(/images/doorway/insurance_img3.png) no-repeat;
}

.club_leftimg.insurance1 {
    padding: 0 0 0 494px;
}

.club_leftimg.insurance1 p {
    margin-top: 20px;
}

.club_leftimg.insurance1 p:nth-of-type(1) {
    margin-top: 0;
}

.insurance.life_car .content_box ul li {
    width: 300px;
    margin: 0 0 40px 30px;
}

.insurance.life_car .content_box ul {
    margin-top: 60px;
}

.insurance.property .use_acclist ul li {
    min-height: 171px;
    padding: 20px 0;
}

.insurance.property.use_accounting {
    padding: 80px 0;
}

.marketing.top_banner {
    background: url(/images/doorway/bg_marketing.png) no-repeat right bottom #01baef;
}

.marketing.top_banner > h1 {
    background: url(/images/doorway/icon_marketing.png) no-repeat left top;
}

.marketing .use_acclist ul li {
    height: 151px;
}

.marketing.use_accounting {
    padding: 80px 0;
}

.marketing.club_phone .phone_box:before {
    top: -50px;
    background: url(/images/doorway/marketing_phone.png) no-repeat;
}

.marketing.club_phone .phone_box {
    padding: 0 550px 0 100px;
}

.marketing .club_rightimg p {
    margin-top: 20px;
}

.marketing .club_rightimg p:nth-of-type(1) {
    margin-top: 0;
}

.marketing .club_rightimg:before {
    width: 288px;
    height: 319px;
    background: url(/images/doorway/marketing_img1.png) no-repeat;
}

.marketing .club_leftimg {
    padding: 0 0 0 363px;
}

.marketing .club_leftimg:before {
    width: 316px;
    height: 231px;
    background: url(/images/doorway/marketing_img2.png) no-repeat;
}

.unions.top_banner {
    background: url(/images/doorway/bg_union.png) no-repeat right bottom #01baef;
}

.unions.top_banner > h1 {
    background: url(/images/doorway/icon_union.png) no-repeat;
}

.unions .use_acclist ul li:nth-last-of-type(1) {
    border-bottom: dashed 1px #d2dbde;
}

.unions.club_phone .phone_box:before {
    background: url(/images/doorway/union_phone.png) no-repeat;
}

.unions.club_phone .phone_box {
    padding: 0 490px 0 0;
}

.unions.club_rightimg {
    padding: 0 511px 0 0;
}

.unions.club_rightimg:before {
    width: 430px;
    height: 320px;
    background: url(/images/doorway/union_img1.png) no-repeat;
}

.unions.club_leftimg:before {
    width: 430px;
    height: 320px;
    background: url(/images/doorway/union_img2.png) no-repeat;
}

.unions.life_car {
    background: #ececf6;
}

.unions.life_car .content_box ul {
    margin-top: 60px;
}

.unions.life_car .content_box ul li {
    width: 308px;
}

.unions.life_car .content_box ul li:nth-of-type(1),
.unions.life_car .content_box ul li:nth-of-type(5) {
    margin-left: 26px;
}

.unions.life_car .content_box ul li:nth-of-type(1),
.unions.life_car .content_box ul li:nth-of-type(2),
.unions.life_car .content_box ul li:nth-of-type(3) {
    height: 370px;
}

.utilities.life_car {
    background: #ececf6;
}

.utilities.life_car .content_box ul li {
    width: 308px;
}

.utilities.life_car .content_box ul li:nth-of-type(1),
.utilities.life_car .content_box ul li:nth-of-type(5) {
    margin-left: 26px;
}

.utilities.top_banner {
    background: url(/images/doorway/bg_utilities.png) no-repeat right bottom #01baef;
}

.utilities.top_banner > h1 {
    background: url(/images/doorway/icon_union.png) no-repeat;
}

.utilities.club_phone .phone_box:before {
    background: url(/images/doorway/utilities_phone.png) no-repeat;
}

.utilities.club_rightimg:before {
    background: url(/images/doorway/utilities_img1.png) no-repeat;
}

.utilities.club_leftimg:before {
    background: url(/images/doorway/utilities_img2.png) no-repeat;
}

.utilities.club_phone .phone_box {
    padding: 0 454px 0 0;
}

.utilities.club_rightimg:before {
    width: 382px;
    height: 266px;
}

.utilities.club_rightimg {
    padding: 0 430px 0 0;
}

.utilities.club_leftimg {
    padding: 0 0 0 375px;
}

.Policy_pargrph .description_update {
    margin: 35px 0 25px;
    padding-left: 40px;
    color: #000;
    font-weight: 500;
    line-height: 30px;
}

.main_roll {
    margin-bottom: 116px;
    padding: 0;
}

.main_roll .content_box > p {
    padding-top: 40px;
    font-size: 20px;
    text-align: center;
    line-height: 45px;
}

.main_roll .btn_box {
    margin-top: 57px;
    text-align: center;
}

.main_roll .btn_box .btn {
    margin-left: 10px;
}

.main_roll .content_box .tp-add-video-link {
    position: relative;
    padding-right: 500px;
    font-size: 16px;
    text-align: left;
    line-height: 30px;
}

.main_roll .content_box .tp-add-video-link a {
    display: block;
    position: absolute;
    top: 40px;
    right: 0;
}

.main_roll .content_box .tp-add-video-link a img {
    display: block;
    width: 100%;
    border-radius: 5px;
}

.main_roll .content_box .tp-add-video-link + .btn_box {
    margin-top: 20px;
    text-align: left;
}

.main_roll .content_box .tp-add-video-link + .btn_box .btn:nth-child(1) {
    margin-left: 0;
}

.motion_box {
    position: relative;
}

.motion_box:after {
    content: "";
    display: block;
    clear: both;
}

.motion_box .btn_box .btn:after {
    bottom: 0;
    transform-origin: 50% 50%
}

.motion_box .btn_box .btn {
    transition: all .3s cubic-bezier(.54, .38, .89, .41);
    transform-origin: 50% 50%;
    opacity: 0;
}

.motion_box.ani .btn_box .btn:after {
    bottom: -6px;
}

.motion_box.ani .btn_box .btn {
    top: 0;
    opacity: 1;
}

.tp-btn-box {
    margin: 40px 0;
    text-align: center;
}

.tp-btn-box .tp-btn {
    margin: 0 10px;
}
.affiliate_wrap .tp-btn-box{
    margin-bottom: 0;
}
.left_con .tp-btn-box {
    margin: 0;
    text-align: left;
}

.left_con .tp-btn {
    margin: 0 10px 0 0;
}

.page_info_text .tp-btn-box {
    margin: 40px 0 0;
}

.btn:hover:after {
    bottom: 0 !important;
    transition: .3s !important;
}

.btn:hover {
    transition: .3s !important;
}

.covid_header_mobile {
    display: none;
}

.contact_header_mobile {
    display: none;
}

.tp-btn {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    min-width: 210px;
    height: 50px;
    padding: 0 15px;
    border-radius: 5px;
    border-width: 3px;
    border-style: solid;
    font-weight: 600;
    text-align: center;
    font-size: 16px;
    line-height: 44px;
    transition: background .3s, color .3s;
}

.tp-btn.size-type01 {
    height: 45px;
    font-size: 15px;
    line-height: 41px;
    border-width: 2px;
}

.tp-btn.size-type02 {
    height: 84px;
    line-height: 32px;
    padding: 0 62px;
    font-size: 24px;
    border-width: 2px;
    font-weight: 700;
}

a.tp-btn.size-type02 {
    padding: 7px 62px;
    line-height: 33px;
}

.tp-btn.add-icon span {
    position: relative;
    padding-left: 28px;
}

.tp-btn.add-icon.icon-triangle span:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 0;
    height: 0;
    border-width: 8px 0 8px 14px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
}

.tp-btn.color-type01 {
    border-color: #59c3c3;
    color: #fff;
    background-color: #59c3c3;
}

.tp-btn.color-type01:focus,
.tp-btn.color-type01:hover {
    color: #59c3c3;
    background-color: #fff;
}

.tp-btn.color-type01.add-icon.icon-triangle:hover span:before {
    border-color: transparent transparent transparent #59c3c3;
}

.tp-btn.color-type02 {
    border-color: #817dc5;
    color: #fff;
    background-color: #817dc5;
}

.tp-btn.color-type02:focus,
.tp-btn.color-type02:hover {
    color: #817dc5;
    background-color: #fff;
}

.tp-btn.color-type02.add-icon.icon-triangle:hover span:before {
    border-color: transparent transparent transparent #817dc5;
}

.tp-btn.color-type03 {
    border-color: #ea657b;
    color: #fff;
    background-color: #ea657b;
}

.tp-btn.color-type03:focus,
.tp-btn.color-type03:hover {
    color: #ea657b;
    background-color: #fff;
}

.tp-btn.color-type04 {
    border-color: #01baef;
    color: #fff;
    background-color: #01baef;
}

.tp-btn.color-type04:focus,
.tp-btn.color-type04:hover {
    color: #01baef;
    background-color: #fff;
}

.tp-btn.color-type05 {
    border-color: #223849;
    color: #fff;
    background-color: #223849;
}

.tp-btn.color-type05:focus,
.tp-btn.color-type05:hover {
    color: #223849;
    background-color: #fff;
}

.tp-btn.color-type06 {
    border-color: #01baef;
    color: #01baef;
    background-color: #fff;
}

.tp-btn.color-type06:focus,
.tp-btn.color-type06:hover {
    color: #fff;
    background-color: #01baef;
}

.tp-btn.color-type07 {
    border-color: #ff7474;
    color: #fff;
    background-color: #ff7474;
}

.tp-btn.color-type07:focus,
.tp-btn.color-type07:hover {
    color: #ff7474;
    background-color: #fff;
}

.tp-btn.color-type08 {
    border-color: #46dbc9;
    color: #fff;
    background-color: #46dbc9;
}

.tp-btn.color-type08:focus,
.tp-btn.color-type08:hover {
    color: #46dbc9;
    background-color: #fff;
}

.btn_center {
    width: 100%;
    margin-top: 50px;
    text-align: center;
}

.btn_center .btn_sign {
    width: 200px;
    height: 53px;
    padding: 14px 40px;
    border: 3px solid #3eb6ec;
    border-radius: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    background-color: #3eb6ec;
}

.btn_center .btn_sign:hover {
    border: 3px solid #3eb6ec;
    color: #3eb6ec;
    background-color: transparent;
}

.tp-align-center {
    text-align: center;
}
.tp-box-wrap {
    padding: 72px 0 100px;
}

.tp-box-inner {
    position: relative;
    width: 1180px;
    margin: 0 auto;
}

.tp-box-wrap .tp-tit-category {
    font-weight: 700;
    font-size: 30px;
    text-align: center;
    line-height: 46px;
}

.tp-box-wrap .tp-desc-category {
    text-align: center;
    line-height: 30px;
}

.tp-box-list:after {
    content: "";
    display: block;
    clear: both;
}

.tp-box-list li {
    float: left;
    width: 370px;
    min-height: 360px;
    margin-top: 35px;
    padding: 30px 27px 0;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 5px 10px #00000026;
}

.tp-box-list li:nth-child(3n-1) {
    margin-right: 35px;
    margin-left: 35px;
}

.tp-box-list .tp-tit-item a {
    display: inline-block;
    color: #01baef;
    font-weight: 700;
    font-size: 18px;
    line-height: 35px;
    transition: opacity .3s;
}

.tp-box-list .tp-tit-item a:focus,
.tp-box-list .tp-tit-item a:hover {
    opacity: .6;
}

.tp-box-list .tp-tit-item img {
    display: block;
    margin: 0 auto;
}

.tp-box-list .tp-desc-item {
    color: grey;
    font-size: 14px;
    line-height: 24px;
}

.tp-box-wrap:nth-child(even) {
    background-color: #fafafa;
}

.tp-box-wrap.type02 .tp-box-list li {
    min-height: 385px;
}

.tp-box-wrap.type02 .tp-box-list .tp-tit-item a {
    color: #59c3c3;
}

.tp-box-wrap.type03 .tp-box-list .tp-tit-item a {
    color: #817dc5;
}

.tp-box-wrap.type04 .tp-box-list .tp-tit-item a {
    color: #ea657b;
}

.use_accounting.car_section.property .tp-box-list.type02 {
    padding-bottom: 80px;
}

.tp-box-list.type02 li {
    width: 374px;
    min-height: 330px;
    margin-top: 29px;
    border: 2px solid #ebebeb;
    border-radius: 10px;
    box-shadow: none;
}

.tp-box-list.type02 li:nth-child(3n-1) {
    margin-right: 29px;
    margin-left: 29px;
}

.tp-box-list.type02 .tp-desc-item {
    color: #3c4147;
    font-size: 16px;
    line-height: 30px;
}

.tp-box-list.type02 .tp-tit-item span {
    display: inline-block;
    color: #3c4147;
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
}

.tp-box-wrap + .btn_area {
    margin-top: 0;
    padding: 57px 0 52px;
    border-top: 0;
}

.tp-circle-wrap {
    padding-bottom: 80px;
}

.tp-circle-wrap .tp-circle-cycle:after {
    content: "";
    display: block;
    clear: both;
}

.tp-circle-wrap .tp-circle-cycle li {
    float: left;
    width: 33.3%;
    text-align: center;
}

.tp-circle-wrap .tp-circle-cycle li > div {
    padding: 0 25px;
}

.tp-circle-wrap .tp-circle-cycle .dp3,
.tp-circle-wrap .tp-circle-cycle h2 {
    color: #817dc5;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
}

.tp-circle-wrap .tp-circle-cycle li:first-child h2 {
    color: #59c3c3;
}

.tp-circle-wrap .tp-circle-cycle li:last-child h2 {
    color: #ea657b;
}

.tp-circle-wrap .tp-circle-cycle .dp3 img,
.tp-circle-wrap .tp-circle-cycle h2 img {
    display: block;
    margin: 0 auto 40px;
}

.tp-circle-wrap .tp-circle-cycle p {
    margin-top: 15px;
    color: #3c4147;
    line-height: 30px;
}

.lnb #automation .tp-core-features-item,
.lnb #enterprise .tp-core-features-item,
.lnb #omni .tp-core-features-item {
    background: #01baef;
}

.lnb #core .tp-automation-item,
.lnb #enterprise .tp-automation-item,
.lnb #omni .tp-automation-item {
    background: #59c3c3;
}

.lnb #automation .tp-omni-channel-item,
.lnb #core .tp-omni-channel-item,
.lnb #enterprise .tp-omni-channel-item {
    background: #817dc5;
}

.lnb #automation .tp-enterprise-item,
.lnb #core .tp-enterprise-item,
.lnb #omni .tp-enterprise-item {
    background: #ea657b;
}

.lnb #automation [class*=tp-],
.lnb #core [class*=tp-],
.lnb #enterprise [class*=tp-],
.lnb #omni [class*=tp-] {
    margin-top: 3px;
    padding: 0;
}

.lnb #automation [class*=tp-] a,
.lnb #core [class*=tp-] a,
.lnb #enterprise [class*=tp-] a,
.lnb #omni [class*=tp-] a {
    display: block;
    padding: 11px 0 12px 30px;
    color: #fff;
    transition: opacity .3s;
    opacity: 1;
}

.lnb #automation [class*=tp-] a:focus,
.lnb #automation [class*=tp-] a:hover,
.lnb #core [class*=tp-] a:focus,
.lnb #core [class*=tp-] a:hover,
.lnb #enterprise [class*=tp-] a:focus,
.lnb #enterprise [class*=tp-] a:hover,
.lnb #omni [class*=tp-] a:focus,
.lnb #omni [class*=tp-] a:hover {
    opacity: .6;
}

.page-tit-depth2 span em {
    display: block;
    font-size: 30px;
    font-style: italic;
}

.right-form-group {
    position: absolute;
    top: 60px;
    right: 0;
}

.tp-right-link {
    margin-top: 20px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}

.tp-right-link p {
    letter-spacing: -.04em;
}

.tp-right-link a {
    color: #01baef;
}

.sub .automated-level {
    padding: 60px 0 100px;
    text-align: center;
}

.sub .automated-level h2 {
    color: var(--tit-color);
}

.sub .automated-level h2 + p {
    margin-top: 20px;
    font-size: 16px;
    color: #536170;
}

.sub .automated-level .circle-list {
    overflow: hidden;
    margin: 80px 0 0;
    border-bottom: 0;
}

.sub .automated-level .circle-list > li {
    position: relative;
    float: left;
    width: 33.3333%;
    margin-top: 2%;
    padding: 22px 30px 0px;
}
.sub .automated-level .circle-list h3 {
    margin-top: 22px;
    font-size: 22px;
    font-weight: 600;
    color: var(--tit-color);
}

.automated-level .circle-list  p {
    margin-top: 20px;
    line-height: 30px;
}

.sub .automated-level .square-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
    position: relative;
    padding: 0 124px 20px;
    margin-bottom: -20px;
    margin-top: -32px;
}

.sub .automated-level .square-list > li {
    margin: 32px 15px 0;
    text-align: center;
}

.sub .automated-level .square-list > li > a {
    display: block;
    position: relative;
    width: 180px;
    height: 180px;
    padding-top: 103px;
    line-height: 20px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0px 8px 14px 1px rgb(5 16 35 / 14%);
    color: #75818D;
    font-weight: 500;
}

.sub .automated-level .square-list > li > a:before {
    content: "";
    position: absolute;
    top: 34px;
    left: 50%;
    width: 56px;
    height: 56px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    transform: translateX(-50%);
}

.sub .automated-level .square-list .item01 > a:before {
    background-image: url('/images/icon/icoSub06.svg');
}

.sub .automated-level .square-list .item02 > a:before {
    background-image: url('/images/icon/icoSub50.svg');
}

.sub .automated-level .square-list .item03 > a:before {
    background-image: url('/images/icon/icoSub74.svg');
}

.sub .automated-level .square-list .item04 > a:before {
    background-image: url('/images/icon/icoSub81.svg');
}

.sub .automated-level .square-list .item05 > a:before {
    background-image: url('/images/icon/icoSub82.svg');
}

.sub .automated-level .square-list .item06 > a:before {
    background-image: url('/images/icon/icoSub83.svg');
}

.sub .automated-level .square-list .item07 > a:before {
    background-image: url('/images/icon/icoSub84.svg');
}

.sub .automated-level .square-list .item08 > a:before {
    background-image: url('/images/icon/icoSub85.svg');
}
.sub .bm-container{
    margin: 40px 0;
    padding: 0px 124px;
}
.sub .list-wb{
    display: flex;
    flex-wrap: nowrap;
    column-gap: 10%;
}
.sub .list-wb .box{
    flex: 1;
}
.sub .list-wb .box .wrap{
    height: auto;
    min-height: 317px;
    margin-bottom: 40px;
}
.sub .pd-270 .list-wb .box .wrap{
    min-height: 236px;
}
.sub .list-wb .box .wrap:last-child{
    margin-bottom: -25px;
}
.sub .list-wb .box .wrap .title{
    margin-bottom: 20px;
    padding-top: 70px;
    color: var(--tit-color);
    font-size: 22px;
    background-size: 50px;
    background-repeat: no-repeat;
}
.sub .list-wb .box .wrap .title.ico1{
    background-image: url('/images/icon/icoSub86.svg');
}
.sub .list-wb .box .wrap .title.ico2{
    background-image: url('/images/icon/icoSub06.svg');
}
.sub .list-wb .box .wrap .title.ico3{
    background-image: url('/images/icon/icoSub02.svg');
}
.sub .list-wb .box .wrap .title.ico4{
    background-image: url('/images/icon/icoSub05.svg');
}
.sub .list-wb .box .wrap .title.ico5{
    background-image: url('/images/icon/icoSub82.svg');
}
.sub .list-wb .box .wrap .title.ico6{
    background-image: url('/images/icon/icoSub75.svg');
}
.sub .list-wb .box .wrap .title.ico7{
    background-image: url('/images/icon/icoSub07.svg');
}
.sub .list-wb .box .wrap .title.ico8{
    background-image: url('/images/icon/icoSub06.svg');
}
.sub .img-wb{
    margin-top: -270px;
    padding: 50px 50px 50px 90px;
    background: linear-gradient(360deg, #033C7E, #0756A4);
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(41 73 99 /40%);
}
.sub .img-wb .jumbotron{
    gap: 24px;
}
.sub .img-wb .text-group{
    color: #fff;
}
.sub .img-wb .text-group .tp-door-title{
    margin-top: 47px;
    margin-bottom: 12px;
    color: #fff;
}
.sub .img-wb .text-group .desc{
    font-size: 16px;
}
.sub .img-wb .text-group .desc .txtwrap{
    display: block;
    margin-top: 10px;
}
.sub .pd-270{
    padding-bottom: 270px !important;
}
.sub .tab-type01{
    margin-top: 40px;
    border: 0;
    border-radius: 0px;
    background: #fff;
}
.sub .tab-type01 .tab-menu {
    display: flex;
    border-bottom: 0;
}
.sub .tab-type01 .tab-menu li {
    width: 177px;
    height: 48px;
    padding: 0;
    background-color: #EBEDF0;
    border-radius: 20px 20px 0 0;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    z-index: -1;
    -webkit-transition: all 100ms ease;
    transition: all 100ms ease;
}
.sub .tab-type01 .tab-menu li a{
    padding: 9px 0px 9px 36px;
    display: block;
    font-size: 16px;
    color: #536170;
    opacity: .5;
    background-repeat: no-repeat;
    background-position: 36px center;
    font-weight: 400;
}
.sub .tab-type01 .tab-menu li.active a{
    color: #054A8F;
    opacity: 1;
    
}
.sub .tab-type01 .tab-menu .active:after {
    content: "";
    position: static;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    background: none;
}
.sub .tab-type01 .tab-menu li:nth-child(1) a{
    background-image: url('/images/icon/icoTab1_off.svg');
}
.sub .tab-type01 .tab-menu li.active:nth-child(1) a{
    background-image: url('/images/icon/icoTab1_on.svg');
}
.sub .tab-type01 .tab-menu li:nth-child(2) a{
    background-image: url('/images/icon/icoTab2_off.svg');
}
.sub .tab-type01 .tab-menu li.active:nth-child(2) a{
    background-image: url('/images/icon/icoTab2_on.svg');
}
.sub .tab-type01 .tab-menu li:nth-child(3) a{
    background-image: url('/images/icon/icoTab3_off.svg');
}
.sub .tab-type01 .tab-menu li.active:nth-child(3) a{
    background-image: url('/images/icon/icoTab3_on.svg');
}
.sub .tab-type01 .tab-menu li:nth-child(4) a{
    background-image: url('/images/icon/icoTab4_off.svg');
}
.sub .tab-type01 .tab-menu li.active:nth-child(4) a{
    background-image: url('/images/icon/icoTab4_on.svg');
}
.sub .tab-type01 .tab-menu li + li {
    margin-left: -15px;
}
.sub .tab-type01 .tab-menu li.active {
    display: block;
    background-color: #fff;
    z-index: 4 !important;
}
.sub .tab-type01 .tab-menu li:nth-child(1) {
    z-index: 3;
    box-shadow: 2px -3px 11px 0px rgba(41 73 99 / 10%);
}
.sub .tab-type01 .tab-menu li.active:nth-child(1) {
    z-index: 3;
}
.sub .tab-type01 .tab-menu li:nth-child(2) {
    z-index: 2;
    box-shadow: 11px -4px 11px 0px rgba(41 73 99 / 10%);
}
.sub .tab-type01 .tab-menu li.active:nth-child(2) {
    z-index: 2;
}
.sub .tab-type01 .tab-menu li:nth-child(3) {
    box-shadow: 9px -1px 7px 0px rgba(41 73 99 / 10%);
    z-index: 1;
}
.sub .tab-type01 .tab-menu li.active:nth-child(3) {
    z-index: 1;
}
.sub .tab-type01 .tab-menu li:nth-child(4) {
    z-index: 0;
    box-shadow: 9px -1px 7px 0px rgba(41 73 99 / 10%);
}

.sub .tab-type01 .tab-menu li.active:nth-child(4) {
    box-shadow: 9px -1px 7px 0px rgba(41 73 99 / 10%);
    z-index: 1;
}
.sub .page_Decsub .tp-btn-box a + a{
    margin-left: 10px;
}
.sub .tab-type01 .tab-cont {
    width: 100%;
    height: 272px;
    padding: 50px 121px 50px 50px;
    border-radius: 0 20px 20px 20px;
    text-align: center;
    box-shadow: 0px 20px 20px 6px rgb(41 73 99 / 18%);
    -webkit-transition: all 100ms ease;
    transition: all 100ms ease;
}
.sub .tab-type01 .tab-cont li{
    padding: 0;
}
.sub .tab-type01 .tab-cont li.active {
    display: block;
}
.sub .tab-type01 .tab-cont li .jumbotron{
    align-items: flex-start;
    justify-content: space-between;
    gap: 7%;
}
.sub .tab-type01 .tab-cont li .text-group {
    max-width: 100%;
}
.sub .tab-type01 .tab-cont li .text-group .desc{
    text-align: left;
    font-size: 16px;
}
.sub .tab-type01 .tab-cont li .text-group .desc .tit{
    display: inline-block;
    margin-bottom: 7px;
    font-size: 22px;
    color: var(--tit-color);
    font-weight: 600;
}
.sub .tp-door-title.mg{
    margin-bottom: 40px;
}
.sub .tp-door-title.mg + p{
        text-align: left;
    }
.sub .practices_wrap .tab-type01{
    
}
.sub .practices_wrap .tab-type01 .tab-menu li{
    width: 208px;
}
.sub .practices_wrap .tab-type01 .tab-menu li a{
    padding: 11px 36px 11px 72px;
    font-weight: 500;
    opacity: 1;
    color: #909090;
}
.sub .practices_wrap .tab-type01 .tab-menu li.active a{
    color: var(--tit-color);
}
.sub .practices_wrap .tab-type01 .tab-menu li:nth-child(1) a{
    background-image: url(/images/icon/icoTab7_off.svg);
}
.sub .practices_wrap .tab-type01 .tab-menu li.active:nth-child(1) a{
    background-image: url(/images/icon/icoTab7_on.svg);
}
.sub .practices_wrap .tab-type01 .tab-menu li:nth-child(2) a{
    background-image: url(/images/icon/icoTab5_off.svg);
    background-position:  72px center;
}
.sub .practices_wrap .tab-type01 .tab-menu li.active:nth-child(2) a{
    background-image: url(/images/icon/icoTab5_on.svg);
    background-position:  72px center;
}
.sub .practices_wrap .tab-type01 .tab-menu li:nth-child(3) a{
    background-image: url(/images/icon/icoTab6_off.svg);
    background-position:  65px center;
}
.sub .practices_wrap .tab-type01 .tab-menu li.active:nth-child(3) a{
    background-image: url(/images/icon/icoTab6_on.svg);
    background-position:  65px center;
}
.sub .practices_wrap .tab-type01 .tab-cont{
    height: auto;
    padding: 60px 75px;
    text-align: left;
}
.sub .practices_wrap .tab-type01 .tab-cont > li .tapcontent ol > li{
    padding-bottom: 44px;
    padding-right: 52px;
    border-bottom: 1px dashed #C2C2C2;
}
.sub .practices_wrap .tab-type01 .tab-cont > li .tapcontent ol > li:last-child{
    padding-bottom: 0;
}
.sub .practices_wrap .tab-type01 .tab-cont > li .tapcontent ol > li + li{
    margin-top: 44px;
}
.sub .practices_wrap .tab-type01 .tab-cont > li .tapcontent ol > li div{
    display: flex;
    align-items: flex-start;
    
}
.sub .practices_wrap .tab-type01 .tab-cont li .tapcontent li:last-child{
    border: 0;
}
.sub .practices_wrap .tab-type01 .tab-cont li .tapcontent li em{
    width: 52px;
    margin-top: -9px;
    font-size: 28px;
    font-weight: 600;
    color: var(--tit-color);
}
.sub .practices_wrap .tab-type01 .tab-cont li .tapcontent li span{
    flex: 1;
    font-weight: 400;
}
.sub .practices_wrap .tab-type01 .tab-cont li .tapcontent li .bullet_list{
    margin-top: 10px;
}
.sub .practices_wrap .tab-type01 .tab-cont li .tapcontent li .bullet_list > li{
    margin-bottom: 10px;
    padding-left: 72px;
}
.sub .practices_wrap .tab-type01 .tab-cont li .tapcontent li .bullet_list > li:after{
    top: 12px;
    left: 60px;
    background: #536170;
}
.sub .practices_wrap .best_bottext{
    margin-top: 80px;
    margin-bottom: 100px;
    padding: 50px;
    border-radius: 10px;
    background-image: linear-gradient(180deg, #0756A4, #033C7E);
    color: #fff;
}
.sub .practices_wrap .best_bottext h3 {
    position: relative;
    font-weight: 600;
    font-size: 22px;
    
}
.sub .practices_wrap .best_bottext h3::after{
    width: calc(100% - 139px);
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    border-bottom: 1px solid #fff;
    content: '';
}
.sub .practices_wrap .best_bottext p{
    font-weight: 400;
}
.sub .practices_wrap .best_bottext p a{
    color: #fff;
}
.sub .flxBox{
    margin-top: 40px;
}
.sub .flxBox .text-group{
    display: flex;
    align-items: center;
}
.sub .flxBox .text-group .mo{
    display: none;
}
.sub .flxBox .list-type02{
    justify-content: normal;
    margin-bottom: -10px;
}
.sub .flxBox .list-type02 > li{
    width: 395px;
}
.sub .flxBox .list-type02 > li .title{
    color: var(--tit-color);
    font-size: 22px;
    font-weight: 600;
}
.sub .flxBox .list-type02 > li > ul > li{
    margin-bottom: 10px;
    padding-left: 8px;
    font-size: 16px;
    letter-spacing: -.02em;
}
.sub .list-type02 ul > li:before{
    background: #536170;
}
@keyframes text {
    0% {
        color: #286282;
        opacity: 0;
    }

    30% {
        margin-bottom: -60px;
        letter-spacing: 10px;
    }

    85% {
        margin-bottom: -60px;
        letter-spacing: 8px;
        opacity: 1;
    }
}

@keyframes emani {
    0% {
        height: auto;
        opacity: 0;
    }

    50% {
        height: auto;
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes emani1 {
    0% {
        height: auto;
        opacity: 0;
    }

    80% {
        height: auto;
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes emani2 {
    0% {
        height: auto;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes emani3 {
    0% {
        height: auto;
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes text {
    0% {
        color: #286282;
        opacity: 0;
    }

    30% {
        margin-bottom: -60px;
        letter-spacing: 10px;
    }

    85% {
        margin-bottom: -60px;
        letter-spacing: 8px;
        opacity: 1;
    }
}

@keyframes emani {
    0% {
        height: auto;
        opacity: 0;
    }

    50% {
        height: auto;
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes emani1 {
    0% {
        height: auto;
        opacity: 0;
    }

    80% {
        height: auto;
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes emani2 {
    0% {
        height: auto;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes emani3 {
    0% {
        height: auto;
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


/*======= 푸터 =======================================================================*/
footer {
    position: relative;
    z-index: 3;
    width: 100%;
    color: #3c4147;
    font-weight: 400;
    font-size: 14px;
}

footer .inner {
    position: relative;
}

footer a {
    color: #3c4147;
    font-size: 14px;
}

.bot_banner {
    position: relative;
    z-index: 5;
}

.bot_sitemap {
    padding: 40px 0;
    background: #ebebeb;
}

.bot_sitemap:after {
    content: "";
    display: block;
    clear: both;
}

.bot_sitemap .menu_box {
    float: left;
    width: 160px;
    margin-left: 60px;
}

.bot_sitemap .menu_box:first-child {
    width: 420px;
    margin-left: 0;
}

.bot_sitemap .menu_box:first-child ul {
    float: left;
    width: 202px;
}

.bot_sitemap .menu_box:first-child ul:first-child {
    margin-right: 17px;
}

.bot_sitemap .menu_box > strong {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: solid 1px #808080;
    color: #3c4147;
    font-weight: 700;
    font-size: 14px;
    font-weight: 700;
}

.bot_sitemap .menu_box > ul li {
    margin-top: 15px;
    font-size: 14px;
    letter-spacing: -.5px;
}
.bot_sitemap .menu_box > ul li a:hover{
    text-decoration: underline;
}
.bot_sitemap .menu_box > ul li:first-child {
    margin-top: 0;
}
.sns_box {
    margin-top: 0;
    text-align: right;
}

.sns_box:after {
    content: "";
    display: block;
    clear: both;
}

.sns_box a {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 6px;
    background: url('/images/ico_sns.svg') no-repeat;
}

.sns_box a.link {
    background-position: 0 0;
}

.sns_box a.google {
    background-position: -30px 0;
}

.sns_box a.face {
    background-position: -30px 0;
}

.sns_box a.blog {
    background-position: -60px 0;
}

.sns_box a.twit {
    background-position: -90px 0;
}

.sns_box a.yotube {
    background-position: -120px 0;
}

.bot_menu {
    padding: 28px 0 34px 0;
    background: #fff;
}

.bot_menu .inner:after {
    content: "";
    display: block;
    clear: both;
}

.sela_logo {
    position: absolute;
    top: 9px;
    left: 10px;
}
.sela_logo img + a{
    margin-left: 28px;
}
.bot_copy {
    float: right;
    margin-top: 10px;
    color: #b6b9be;
    font-weight: 400;
    font-size: 12px;
}

.bot_copy ul:after {
    content: "";
    display: block;
    clear: both;
}

.bot_copy ul li {
    float: left;
    position: relative;
    padding: 0 15px 0 18px;
}

.bot_copy ul li:after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 2px;
    height: 8px;
    background: #b6b9be;
}

.bot_copy ul li a {
    color: #3c4147;
    font-weight: 400;
    font-size: 13px;
}

.bot_copy ul li a:hover {
    color: #0099ff;
}

.bot_copy ul li:nth-of-type(1) {
    padding: 0 15px 0 0;
}

.bot_copy ul li:nth-of-type(1):after {
    display: none;
}

.bot_copy ul li:nth-of-type(6) {
    padding: 0 0 0 18px;
}

.bot_copy p {
    position: relative;
    margin-top: 5px;
    color: #3c4147;
    font-size: 11px;
}

.hour_tool {
    display: none;
    position: absolute;
    left: 0;
    z-index: 5;
    width: 293px;
    height: 65px;
    padding: 13px 20px;
    text-align: left;
    background: #fff;
    box-shadow: 0 3px 10px 5px rgba(0, 0, 0, .2);
}

.hour_tool:after {
    content: "";
    display: block;
    position: absolute;
    top: -12px;
    left: 107px;
    width: 24px;
    height: 12px;
    background: url(/images/common/hover_img.png) no-repeat;
}

.hour_tool span {
    display: block;
}

.time .hour_tool:after {
    left: 20px;
}

/* spacing */
.section-title-type01 + .section-sub-title-type01 {
    margin-top: 30px;
}

.section-title-type01 + .jumbotron {
    margin-top: 80px;
}

.section-sub-title-type01 + .tab-type01 {
    margin-top: 40px;
}

.section-sub-title-type01 + .jumbotron {
    margin-top: 80px;
}

.section-title-type02 + .text.medium {
    margin-top: 30px;
}

.section-title-type01 + .list-type03 {
    margin-top: 80px;
}

.list-type03 + .jumbotron-type03 {
    margin-top: 80px;
}
.sub.tp-door-container{
    margin-top: 120px;
}
.sub.solution .tp-door-title{
    padding: 0 200px;
    text-align: center;
}
.sub.solution .tp-door-title.tp-type03{
    text-align: left;
}
.sub.solution .tp-door-title.tp-type04{
    padding: 0;
    text-align: left;
}
.sub.solution .tp-door-cont.dot .tp-door-side .tp-door-title{
    text-align: left;
}
.sub.solution .tp-door-cont .tp-door-side + .tp-door-side{
    margin-top: 40px;
    padding-top: 40px;
    gap: 6%;
    border-top: 1px dashed #C2C2C2;
    
}
.sub.solution .tp-door-cont .tp-door-side .tp-door-title{
    padding: 0;
}
.sub.solution .tp-door-card{
    margin-top: 0;
    padding: 0 63px;
}
.sub.solution .tp-door-card>ul{
    width: 522px;
}
.sub.solution .tp-door-card>ul>li {
    margin-top: 40px;
}
.sub.solution .tp-door-card>ul>li + li {
    margin-top: 40px;
}
.sub.solution .tp-door-card>ul>li:nth-child(1){
    margin-top: 0;
}
.sub .tp-door-cont{
    padding: 0 0 80px;
}
.sub .tp-door-cont.tp-bg-type02{
    padding: 80px 0;
}
.sub .tp-door-cont.tp-bg-type02 + .tp-door-cont{
    margin-top: 80px;
}
.sub .tp-door-cont .tp-door-side{
    padding: 0;
}
.sub.solution .tp-door-list-type01 .tp-door-title+.tp-door-desc{
    margin-top: 16px;
}
.sub.solution .tp-door-list-card.type06>li .tp-door-desc, 
.sub.solution .tp-door-title+.tp-door-desc{
    margin-top: 16px;
}
.tp-door-cont .tp-side-img.iframe-type.cont iframe {
    margin: 20px auto 0;
}
.sub.forbes{
    margin-top: 0px;
}

.forbes_wrap{
    max-width: 1432px;
    margin: 0px auto 80px;
    padding: 0 16px;
    text-align: center;
    overflow: hidden;
}
.forbes_wrap .tp-door-title.tp-type02{
    margin-bottom: 50px;
    font-size: 40px;
    font-weight: 600;
}
.sub .fbtxt{
    width: 100%;
    text-align: center;
}
.sub .fbtxt .page_Decsub{
    margin-top: 28px;
}
.forbes_wrap .txt img{
    margin-bottom: 28px;
    text-align: center;
}
.forbes_wrap .cont{
    margin-bottom: 50px;
    padding: 80px 43px;
    background-color: #FCFCFC;
    border: 1px solid #E6E6E6;
    overflow-x: auto;
}
.forbes_wrap .cont .imgWrap + .imgWrap{
    
    margin-top: 50px;
}
.forbes_wrap .cont .imgWrap + .imgWrap  img{
    width: 100%;
}
.forbes_wrap .copy{
    font-style: italic;
    font-size: 16px;
}
.forbes_wrap .camp,
.forbes_wrap .moImg{
    display: none;
}
.sub.solution .tp-door-card li .tp-door-title.tp-type03{
    font-size: 18px;
    font-weight: 600;
    padding: 0;
    text-align: center;
}
.sub.solution .tp-door-title-sub{
    padding: 0 70px;
}
.sub.solution .tp-door-title-sub.mb4{
    margin-bottom: 40px;
}
.sub.solution .tp-side-txt.pageDes .tp-door-desc{
    padding: 0 30px;
    text-align: center;
}
.sub.solution .tp-door-list-type01>li .item{
    width: 47%;
}
.sub.solution .tp-door-title.add-icon {
    position: relative;
    padding-top: 66px;
    padding-left: 0;
    padding-right: 0;
    color: var(--tit-color);
    text-align: left;
    font-size: 22px;
}
.sub.solution  .tp-door-title.add-icon span{
    width: 50px;
    height: 50px;
    position: absolute;
    top: 30px;
}
.sub.solution .tp-door-title.add-icon span img{
    width: 100%;
    height: auto;
}
.sub.solution .tp-door-cont .content_box.pd63{
    /*padding: 0 63px;*/
}
.sub.solution .tp-door-card img{
    border-radius: 10px 10px 0 0;
}
.sub.solution .tp-door-card .text-group{
    padding: 32px 36px;
    border-radius: 0 0 10px 10px;
    font-size: 14px;
}
.sub.solution .tp-door-list-card-type04 {
    display: flex;
    align-items: flex-start;
}
.sub.solution .tp-door-title+.tp-door-title-sub+.tp-door-list-card-type04{
    margin-top: 40px;
}
.sub.solution .tp-door-list-card-type04.company-type>li{
    padding: 0;
    border-radius: 10px;
    background-color: transparent;
    box-shadow: 0 10px 20px 0 rgba(5 16 35 / 14%);
}
.sub.solution .tp-door-list-card-type04 .imgBox{
    padding: 60px 32px 23px;
    background-color: #fff;
    border-radius: 10px 10px 0 0;
}
.sub.solution .tp-door-list-card-type04 .imgBox img{
    max-width: 280px;
    height: auto;
}
.sub.solution .tp-door-list-card-type04 .txtBox{
    padding: 32px 36px;
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 10px 20px 0 rgba(5 16 35 / 14%);
}
.sub.solution .tp-door-list-card-type04 .txtBox p{
    margin-top: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.7;
    font-style: normal;
    font-weight: 500;
}
.sub.solution .tp-door-list-type01 .tp-door-title+.tp-door-desc{
    margin-bottom: 0;
}
.sub.solution .tp-door-list-card-type04 .txtBox p.btm{
    margin-top: 16px;
    font-weight: 400
}
.sub.solution .tp-door-banner {
    align-items: center;
    margin: 80px 63px 0;
    padding: 37px 148px;
    background: linear-gradient(360deg, #0E7EE1, #1FBDEB);
    box-shadow: 0 5px 10px #00000029;
    border-radius: 10px;
}
.sub.solution .tp-door-banner p{
    font-size: 28px;
    font-weight: 600;
}
.sub.solution .tp-door-banner .btn-handout{
    max-width: 204px;
    height: 46px;
    background-color: #FFA200;
    border: 1px solid #FFA200;
    color: #fff;
    font-size: 16px;
    line-height: 44px;
}
.sub.solution .tp-door-cont .tp-door-side.dot{
    margin-top: 0;
    padding: 60px 0;
    border-bottom: 1px dashed #C2C2C2;
}
.sub.solution .tp-door-cont .tp-door-side.dot:nth-of-type(1) {
    padding-top: 0;
}
.sub.solution .tp-door-cont [class*=tp-door-side]:last-child{
    padding-bottom: 0;
    border-bottom: 0;
}
.sub.solution .tp-door-cont .tp-side-img img{
    max-width: 478px;
}
.sub.solution .tp-door-cont .tp-side-img .wtd{
    max-width: 300px;
}
.sub.solution .tp-door-cont [class*=tp-side-img]:nth-child(odd) {
    margin-left: 0px;
    margin-right: 60px;
}
.sub.solution .tp-door-cont [class*=tp-side-img]:nth-child(even) {
    margin-left: 60px;
    margin-right: 0;
}
.sub.solution .tp-door-list-type01>li .item{
    padding-top: 0;
}
.sub.solution .content_box .tp-side-txt{
    margin-top: 0px;
}
.sub.solution .sell_more .tp-door-side{
    
}
.sub.solution .hover-box{
    padding: 40px 0 0;
}
.sub.solution .sell_more .tp-door-side .sideBox + .sideBox{
    margin-left: 60px;
}
.sub.solution .jumbotron {
    margin-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px dashed #C2C2C2;
}
.sub.solution .jumbotron:last-child{
    border-bottom: 0;
}
.sub.solution .jumbotron img{
    max-width: 390px;
    /*min-width: 390px;*/
}
.sub.solution .jumbotron .text-group{
    margin: 0;
}
.sub.solution .jumbotron .text-group .tit{
    margin-bottom: 16px;
    font-size: 22px;
    color: var(--tit-color);
    font-weight: 600;
}
.sub.solution .jumbotron .text-group .desc{
    font-size: 16px;
}
.sub.solution .hover-box .default-group{
    padding: 24px;
}
.sub.solution .hover-box .menu-box{
    border: 1px solid #E5E5E5;
    border-radius: 16px;
}
.sub.solution .hover-box .default-group h3{
    color: var(--em-color);
    font-size: 22px;
}
.sub.solution .hover-box .default-group p{
    font-size: 16px;
}
.sub.solution .hover-box>li:hover .menu-box,
.sub.solution .hover-box>li.on .menu-box {
    height: 310px;
    background: var(--em-color);
}
#contactFreeTrial .popup .hbspt-form .hs_submit{
    /*text-align: center;*/
}
#contactFreeTrial .popup .hbspt-form .actions{
    width: auto;
    min-width: auto;
    margin-top: 30px;
}
#cleanup.sub.tp-door-container{
    margin-top: 80px;
}

/* email video */
.videoEmail{
    margin-bottom: 60px;
}
.videoEmail .cardWrap .tit{
    font-size: 26px;
    color: var(--em-color);
    font-weight: 600;
    text-align: center;
}
.videoEmail .hover-card{
    margin: 20px auto 0;
}
.videoEmail .hover-card .card {
    position: relative;
    width: 430px;
    height: 300px;
    background: #f7f9fc;
    border-radius: 12px;
    box-shadow: 0 15px 30px 0 rgb(0 0 0 / 20%);
}
.videoEmail .hover-card .cardWrap + .cardWrap{
    margin-left: 40px;
}
.videoEmail .hover-card .card button {
    display: block;
    border-radius: 12px;
}
.videoEmail .hover-card .card button img {
    width: 100%;
}