/* ============================================================================ */
/* Component
/* ============================================================================ */

.cb-introduction-stub > h1 {
    font-size: 38pt;
    font-weight: 100;
    text-align: center;
    margin: 0 auto;
    line-height: initial;
}

.cb-blue-button {
    width: 100%;
    height: 63px;
    font-size: 15pt;
    font-weight: 200;
    color: #fff;
    background: #1caafc;
    border: 0;
    cursor: pointer;
    border-radius: 6px;
}

/* Linear Circle */
.cb-linear-circle {
    width: 670px;
    margin: 0 auto;
    padding: 0 85px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.cb-linear-circle::before {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background-color: #acacaa;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 9;
    margin-top: -7px;
    content: "";
}

.cb-linear-circle::after {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background-color: #acacaa;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 9;
    margin-top: -7px;
    content: "";
}

.cb-linear-circle .cb-circle-item {
    border-radius: 100%;
    z-index: 11;
}

.cb-linear-circle .cb-stikethrough {
    width: 100%;
    height: 2px;
    top: 50%;
    left: 0;
    margin-top: -1px;
    position: absolute;
    z-index: 10;
    background-color: #acacaa;
}

.cb-linear-circle .cb-circle-text {
    font-size: 15pt;
    width: 131px;
    height: 131px;
    padding-top: 38px;
    background-color: #009bde;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
    text-align: center;
}

.cb-linear-circle .cb-circle-text b {
    color: #000;
    display: block;
}



/* Sequence Item */
.cb-sequence-container {
    display: flex;
    justify-content: space-between;
}

.cb-sequence-container .cb-sequence-item {
    width: 400px;
    height: 400px;
}

.cb-sequence-container .cb-sequence-center {
    width: 400px;
    height: 400px;
    position: relative;
    text-align: center;
}

.cb-sequence-container .cb-sequence-center img {
    margin-top: 87px;
    width: initial;
    height: initial;
}

.cb-sequence-container .cb-sequence-direction {
    width: 50px;
    position: relative;
}

.cb-sequence-container .cb-sequence-direction span {
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -10px;
    border-top: 20px solid transparent;
    border-left: 20px solid #009bde;
    border-bottom: 20px solid transparent;
}

.cb-image-text-button {
    width: 760px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.cb-image-text-button .cb-image-text-button-item .cb-image {
    width: 260px;
    height: 260px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.cb-image-text-button .cb-image-text-button-item .cb-text {
    font-size: 14pt;
    font-weight: 100;
    text-align: center;
    margin-bottom: 20px;
}

.cb-image-text-button .cb-image-text-button-item .cb-button {
    width: 238px;
    height: 45px;
    display: block;
    background-color: #009bde;
    color: #fff;
    font-size: 12pt;
    font-weight: 100;
    text-align: center;
    line-height: 45px;
    cursor: pointer;
    margin: 0 auto;
}

/* Circle Logo List */
.cb-circle-logolist {
    width: 530px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.cb-circle-logoitem {
    width: 116px;
    height: 116px;
    border-radius: 100%;
    margin: 15px 15px 0 0;
}


.cb-bottalks-offers .cb-circle-eclipselist {
    margin: 0 auto;
    margin-top: 50px;
}

.cb-circle-eclipselist {
    width: 430px;
    display: flex;
}

.cb-circle-eclipselist .cb-circle-eclipseitem {
    width: 150px;
    height: 150px;
    border-radius: 100%;
}




.cb-circle-eclipselist {
    width: 450px;
}

.cb-circle-eclipselist .cb-circle-eclipseitem {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    background-color: #fff;
    float: left;
    margin-left: -15px;
    border: 2px solid #adadad;
}




.cb-title {
    margin-bottom: 15px;
}

.cb-title span {
    font-size: 22pt;
}

.cb-title .cb-normal-text {
    font-weight: 100;
}

.cb-title .cb-bold-text {
    font-weight: 500;
}

.cb-title .cb-highlight {
    color: #009bde;
}





.cb-smartphone-view-container {
    width: 977px;
    margin: 0 auto;
    margin-top: 35px;
    display: flex;
    justify-content: space-between;
}

.cb-smartphone-view-container .cb-smartphone-view-item {
    width: 300px;
    height: 540px;
}


.cb-skeleton-button {
    width: 300px;
    height: 85px;
    line-height: 85px;
    border: 1px solid #000;
    text-align: center;
    display: block;
    font-size: 17pt;
    color: #4c4c4c;
    cursor: pointer;
    background-color: transparent;
}

.cb-fill-button {
    width: 270px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    display: block;
    font-size: 17pt;
    cursor: pointer;
    border: 0;
    background-color: #fff;
}

.cb-fill-button.cb-blue {
    background-color: #1caafc;
}

.cb-shadow-button {
    width: 300px;
    height: 70px;
    line-height: 70px;
    font-size: 20pt;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    display: block;
    box-shadow: rgba(0, 0, 0, 1) 5px 5px 0px 0px;
    border: 0;
    background-color: #f2c40e;
    color: #fff;
}

.cb-shadow-button.cb-red {
    background-color: #ff355d;
    color: #fff;
}


.cb-image-text-container {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
}

.cb-image-text-container .cb-image-text {
    width: 560px;
    height: 630px;
    border-radius: 8px;
    overflow: hidden;
    background-color: #a9cfe2;
}

.cb-image-text-container .cb-image-text .cb-image {
    height: 420px;
    background-color: #005981;
    text-align: center;
}

.cb-image-text-container .cb-image-text .cb-text {
    padding: 45px;
}

.cb-image-text-container .cb-image-text .cb-text h3 {
    font-size: 14pt;
    margin: 0;
    margin-bottom: 15px;
}

.cb-image-text-container .cb-image-text .cb-text p {
    font-size: 12pt;
}



.cb-two-and-one-container {
    width: 1200px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
    margin-top: 55px;
}

.cb-two-and-one-container .cb-image {
    width: 565px;
    height: 395px;
    margin-bottom: 40px;
    background-color: rgba(0, 0, 0, .2);
}

.cb-two-and-one-container .cb-image-wide {
    width: 1200px;
    height: 520px;
    background-color: rgba(0, 0, 0, .6);
}



.cb-shadow-image-text-list {
    width: 1200px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
    margin-top: 70px;
}

.cb-shadow-image-text-list .cb-item {
    width: 390px;
    height: 425px;
}

.cb-shadow-image-text-list .cb-item .cb-image {
    height: 300px;
    border-radius: 8px;
    margin-bottom: 35px;
}

.cb-shadow-image-text-list .cb-item .cb-text h3 {
    font-size: 13pt;
    font-weight: 700; /*sim-modify:500*/
    margin-bottom: 10px;
}

.cb-shadow-image-text-list .cb-item .cb-text p {
    font-size: 12pt;
    height: 48px;
    overflow: hidden;
}





.cb-contact-form {
    width: 400px;
    margin: 0 auto;
}

.cb-contact-form a {
    display: block;
    font-size: 14pt;
    color: #fff;
    height: 71px;
    line-height: 71px;
    margin-top: 40px;
    background-color: #132f57;
    text-align: center;
    cursor: pointer;
}

.cb-contact-form .cb-textbox {
    height: 55px;
    background-color: #dfeaf0;
    margin-bottom: 5px;
}

.cb-contact-form .cb-textbox input {
    width: 100%;
    height: 100%;
    border: 0;
    background: transparent;
    padding: 0 30px;
    font-size: 14pt;
    font-weight: 200;
}

.cb-contact-form .cb-fill-button {
    width: 100%;
    height: 72px;
    font-size: 14pt;
    background-color: #132f57;
    color: #fff;
    margin-top: 40px;
}





.cb-graph-container {
    width: 255px;
    display: flex;
}

.cb-graph-container .cb-graph-box {
    width: 50%;
    height: 155px;
    border-bottom: 1px solid #dedcdf;
    position: relative;
}

.cb-graph-container .cb-graph-box .cb-graph-column {
    width: 8px;
    position: absolute;
    z-index: 9;
    left: 50%;
    margin-left: -4px;
    bottom: 0;
    background-color: #dedcdf;
}

.cb-graph-container .cb-graph-box .cb-graph-text {
    margin-top: 180px;
    text-align: center;
    color: #dedcdf;
}

.cb-graph-container .cb-graph-box.cb-yellow .cb-graph-text {
    color: #ffff01;
}

.cb-graph-container .cb-graph-box.cb-yellow .cb-graph-column {
    background-color: #ffff01;
}

.cb-graph-container .cb-graph-box .cb-graph-text h3 {
    margin-bottom: 0.3em;
    font-size: 12pt;
    font-weight: 100;
    color: inherit;
}

.cb-graph-container .cb-graph-box .cb-graph-text span {
    font-size: 18pt;
    font-weight: 500;
    color: inherit;
}




.cb-huge-image-locator {
    height: 100%;
    position: absolute;
}

.cb-huge-image-front {
    height: 100%;
    position: relative;
}

.cb-huge-image-front .cb-huge-image {
    z-index: 10;
    position: absolute;
    bottom: 0;
}

.cb-image-001 {
    width: 420px;
    height: 730px;
}

.cb-image-002 {
    width: 400px;
    height: 630px;
}





.cb-hierarchical-container {
    width: 1210px;
    margin: 0 auto;
}

.cb-hierarchical-container .cb-line {
    width: 951px;
    height: 1px;
    background-color: #b2b2b2;
    margin: 0 auto;
}

.cb-hierarchical-container .cb-hierarchical-structure {
    margin-top: 40px;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.cb-hierarchical-container .cb-hierarchical-structure .cb-image {
    width: 260px;
    height: 260px;
    border-radius: 100%;
    /*box-shadow: rgba(0,0,0,.1) 0px 0px 4px 4px;*/
    position: relative;
}

.cb-hierarchical-container .cb-hierarchical-structure > .cb-hook {
    height: 40px;
    width: 1px;
    background-color: #b2b2b2;
    position: absolute;
    z-index: 9;
    top: -80px;
    left: 50%;
    margin-left: -1px;
}

.cb-hierarchical-container .cb-hierarchical-structure .cb-image .cb-hook {
    height: 40px;
    width: 1px;
    background-color: #b2b2b2;
    position: absolute;
    z-index: 9;
    top: -40px;
    left: 50%;
    margin-left: -1px;
}





.cb-icon-description-container {
    width: 1200px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.cb-icon-description-container .cb-icon-description {
    width: 245px;
    height: 270px;
    margin-bottom: 100px;
}

.cb-icon-description-container .cb-icon-description .cb-image {
    text-align: center;
    height: 150px;
}

.cb-icon-description-container .cb-icon-description h1 {
    font-size: 17pt;
    font-weight: 400;
    margin: 0;
    margin: 30px 0 15px;
    text-align: center;
}

.cb-icon-description-container .cb-icon-description p {
    font-size: 12pt;
    font-weight: 100;
    text-align: center;
}
.cb-bigger-image.cb-shadow-image-text-list .cb-item {
    height: 835px;
}

.cb-bigger-image.cb-shadow-image-text-list .cb-item .cb-image {
    height: 713px;
}
.cb-dropdown {
    height: 44px;
    box-sizing: border-box;
    border: 1px solid #dedcdf;
    position: relative;
    cursor: pointer;
}

.cb-dropdown select {
    width: 100%;
    height: 100%;
    font-size: 12pt;
    padding-left: 15px;
    border: 0;
}

.cb-dropdown::after {
    width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 15px;
    z-index: 5;
    content: "";
    cursor: pointer;
}

.cb-dropdown-basicsize {
    width: 250px;
}

.cb-default-hider {
    width: 40px;
    height: 42px;
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #fff;
    z-index: -1;
}

.cb-image-text-inbox-container {
    width: 1200px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.cb-image-text-inbox {
    width: 380px;
    /*height: 460px;*/
    height:410px;
    margin-bottom: 50px;
    border-radius: 4px;
    border: 1px solid #ccc;
    overflow: hidden;
}

.cb-image-text-inbox .cb-image {
    height: 275px;
    background-color: #dedcdf;
}

.cb-image-text-inbox .cb-text {
    padding: 20px;
}

.cb-image-text-inbox .cb-text h1 {
    font-size: 17pt;
    line-height:19pt;
    font-weight: 400;    
    margin: 0;
    margin-bottom: 10px;
    display:block;
    display:-webkit-box;
    overflow:hidden;
    height:50px;
    max-height:50px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.cb-image-text-inbox .cb-text p {
    font-size: 12pt;
    margin-bottom: 10px;
}

.cb-image-text-inbox .cb-text .cb-date {
    font-size: 12pt;
    font-weight: 100;
    color: #ccc;
    margin-top:20px;
}

.cb-sequence-circle-container {
    width: 1320px;
    display: flex;
}

.cb-sequence-circle-container .cb-sequence-circle-item {
    width: 300px;
    height: 445px;
    margin: 0px 20px;
}

.cb-sequence-circle-container .cb-sequence-circle-item .cb-image {
    height: 300px;
    border-radius: 100%;
    background-color: #009bde;
}

.cb-sequence-circle-container .cb-sequence-circle-item .cb-text {
    text-align: center;
}

.cb-sequence-circle-container .cb-sequence-circle-item .cb-text h1 {
    font-size: 14pt;
    font-weight: 700;
    color: #fff;
    margin: 35px 0 15px;
}

.cb-sequence-circle-container .cb-sequence-circle-item .cb-text p {
    font-size: 12pt;
    font-weight: 100;
    color: #fff;
}

.cb-sequence-circle-container .cb-sequence-circle-direction {
    width: 110px;
    position: relative;
}

.cb-sequence-circle-container .cb-sequence-circle-direction .cb-direction-container {
    width: 110px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 160px;
    left: 0;
}

.cb-sequence-circle-container .cb-sequence-circle-direction .cb-direction-container::after {
    width: 0px;
    height: 0px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #fff;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -4px;
    content: "";
}

.cb-sequence-circle-container .cb-sequence-circle-direction .cb-direction-container h1 {
    font-size: 14pt;
    font-weight: 400;
    text-align: center;
    margin: 0;
    color: #009bde;
    margin-top: -40px;
}

.cb-sequence-circle-container .cb-sequence-circle-direction .cb-direction-container p {
    font-size: 12pt;
    font-weight: 100;
    color: #fff;
    text-align: center;
    margin-top: 30px;
}

.cb-sequence-circle-container .cb-sequence-circle-direction {
}

.cb-icon-description-leftalign.cb-icon-description-container {
}

.cb-icon-description-leftalign.cb-icon-description-container .cb-icon-description {
    width: 330px;
    height: 220px;
    margin-bottom: 70px;
}

.cb-icon-description-leftalign.cb-icon-description-container .cb-icon-description .cb-image {
    height: 80px;
}

.cb-icon-description-leftalign.cb-icon-description-container .cb-icon-description h1 {
    height: 28px;
    overflow: hidden;
    font-size: 14pt;
    font-weight: 500;
    margin: 20px 0;
    text-align: left;
    color: #fff;
}

.cb-icon-description-leftalign.cb-icon-description-container .cb-icon-description p {
    height: 80px; /*sim-modify:72px*/
    overflow: hidden;
    font-size: 12pt;
    font-weight: 100;
    letter-spacing: -1px;
    color: #fff;
    text-align: left;
}

.cb-sequence-circle-container.cb-sequence-circle-simple .cb-sequence-circle-item {
    width: 240px;
    height: 240px;
}

.cb-sequence-circle-container.cb-sequence-circle-simple .cb-sequence-circle-item .cb-image {
    width: 240px;
    height: 240px;
}

.cb-sequence-circle-container.cb-sequence-circle-simple .cb-sequence-circle-direction {
    width: 15px;
    position: relative;
}

.cb-sequence-circle-container.cb-sequence-circle-simple .cb-sequence-circle-direction::after {
    width: 0px;
    height: 0px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 16px solid #999;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -9px;
    content: "";
}

.cb-popup {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 15;
    box-shadow: rgba(0,0,0,.2) 0px 0px 4px 4px;
    background-color: #fff;
}

.cb-popup .cb-icon-x {
    width: 23px;
    height: 23px;
}

.cb-chatbot-add {
    width: 632px;
    height: 730px;
    margin-top: -365px;
    margin-left: -316px;
    box-sizing: border-box;
    padding: 50px 70px;
}

.cb-chatbot-add h1 {
    font-size: 22pt;
    font-weight: 400;
    text-align: center;
}

.cb-chatbot-add .cb-blue-button {
    font-size: 18pt;
    font-weight: 400;
}

.cb-basic-attachment {
    height: 38px;
    border: 1px solid #a4a4a4;
    position: relative;
}

.cb-chatbot-add .cb-basic-attachment {
    margin-bottom: 55px;
}

.cb-basic-attachment .cb-basic-addfile {
    width: 113px;
    height: 38px;
    line-height: 38px;
    color: #fff;
    background-color: #555555;
    font-size: 14pt;
    font-weight: 100;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    overflow: hidden;
}

.cb-basic-attachment .cb-basic-addfile input {
    width: 1000px;
    height: 300px;
    top: 0;
    text-indent: 9999px;
    left: -700px;
    position: absolute;
    cursor: pointer;
}



.cb-chatbot-add h3 {
    font-size: 14pt;
    font-weight: 100;
    margin-bottom: 10px;
}

.cb-plain-textbox {
    border: 1px solid #ccc;
    height: 38px;
    background-color: #fff;
}

.cb-chatbot-add .cb-plain-textbox {
    margin-bottom: 35px;
}

.cb-plain-textbox input {
    width: 100%;
    height: 100%;
    background: transparent;
    padding: 0px 10px;
    border: 0;
    box-sizing: border-box;
}

.cb-chatbot-add .cb-dropdown {
    height: 38px;
    margin-bottom: 35px;
}

.cb-chatbot-add .cb-dropdown .cb-default-hider {
    height: 36px;
}



/* ============================================================================ */
/* 21new.html */
/* ============================================================================ */

.cb-userwrapper {
    width: 35px;
    height: 35px;
    background-color: #c6c6c6;
    border-radius: 100%;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    padding-top: 4px;
}

.cb-icon-userprofile {
    width: 20px;
    height: 20px;
    background: url("/svg/user.svg") no-repeat center center;
    background-size: 100% 100%;
}

.cb-utilityarea .cb-name {
    font-size: 10pt;
    color: #fff;
    margin-left: 8px;
    vertical-align: middle;
}

.cb-botwrapper {
    width: 35px;
    height: 35px;
    background-color: #d468ce;
    border-radius: 100%;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    padding-top: 4px;
    position: relative;
}

.cb-botwrapper .cb-icon-mbot {
    width: 20px;
    height: 20px;
    background: url("/svg/m_bot.svg") no-repeat center center;
    background-size: 100% 100%;
}

.cb-botwrapper .cb-count {
    font-size: 10pt;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #e44241;
    text-align: center;
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: -8px;
    right: -8px;
}






















/* ============================================================================ */
/* 22new.html */
/* ============================================================================ */

.cb-mychatbot-insertion {

}

/* new, override */
.cb-mychatbot-insertion .cb-right #cb-chatzone {
    background-color: #fff;
}

.cb-mychatbot-insertion > .cb-layout > .cb-left {
    width: 345px;
    height: 975px;
    overflow-y: auto;
}

.cb-mychatbot-insertion > .cb-layout > .cb-right {
    margin-left: 373px;
}

.cb-mychatbot-insertion > .cb-layout > .cb-left .cb-mychatbot-list {
    padding: 51px 35px 0px 40px;
    box-sizing: border-box;
    /* 스크롤바 샘플 */
    height: 2000px;
}

.cb-icon-plus {
    width: 59px;
    height: 59px;
    background: url("/svg/plus.svg") no-repeat center center;
    background-size: 100% 100%;
    vertical-align: middle;
}

.cb-mychatbot-list .cb-mychatbot-list-plusline {
    padding-top: 5px;
    margin-bottom: 29px;
}

.cb-mychatbot-list .cb-mychatbot-list-plusline .cb-name {
    height: 49px;
    line-height: 47px;
    font-size: 16pt;
    color: #1caafc;
    vertical-align: middle;
    display: inline-block;
    margin-left: 11px;
}

.cb-mychatbot-list .cb-chatbot-item {
    width: 259px;
    height: 259px;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    padding: 13px;
}

.cb-mychatbot-list .cb-chatbot-item .cb-rightward {
    text-align: right;
}

.cb-mychatbot-list .cb-chatbot-item .cb-rightward .cb-icon-close {
    width: 19px;
    height: 19px;
    background: url("/svg/bot_del.svg") no-repeat center center;
    background-size: 100% 100%;
    vertical-align: middle;
}

.cb-mychatbot-list .cb-chatbot-item .cb-centerward {
    text-align: center;
}

.cb-mychatbot-list .cb-chatbot-item .cb-centerward .cb-circle-image {
    width: 92px;
    height: 92px;
    margin: 13px auto 31px;
}

.cb-mychatbot-list .cb-chatbot-item .cb-centerward .cb-circle-image img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.cb-mychatbot-list .cb-chatbot-item .cb-centerward .cb-button-copyurl {
    width: 90px;
    height: 35px;
    line-height: 35px;
    font-size: 12pt;
    text-align: center;
    background-color: #fbfbfb;
    border: 1px solid #dcdcdc;
    color: #333;
    cursor: pointer;
}

.cb-mychatbot-list .cb-chatbot-item-enableoption {
    height: 43px;
    padding: 6px 0px 6px 0;
    box-sizing: border-box;
}

.cb-mychatbot-list .cb-chatbot-item-enableoption .cb-cell-left .cb-label {
    font-size: 14pt;
    color: #333;
}

.cb-mychatbot-list .cb-chatbot-item-enableoption .cb-cell-right {
    text-align: right;
}

.cb-mychatbot-list .cb-chatbot-centering {
    width: 100%;
    height: 100%;
    line-height: 228px;
    text-align: center;
}
.cb-mychatbot-list .cb-icon-plus2 {
    width: 76px;
    height: 76px;
    background: url("/svg/plus2.svg") no-repeat center center;
    background-size: 100% 100%;
}




/* ============================================================================ */
/* 001-new-login.html */
/* ============================================================================ */

#cb-login-page {
    width: 500px;
    margin: 0 auto;
    padding: 190px 0;
}

#cb-login-page #cb-login {
    padding-top: 0;
}

#cb-login-page #cb-login h1 {
    margin: 0;
}

#cb-login-page .cb-lost-n-found {
    padding-top: 30px;
}

#cb-login-page #cb-go-findpassword,
#cb-login-page #cb-go-signup{
    font-size: 13pt;
    font-weight: 500;
    color: #767676;
}





/* ============================================================================ */
/* 002-new_signup.html */
/* ============================================================================ */

#cb-signup-page {
    width: 500px;
    margin: 0 auto;
    padding: 100px 0 190px 0;
}

#cb-signup-page h1 {
    font-weight: 100;
}

#cb-signup-page .cb-inputnaked-label .cb-cell-left {
    width: 150px;
}

#cb-signup-page .cb-inputnaked-label .cb-cell-left span {
    font-size: 14pt;
}

#cb-signup-page .cb-signup-company {
    font-size: 22pt;
    text-align: left;
    margin-top: 70px;
    margin-bottom: 10px;
}

#cb-signup-page .cb-inputnaked-label input {
    font-size: 14pt;
}

#cb-signup-page .cb-address-findbutton {
    font-size: 14pt;
}

#cb-signup-page form input[type=submit] {
    margin-top: 40px;
}

#cb-signup-page .cb-signup-login a {
    font-size: 13pt;
    font-weight: 400;
    color: #767676;
}




/* ============================================================================ */
/* 003-new-AI.html */
/* ============================================================================ */

.cb-ai-top {
    height: 1190px;
    background-color: #37404f;
    padding: 0;
    padding-top: 115px;
    box-sizing: border-box;
    background: url("../_images/img/img_03/bg-01.png") no-repeat center center;
    background-size: 100% 100%;
}

.cb-ai-top h1 {
    font-size: 34pt;
    font-weight: 500;
    height: 115px;
    line-height: 1.2em;
    margin: 0;
    margin-bottom: 60px;
    text-align: center;
    color: #fff;
}

.cb-ai-top h1 b {
    color: #009bde;
    font-weight: 500;
}




/* Linear Circle */
.cb-linear-circle {
    width: 670px;
    margin: 0 auto;
    padding: 0 85px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.cb-linear-circle::before {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background-color: #acacaa;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 9;
    margin-top: -7px;
    content: "";
}

.cb-linear-circle::after {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background-color: #acacaa;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 9;
    margin-top: -7px;
    content: "";
}

.cb-linear-circle .cb-circle-item {
    border-radius: 100%;
    z-index: 11;
}

.cb-linear-circle .cb-stikethrough {
    top: 50%;
    left: 0;
    margin-top: -1px;
    position: absolute;
    z-index: 10;
}

.cb-linear-circle .cb-circle-text {
    font-size: 15pt;
    width: 131px;
    height: 131px;
    padding-top: 38px;
    background-color: #009bde;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
    text-align: center;
}

.cb-linear-circle .cb-circle-text b {
    color: #000;
    display: block;
}

.cb-ai-top .cb-linear-circle {
    width: 670px;
    margin: 0 auto;
}

.cb-ai-top .cb-stikethrough {
    width: 100%;
    height: 2px;
    background-color: #adadad;
}

.cb-ai-top .cb-sequence-container {
    width: 1210px;
    margin: 0 auto;
}

.cb-ai-top .cb-description-item {
    text-align: center;
    padding: 30px 0;
}

.cb-ai-top .cb-description-item p {
    font-size: 13pt;
    font-weight: 100;
    color: #fff;
}




.cb-bottalks-solution {
    height: 670px;
}

.cb-bottalks-solution h1 {
    margin-bottom: 50px;
}

.cb-box-container {
    width: 760px;

    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.cb-box-container .cb-box-item .cb-box-image {
    width: 260px;
    height: 260px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.cb-box-container .cb-box-item .cb-box-desc {
    font-size: 14pt;
    font-weight: 100;
    text-align: center;
    margin-bottom: 20px;
}

.cb-box-container .cb-box-item .cb-box-link {
    width: 238px;
    height: 45px;
    display: block;
    background-color: #009bde;
    color: #fff;
    font-size: 12pt;
    font-weight: 100;
    text-align: center;
    line-height: 45px;
    cursor: pointer;
    margin: 0 auto;
}

.cb-on-whitebg {
    font-size: 34pt;
    font-weight: 500;
    color: #222222;
    text-align: center;
}

.cb-on-whitebg .cb-highlight {
    color: #009bde;
}

.cb-on-whitebg .cb-bold {
    font-weight: 300;
}







.cb-bottalks-offers {
    height: 985px;
    background-color: #edf1f4;
    padding-top: 165px;
    box-sizing: border-box;
}

.cb-bottalks-offers .cb-layout {
    width: 1100px;
    margin: 0 auto;
}

.cb-bottalks-offers .cb-layout .cb-left {
    width: 530px;
}

.cb-bottalks-offers .cb-layout .cb-right {
    margin-left: 580px;
}

/* Circle Logo List */
.cb-circle-logolist {
    width: 530px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.cb-circle-logoitem {
    width: 116px;
    height: 116px;
    border-radius: 100%;
    margin: 15px 15px 0 0;
}
.cb-circle-logoitem.mt0 {margin-top:0;}


.cb-bottalks-offers .cb-circle-eclipselist {
    margin: 0 auto;
    margin-top: 15px;
}

.cb-circle-eclipselist {
    width: 430px;
    display: flex;
}

.cb-circle-eclipselist .cb-circle-eclipseitem {
    width: 150px;
    height: 150px;
    border-radius: 100%;
}




.cb-introduction-stub .cb-offers-item {
    margin-bottom: 30px;
}

.cb-introduction-stub .cb-title {
    margin-bottom: 15px;
    line-height: initial;
}

.cb-introduction-stub .cb-title span {
    font-size: 22pt;
}

.cb-introduction-stub .cb-title .cb-normal-text {
    font-weight: 100;
    line-height: initial;
}

.cb-introduction-stub .cb-title .cb-bold-text {
    font-weight: 500;
}

.cb-introduction-stub .cb-title .cb-highlight {
    color: #009bde;
}

.cb-introduction-stub .cb-offers-item p {
    font-size: 13pt;
    font-weight: 100;
}

.cb-bottalks-offers2 {
    height: 1090px;
    background-color: #3e4557;
    box-sizing: border-box;
    padding: 100px 0;
}

.cb-bottalks-offers2 h1 {
    color: #fff;
    font-size: 36pt;
    font-weight: 100;
    text-align: center;
    margin: 10px 0;
}

.cb-bottalks-offers2 h1 b {
    font-weight: 500;
}

.cb-bottalks-offers2 p {
    font-size: 15pt;
    font-weight: 300;
    color: #fff;
    text-align: center;
}

.cb-bottalks-offers2 .cb-linear-circle {
    padding: 0 65px;
}

.cb-bottalks-offers2 .cb-stikethrough {
    width: 100%;
    height: 1px;
    background-color: #acacaa;
}

.cb-bottalks-offers2 .cb-circle-item {
    width: 110px;
    height: 110px;
}

.cb-bottalks-offers3 {
    height: 870px;
    box-sizing: border-box;
    padding: 145px 0 0;
}

.cb-bottalks-offers3 .cb-layout {
    width: 1200px;
    margin: 0 auto;
}

.cb-bottalks-offers3 .cb-layout .cb-left {
    width: 370px;
}

.cb-bottalks-offers3 .cb-layout .cb-right {
    margin-left: 420px;
}

.cb-bottalks-offers3 .cb-layout .cb-left h1 {
    font-size: 32pt; /*sim-modify:36pt*/
    font-weight: 700;
    margin-bottom: 50px;
    line-height: 1.2em;
}

.cb-bottalks-offers3 .cb-layout .cb-left h1 b {
    color: #009bde;
}

.cb-bottalks-offers3 .cb-layout .cb-left p {
    font-size: 12pt;
    font-weight: 500;
    color: #6d6d6d;
}

.cb-bottalks-offers3 .cb-layout .cb-left a {
    width: 300px;
    height: 85px;
    line-height: 85px;
    border: 1px solid #000;
    text-align: center;
    display: block;
    font-size: 17pt;
    color: #4c4c4c;
    cursor: pointer;
    margin-top: 68px;
}

.cb-bottalks-offers3 .cb-layout .cb-right img {
    width: 775px;
    height: 590px;
}

.cb-bottalks-callcenter {
    height: 1330px;
    background-color: #edf1f4;
    box-sizing: border-box;
    padding: 135px 0 88px;
}

.cb-holder {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.cb-bottalks-callcenter h1 {
    font-size: 36pt;
    font-weight: 500;
    line-height: 1.2em;
}

.cb-bottalks-callcenter h1 b {
    color: #009bde;
}

.cb-bottalks-callcenter p {
    font-size: 17pt;
}

.cb-bottalks-callcenter .cb-shadow-button {
    background-color: #f2c40e;
    color: #fff;
}

.cb-bottalks-callcenter .cb-absolute-csbox h3 {
    font-size: 17pt;
    color: #dbddda;
}

.cb-bottalks-callcenter .cb-absolute-csbox b {
    color: #f2c40e;
}

.cb-bottalks-callcenter .cb-absolute-csbox p {
    color: #fff;
}

.cb-bottalks-callcenter .cb-absolute-csbox div {
    font-size: 45pt;
    font-weight: 500;
}

.cb-bottalks-award {
    height: 800px;
    box-sizing: border-box;
    padding: 110px 0;
}

.cb-bottalks-award h1 {
    font-size: 36pt;
    font-weight: 500;
    line-height: 1.2em;
    text-align: center;
}

.cb-bottalks-award h1 b {
    color: #009bde;
    font-weight: 500;
}

.cb-bottalks-award .cb-awards {
    width: 1200px;
    text-align: center;
    margin: 40px auto 100px;
}

.cb-bottalks-award .cb-awards img {
    width: 190px;
    height: 115px;
}

.cb-shadow-button {
    width: 290px;
    height: 70px;
    line-height: 70px;
    font-size: 24pt;
    text-align: center;
    cursor: pointer;
    display: block;
    box-shadow: rgba(0, 0, 0, 1) 5px 5px 0px 0px;
}

.cb-bottalks-award .cb-shadow-button {
    color: #fff;
    background-color: #ff355d;
    margin: 0 auto;
}

.cb-center {
    text-align: center;
}


/* ============================================================================ */
/* 004-new-capability.html */
/* ============================================================================ */


.cb-bottalks-customers {
    height: 935px;
    padding: 255px 0;
    box-sizing: border-box;
    background-color: #2d3a4a;
}

.cb-bottalks-customers .cb-layout {
    width: 1200px;
    margin: 0 auto;
}

.cb-bottalks-customers .cb-left {
    width: 600px;
}

.cb-bottalks-customers .cb-customer-logo-container {
    width: 600px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.cb-bottalks-customers .cb-customer-logo-container .cb-customer-logo-item {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    background-color: #00ff21;
    margin: 20px 20px 0 0;
}



.cb-bottalks-customers .cb-right {
    margin-left: 635px;
}

.cb-bottalks-customers .cb-right h1 {
    font-size: 38pt; /*sim-modify:42pt*/
    font-weight: 100;
    color: #fff;
    margin: 0;
    line-height: initial;
}

.cb-bottalks-customers .cb-right p {
    color: #c5c5c5;
    font-size: 14pt;
    font-weight: 100;
    margin: 20px 0 40px;
}

.cb-bottalks-customers .cb-right a {
    width: 270px;
    height: 58px;
    line-height: 58px;
    background-color: #fff;
    text-align: center;
    font-size: 14pt;
    color: #000;
    display: block;
    cursor: pointer;
}



.cb-004-html {
    height: 935px;
    padding-top: 135px;
}

.cb-004-html .cb-on-whitebg {
    font-size: 46pt;
    font-weight: 100;
    margin: 0;
    margin-bottom: 82px;
}

.cb-004-html .cb-on-whitebg .cb-highlight {
    font-weight: 100;
}

.cb-004-html .cb-box-container .cb-box-item .cb-box-link {
    width: 270px;
    height: 60px;
    line-height: 60px;
    font-size: 15pt;
}


.cb-004-html.cb-ai-top {
    height: 1400px;
}

.cb-004-html.cb-ai-top h1 {
    font-size: 46pt;
    font-weight: 100;
    height: auto;
}

.cb-004-html.cb-ai-top .cb-linear-circle {
    width: 745px;
}

.cb-004-html.cb-ai-top .cb-description-item {
    margin-bottom: 110px;
}

.cb-004-html.cb-ai-top .cb-description-item p {
    font-size: 16pt;
    line-height: initial;
}


.cb-bottalks-offers.cb-004-html .cb-left {
    width: 600px;
}

.cb-bottalks-offers.cb-004-html .cb-right {
    margin-left: 630px;
}

.cb-bottalks-offers.cb-004-html .cb-offers-item .cb-bold-text {
    font-size: 22pt;
}

.cb-bottalks-offers.cb-004-html .cb-offers-item p {
    font-size: 13pt;
}

.cb-bottalks-offers.cb-004-html .cb-circle-logolist {
    width: 620px;
}

.cb-bottalks-offers.cb-004-html .cb-layout {
    width: 1200px;
}

.cb-circle-logolist.cb-bigger {
    margin-bottom: 20px;
}

.cb-circle-logolist.cb-bigger .cb-circle-logoitem {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    background-color: #adadad;
}



.cb-bottalks-offers2.cb-004-html {
    height: 1045px;
}

.cb-bottalks-offers2.cb-004-html h1 {
    font-size: 44pt;
    font-weight: 100;
}

.cb-bottalks-offers2.cb-004-html p {
    font-weight: 100;
    margin-bottom: 80px;
    line-height: initial;
}



.cb-bottalks-offers3.cb-004-html .cb-layout .cb-left h1 {
    font-size: 44pt;
    font-weight: 100;
}

.cb-bottalks-offers3.cb-004-html .cb-layout .cb-left h1 b {
    font-weight: 100;
}

.cb-bottalks-offers3.cb-004-html .cb-layout .cb-left p {
    font-size: 14pt;
    font-weight: 100;
    line-height: initial;
}

.cb-bottalks-bigdata {
    height: 1035px;
    padding-top: 135px;
    position: relative;
    background-color: #235578;

    box-sizing: border-box;
}

.cb-bottalks-bigdata .cb-bottalks-bigdata-title h1 {
    font-size: 44pt;
    font-weight: 100;
    text-align: center;
    color: #fff;
    line-height: 1.2em;
    margin: 0;
    margin-bottom: 20px;
}

.cb-bottalks-bigdata .cb-bottalks-bigdata-title h3 {
    font-size: 16pt;
    font-weight: 100;
    color: #fff;
    text-align: center;
}

.cb-bottalks-bigdata .cb-left {
    width: 120px;
}

.cb-icon-text-container {
    margin-top: 80px;
    margin-left: 330px;
}

.cb-icon-text-container .cb-icon-text {
    margin-bottom: 40px;
}

.cb-icon-text-container .cb-icon-text .cb-left .cb-icon {
    width: 120px;
    height: 120px;
    background-color: #fff;
    border-radius: 100%;
}

.cb-icon-text-container .cb-icon-text .cb-right {
    margin-left: 150px;
}

.cb-icon-text-container .cb-icon-text .cb-right h1 {
    font-size: 22pt;
    font-weight: 100;
    color: #fff;
    margin: 0;
    margin-bottom: 20px;
    line-height: initial;
}

.cb-icon-text-container .cb-icon-text .cb-right p {
    font-size: 14pt;
    font-weight: 100;
    color: #fff;
}

.cb-bottalks-bigdata-backgroundimage {
    width: 970px;
    height: 650px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: url("../_images/img/img_04/03_7_img4.png") no-repeat center center;
    background-size: 100% 100%;
}

.cb-contact {
    background-color: #fff;
    height: 660px;
    padding: 135px 0;
    box-sizing: border-box;
}

.cb-contact .cb-layout {
    width: 1200px;
    margin: 0 auto;
}

.cb-contact .cb-left {
    width: 600px;
}

.cb-contact .cb-left h1 {
    line-height: 1.2em;
    font-size: 39pt;
    font-weight: 100;
    margin: 0;
}

.cb-contact .cb-left p {
    font-size: 14pt;
    font-weight: 100;
    margin: 30px 0 75px;
    line-height: initial;
}

.cb-contact .cb-right {
    margin-left: 795px;
}

.cb-contact-form a {
    display: block;
    font-size: 14pt;
    color: #fff;
    height: 71px;
    line-height: 71px;
    margin-top: 40px;
    background-color: #132f57;
    text-align: center;
    cursor: pointer;
}

.cb-contact-form .cb-textbox  {
    height: 55px;
    background-color: #dfeaf0;
    margin-bottom: 5px;
}

.cb-contact-form .cb-textbox input {
    width: 100%;
    height: 100%;
    border: 0;
    background: transparent;
    padding: 0 30px;
    font-size: 14pt;
    font-weight: 200;
}

.cb-contact .cb-left a {
    width: 270px;
    height: 60px;
    display: inline-block;
    background-color: #009bde;
    color: #fff;
    font-size: 14pt;
    font-weight: 100;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
    margin-right: 20px;
}








/* ============================================================================ */
/* 005-new-hospital.html */
/* ============================================================================ */


.cb-hospital {
    height: 935px;
    position: relative;
    background-color: #455469;
    padding-top: 250px;
    box-sizing: border-box;
}

.cb-hospital-image {
    box-shadow: rgba(0, 0, 0, .6) 4px 4px 4px 4px;
    position: absolute;
    z-index: 9;
}

.cb-hospital-phone01 {
    width: 420px;
    height: 730px;
    z-index: 10;
    bottom: 0;
    right: 520px;
}

.cb-hospital-phone02 {
    width: 400px;
    height: 630px;
    bottom: 0;
    right: 120px;
}

.cb-hospital .cb-hospital-text {
    width: 450px;
    margin-left: 360px;
}

.cb-hospital .cb-hospital-text h1 {
    font-size: 42pt;
    font-weight: 100;
    line-height: 1.2em;
    margin: 0;
    color: #fff;
}

.cb-hospital .cb-hospital-text p {
    font-size: 14pt;
    font-weight: 100;
    color: #fff;
    margin-top: 33px;
    margin-bottom: 90px;
    line-height:1.3em;
}

.cb-hospital .cb-hospital-text .cb-logo {
    width: 430px;
    height: 75px;
}


.cb-hospital-learning {
    height: 1150px;
    padding: 100px 0;
    box-sizing: border-box;
    background-color: #fff;
}

.cb-hospital-learning h1 {
    font-size: 34pt;
    font-weight: 100;
    line-height: 1.2em;
    text-align: center;
    margin: 0;
    margin-bottom: 75px;
}






.cb-autoreservation {
    height: 2140px; /*1280px*/
    padding: 120px 0;
    box-sizing: border-box;
    background-color: #cbd5de;
}

.cb-autoreservation h1 {
    font-size: 38pt;
    font-weight: 100;
    text-align: center;
    margin: 0;
    margin-bottom: 20px;
    line-height: initial;
}

.cb-autoreservation p {
    font-size: 14pt;
    font-weight: 400;
    text-align: center;
}

.cb-autoreservation-image-container {
    width: 1200px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
    margin-top: 55px;
}

.cb-autoreservation-image-container .cb-autoreservation-image {
    width: 565px;
    height: 395px;
    margin-bottom: 40px;
    background-color: rgba(0, 0, 0, .2);
}

.cb-autoreservation-image-container .cb-autoreservation-image-wide {
    width: 1200px;
    height: 520px;
    background-color: rgba(0, 0, 0, .6);
}









.cb-bottalks-versatile {
    height: 865px;
    padding-top: 115px;
    box-sizing: border-box;
}

.cb-bottalks-versatile h1 {
    font-size: 38pt;
    font-weight: 100;
    text-align: center;
    margin: 0;
    line-height: initial;
}

.cb-shadowimage-list {
    width: 1200px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
    margin-top: 70px;
}

.cb-shadowimage-list .cb-shadowimage-item {
    width: 390px;
    height: 450px; /*sim-modify:425px*/
}

.cb-shadowimage-list .cb-shadowimage-item .cb-image {
    height: 300px;
    border-radius: 8px;
    margin-bottom: 20px; /*sim-modify:35px*/
}

.cb-shadowimage-list .cb-shadowimage-item .cb-text {
    padding: 10px;
}

.cb-shadowimage-list .cb-shadowimage-item .cb-text h3 {
    font-size: 12pt; /*sim-modify:13pt*/
    font-weight: 700; /*sim-modify:500*/
    margin-bottom: 10px;
}

.cb-shadowimage-list .cb-shadowimage-item .cb-text p {
    font-size: 10pt; /*sim-modify:12pt*/
    height: 80px;  /*sim-modify:48px*/
    overflow: hidden;
}




.cb-bottalks-miscellaneous {
    padding: 110px 0 150px;
    background: url("../_images/img/img_08/08_3_bg.jpg") no-repeat left top;
    background-size: cover;
}

.cb-bottalks-miscellaneous .cb-container {
    width: 1200px;
    margin: 0 auto;
}

.cb-bottalks-miscellaneous h1 {
    font-size: 38pt;
    font-weight: 100;
    color: #fff;
    margin: 0;
    margin-bottom: 75px;
    text-align: center;
}

.cb-miscellaneous-image01 {
    width:auto !important;
    height: 665px;
    background-color: rgba(0, 0, 0, .2);
    border-radius: 8px;
}

.cb-miscellaneous-text  {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.cb-miscellaneous-text .cb-miscellaneous-text-item {
    width: 360px;
    height: 120px;
}

.cb-miscellaneous-text .cb-miscellaneous-text-item h3 {
    font-size: 18pt;
    font-weight: 500;
    color: #fff;
    margin: 0;
    margin-bottom: 15px;
}

.cb-miscellaneous-text .cb-miscellaneous-text-item p {
    font-size: 13pt;
    color: #fff;
}

.cb-bottalks-miscellaneous .cb-shadowimage-list .cb-shadowimage-item .cb-text h3 {
    color: #fff;
}

.cb-bottalks-miscellaneous .cb-shadowimage-list .cb-shadowimage-item .cb-text p {
    color: #fff;
}





.cb-request-consult {
    padding: 110px 0 150px;
}

.cb-request-consult .cb-logo {
    width: 240px;
    height: 55px;
    display: block;
    margin: 0 auto;
    background: url("../_images/img/img_04/04_6_logo.png") no-repeat center center;
}

.cb-request-consult h1 {
    font-size: 28pt;
    font-weight: 100;
    text-align: center;
    margin: 0;
    margin-bottom: 55px;
}

.cb-request-consult .cb-contact-form {
    width: 400px;
    margin: 0 auto;
}




.cb-bottalks-callcenter {
    background: url("../_images/img/img_03/bbb.jpg") no-repeat center center;
}

.cb-bottalks-callcenter .cb-holder {
    height: 1110px;
}

.cb-bottalks-callcenter .cb-top {
    right: 105px;
    top: -35px;
    position: absolute;
    z-index: 9;
}
.cb-bottalks-callcenter .cb-bottom {
    left: 0;
    bottom: 0px;
    position: absolute;
    z-index: 9;
}

.cb-bottalks-callcenter .cb-bottom p {
    margin-bottom: 20px;
}

.cb-bottalks-callcenter .cb-bottom .cb-shadow-button {
    margin-top: 30px;
}

.cb-hospital .cb-logo {
    background: url("../_images/img/img_04/04_1_logo.png") no-repeat center center;
    background-color: transparent;
}




.cb-shopping {
    height: 935px;
    position: relative;
    background-color: #455469;
    padding-top: 250px;
    box-sizing: border-box;
}

.cb-shopping .cb-shopping-text {
    width: 480px;
    margin-left: 360px;
}

.cb-shopping .cb-shopping-text h1 {
    font-size: 31pt; /*sim-modify:32pt*/
    font-weight: 100;
    line-height: 1.4em;
    margin: 0;
    color: #fff;
}

.cb-shopping .cb-shopping-text p {
    font-size: 14pt;
    font-weight: 100;
    color: #fff;
    margin-top: 33px;
    margin-bottom: 30px;
    line-height: 1.3em;
}

.cb-shopping .cb-shopping-text .cb-logo {
    width: 430px;
    height: 75px;
    background-color: #fff;
}

.cb-shopping .cb-huge-image-locator {
    width: 975px;
    right: 0;
    bottom: 0;
    position: absolute;
}

.cb-shopping .cb-huge-image-locator .cb-image-001 {
    width: 438px;
    height: 741px;
    background: url("../_images/img/img_05/05_1_img2.png") no-repeat center center;
    z-index: 10;
}

.cb-shopping .cb-huge-image-locator .cb-image-002 {
    width: 420px;
    height: 678px;
    background: url("../_images/img/img_05/05_1_img3.png") no-repeat center center;
    left: 390px;
    z-index: 9;
}

.cb-integration {
    padding: 120px 0;
    background-color: #fff;
    text-align: center;
}

.cb-integration .cb-logo {
    width: 400px;
    height: 75px;
    margin: 0 auto;
    background-color: #455469;
    margin-top: 70px;
    margin-bottom: 80px;
    background: url("../_images/img/img_05/05_2_logo.png") no-repeat center center;
}

.cb-integration h1 {
    font-size: 38pt;
    font-weight: 100;
    margin: 0;
    margin-bottom: 35px;
}

.cb-integration p {
    font-size: 14pt;
    font-weight: 100;
}

.cb-unnamed-001 {
    padding: 130px 0;
    background: url("../_images/img/img_05/05_3_bg.jpg") no-repeat top center;
    background-size:cover;
}

.cb-unnamed-001 .cb-layout {
    width: 1200px;
    margin: 0 auto;
}
.cb-unnamed-001 .cb-layout:after {clear:both; display:block; content:'';}

.cb-unnamed-001 .cb-layout .cb-left {
    width: 810px;
}

.cb-unnamed-001 .cb-layout .cb-right {
    margin-left: 840px;
}

.cb-unnamed-001 .cb-circle-logolist {
    width: 810px !important;
    justify-content: space-between;
}

.cb-unnamed-001 .cb-circle-logoitem {
    display:inline-block;
    width: 105px;
    height: 105px;
    margin-top: 0;
    margin-bottom: 50px;
}
.cb-unnamed-001 .cb-circle-logoitem:nth-last-child(-n+6) {margin-bottom:0;}

.cb-unnamed-002 {
    padding: 150px 0;
}

.cb-just-fit {
    padding: 150px 0 0 0;
    background-color: #f4f4f4;
}

.cb-just-fit .cb-icon-description-container {
    margin: 0 auto;
    margin-top: 50px;
}

.cb-just-fit .cb-image img {
    width: auto;
    height: auto;
}




.cb-start-consulting {
    padding: 250px 0;
    background: url("../_images/img/img_06/06_1_bg.jpg") no-repeat center center;
}

.cb-start-consulting h1,
.cb-start-consulting h3 {
    color: #fff;
}

.cb-start-consulting h3 {
    font-size: 14pt;
    font-weight: 100;
    text-align: center;
    margin: 40px 0 110px;
}

.cb-start-consulting button {
    margin: 0 auto;
}

.cb-start-consulting .cb-skeleton-button {
    color: #fff;
    border: 1px solid #fff;
    background-color: transparent;
}

.cb-start-rightaway {
    padding: 120px 0;
}

.cb-start-rightaway h1 {
    font-size: 34pt;
    margin-bottom: 75px;
}

.cb-start-rightaway .cb-image-text-container {
    justify-content: space-between;
}

.cb-start-rightaway .cb-image-text-container .cb-image {
    text-align: center;
}

.cb-start-rightaway .cb-image-text-container .cb-image img {
    width: auto;
    height: auto;
}

.cb-start-rightaway .cb-image-text-container .cb-image-text {
    width: 560px;
    box-sizing: border-box;
}

.cb-self-afterservice {
    padding: 110px 0;
    background: url("../_images/img/img_06/06_3_bg.jpg") no-repeat center center;
}

.cb-self-afterservice h3 {
    font-size: 14pt;
    font-weight: 100;
    margin: 35px 0;
    text-align: center;
}

.cb-huge-image-locator {
    width: 1100px;
    height: 750px;
    margin: 0 auto;
    position: unset;
}

.cb-huge-image-locator .cb-image-001 {
    width: 950px;
    height: 725px;
    background: url("../_images/img/img_06/06_3_img1.png") no-repeat center center;
}

.cb-huge-image-locator .cb-image-002 {
    width: 250px;
    height: 507px;
    background: url("../_images/img/img_06/06_3_img2.png") no-repeat center center;
    right: 20px;
}

.cb-big-front {
    padding: 110px 0;
    background: url("../_images/img/img_06/06_5_bg.jpg") no-repeat center center;
}

.cb-big-front h1 {
    margin-bottom: 75px;
    color:#fff;
}

.cb-big-front .cb-movie-panel {
    width: 1200px;
    height: 680px;
    margin: 0 auto;
    margin-bottom: 75px;
    background-color: #808080;
}

.cb-big-front .cb-shadow-image-text-list .cb-text h3 {
    color :#fff;
}

.cb-big-front .cb-shadow-image-text-list .cb-text p {
    color :#fff;
}

.cb-customers {
    padding: 110px 0 0 0;
    background-color: #f4f4f4;
}

.cb-customers h1 {
    margin-bottom: 75px;
}

.cb-customers .cb-circle-logolist {
    width: 1200px;
    margin: 0 auto;
    justify-content: space-around;
    margin-bottom:40px;
}

.cb-customers .cb-circle-logolist .cb-circle-logoitem {
    width: 150px;
    height: 150px;
    margin: 0 15px 30px;
}





.cb-blog-main {
    position:relative;
    padding: 165px 0;
    background: url("../_images/img/img_07/07_1_bg.jpg") no-repeat center center;
    background-size: cover;
}

.cb-blog-main h1 {
    width: 1200px;
    font-size: 42pt;
    font-weight: 100;
    margin: 0 auto;
    color: #fff;
    text-align: left;
    line-height: initial;
}
.cb-blog-content {
    padding: 60px 0 60px;
}

.cb-blog-content .cb-dropdown-basicsize {
    margin-bottom: 30px;
}


.cb-partnership {
    padding: 250px 0;
    background: url("../_images/img/img_08/08_1_bg.jpg") no-repeat center center;
}

.cb-partnership h1 {
    color: #fff;
}

.cb-partnership h3 {
    font-size: 14pt;
    font-weight: 100;
    color: #fff;
    text-align: center;
    margin: 30px 0 120px;
}

.cb-partnership .cb-skeleton-button {
    color: #fff;
    border-color: #fff;
    margin: 0 auto;
}
.cb-partnership-program {
    padding: 110px 0 0;
    height: 1470px;
    box-sizing: border-box;
    position: relative;
}

.cb-partnership-program .cb-shadow-image-text-list .cb-item {
    height: auto;
}

.cb-partnership-program .cb-shadow-image-text-list .cb-text p {
    height: auto;
}

.cb-partnership-main {
    width: 1200px;
    height: 666px;
    background: url("../_images/img/img_08/08_2_img4.png") no-repeat center center;
    margin: 82px auto 0;
}
.cb-partnership-graph {
    padding: 110px;
    background: url("../_images/img/img_08/08_3_bg.jpg") no-repeat center center;
}

.cb-partnership-graph h1 {
    margin-top: 100px;
    color: #fff;
}

.cb-partnership-graph h3 {
    margin: 25px 0 50px;
    font-weight: 100;
    text-align: center;
    color: #fff;
}

.cb-partnership-graph .cb-sequence-circle-container {
    width: 1245px;
}

.cb-partnership-graph .cb-sequence-circle-container,
.cb-partnership-graph .cb-icon-description-container {
    margin: 0 auto;
}

.cb-icon-description-leftalign .cb-image {
    text-align: left!important;
}

.cb-icon-description-leftalign img {
    width: auto;
    height: auto;
}
.cb-partnership-process {
    padding: 110px 0;
    background-color: #f4f4f4;
}

.cb-partnership-process h1 {
    font-size: 36pt;
    margin-bottom: 70px;
}

.cb-partnership-process .cb-sequence-circle-simple {
    width: 1200px;
    margin: 0 auto;
}

.cb-partnership-process .cb-sequence-circle-item .cb-image {
    font-size: 22pt;
    color: #fff;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.cb-request-consult h3 {
    font-weight: 100;
    font-size: 18pt;
    text-align: center;
    margin-top: -40px;
    margin-bottom: 50px;
}

.cb-hospital .cb-huge-image-locator {
    width: 975px;
    right: 0;
    bottom: 0;
    position: absolute;
}

.cb-hospital .cb-huge-image-locator .cb-image-001 {
    width: 438px;
    height: 741px;
    background: url("../_images/img/img_04/04_1_img1.png") no-repeat center center;
    z-index: 10;
}

.cb-hospital .cb-huge-image-locator .cb-image-002 {
    width: 420px;
    height: 630px;
    background: url("../_images/img/img_04/04_1_img2.png") no-repeat center center;
    left: 390px;
    z-index: 9;
}

.cb-image-text-inbox a {
    text-align: left;
    color: ;
}

/* --------- english ----------*/
.cwrap {position:relative; width:1200px; margin:0 auto; padding:200px 0;}
.fwrap {position:relative;}
.fwrap:after {clear:both; content:''; display:block;}
.fl {float:left;}
.fr {float:right;}

.w10 {width:10% !important;} .w15 {width:15% !important;}
.w20 {width:20% !important;} .w25 {width:25% !important;}
.w30 {width:30% !important;} .w35 {width:35% !important;}
.w40 {width:40% !important;} .w45 {width:45% !important;}
.w50 {width:50% !important;} .w55 {width:55% !important;}
.w60 {width:60% !important;} .w65 {width:65% !important;}
.w70 {width:70% !important;} .w75 {width:75% !important;}
.w80 {width:80% !important;} .w85 {width:85% !important;}
.w90 {width:90% !important;} .w95 {width:95% !important;}

.cb-english-01 {position:relative; background:#455469;}
.cb-english-01 .intro_txt {position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.cb-english-01 h1 {font-size: 38pt; font-weight: 100; line-height: 1.2em; margin: 0; color: #fff;}
.cb-english-01 .stxt {font-size: 14pt; font-weight: 100; line-height: 1.3em; margin: 0; color: #fff; margin-top:50px;}
.cb-english-01 .ul_list li {position:relative; margin-bottom:20px; padding-left:15px;}
.cb-english-01 .ul_list li:after {position:absolute; left:0; top:0; content:'-'; color:#fff;}
.cb-english-01 .intro_img {position:relative;}

.cb-english-02 {position:relative; background:#fff;}
.cb-english-02 .intro_txt {position:relative;}
.cb-english-02 h1 {font-size:38pt; font-weight: 100; line-height: 1.2em; margin: 0; color: #000; text-align:center;}
.cb-english-02 .stxt {font-size: 14pt; font-weight: 100; line-height: 1.3em; margin: 0; color: #000; text-align:center; margin-top:50px;}
.cb-english-02 .intro_img {position:relative; margin-top:60px;}

.cb-english-03 {position:relative; background:#e4e8ed;}
.cb-english-03 .intro_txt {position:absolute; left:0; top:50%; transform:translateY(-65%); -webkit-transform:translateY(-65%);}
.cb-english-03 h1 {font-size: 38pt; font-weight: 100; line-height: 1.2em; margin: 0; color: #000;}
.cb-english-03 .stxt {font-size: 14pt; font-weight: 100; line-height: 1.3em; margin: 0; color: #000; margin-top:50px;}
.cb-english-03 .ul_list li {position:relative; margin-bottom:20px; padding-left:15px;}
.cb-english-03 .ul_list li:after {position:absolute; left:0; top:0; content:'-'; color:#000;}
.cb-english-03 .intro_img {position:relative;}

.cb-english-04 {position:relative; background:#fff;}
.cb-english-04 .intro_txt {position:relative;}
.cb-english-04 h1 {font-size:38pt; font-weight: 100; line-height: 1.2em; margin: 0; color: #000; text-align:center;}
.cb-english-04 .stxt {font-size: 14pt; font-weight: 100; line-height: 1.3em; margin: 0; color: #000; text-align:center; margin-top:50px;}
.cb-english-04 .intro_img {position:relative; margin-top:60px;}
.cb-english-04 .cb-autoreservation-image-container {width:100%;}
.cb-english-04 .cb-text {margin-top:30px; margin-left:20px;}
.cb-english-04 .cb-text h3 {font-size:12pt; font-weight:700; margin-bottom:10px;}
.cb-english-04 .cb-text p {font-size:10pt;}

.cb-start-callbot {padding: 250px 0; background: url("../_images/img/img_09/09_1_bg.jpg") no-repeat center center;}

.cb-start-callbot h1,
.cb-start-callbot h3 {
    color: #fff;
}

.cb-start-callbot h3 {
    font-size: 14pt;
    font-weight: 100;
    text-align: center;
    margin: 40px 0 110px;
}

.cb-start-callbot button {
    margin: 0 auto;
}

.cb-start-callbot .cb-skeleton-button {
    color: #fff;
    border: 1px solid #fff;
    background-color: transparent;
}