@import url("https://www.digiwin.com/tw/dsc/css/bootstrap4.0_M.css");
@import url("https://www.digiwin.com/tw/dsc/css/swiper-bundle.min.css");
@import url("https://www.digiwin.com/tw/dsc/css/animate-3.7.2.css");

.wow {
    animation-fill-mode: both;
}
.fadeInUpSmall {
    animation-name: fadeInUpSmall;
}
@keyframes fadeInUpSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.fadeInDownSmall {
    animation-name: fadeInDownSmall;
}
@keyframes fadeInDownSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.fadeInLeftSmall {
    animation-name: fadeInLeftSmall;
}
@keyframes fadeInLeftSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.fadeInRightSmall {
    animation-name: fadeInRightSmall;
}
@keyframes fadeInRightSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.fadeInTopLeftSmall {
    animation-name: fadeInTopLeftSmall;
}
@keyframes fadeInTopLeftSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-10%, -10%, 0);
        transform: translate3d(-10%, -10%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.fadeInTopRightSmall {
    animation-name: fadeInTopRightSmall;
}
@keyframes fadeInTopRightSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(10%, -10%, 0);
        transform: translate3d(10%, -10%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.fadeInBottomLeftSmall {
    animation-name: fadeInBottomLeftSmall;
}
@keyframes fadeInBottomLeftSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 10%, 0);
        transform: translate3d(-10%, 10%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.fadeInBottomRightSmall {
    animation-name: fadeInBottomRightSmall;
}
@keyframes fadeInBottomRightSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(10%, 10%, 0);
        transform: translate3d(10%, 10%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.bounceInSmall {
    animation-name: bounceInSmall;
}
@keyframes bounceInSmall {
    from,
    10%,
    40%,
    60%,
    80%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        transform: scale3d(0.8, 0.8, 0.8);
    }
    40% {
        transform: scale3d(1.04, 1.04, 1.04);
    }
    60% {
        transform: scale3d(1, 1, 1);
    }
    80% {
        opacity: 1;
        transform: scale3d(1.01, 1.01, 1.01);
    }
    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}
@keyframes arr-flash {
    0%,
    80%,
    100% {
        opacity: 0.5;
    }
    50% {
        opacity: 1;
    }
}
html {
    font-size: 10px;
}
.cs_wrap {
    font-family: "微軟正黑體";
    font-size: 1em;
}
a {
    text-decoration: none;
}
@media screen and (min-width: 768px) and (max-width: 1380px) {
    .cs_wrap {
        font-size: 0.85em;
    }
}
.cs1{
    background: url("../images/CF/c1_bg.png") no-repeat center !important;
    background-size: cover !important;
}
.cs1 .cs1_header a{
    color: #fff !important;
}
.cs1 .content{
    width: 100% !important;
    align-items: flex-start !important;
    padding: 7rem 2rem 0!important;
}
.cs1 .cs1_brmb{
    display: none;
}
.cs1 h1 {
    text-align: left !important;

}
.cs1 h2{
    color: #fff600 !important;
    text-align: left !important;
    line-height: 1.2 !important;
}
.cs1 a{
    max-width:25em !important;
    height: 6em !important;
}
.cs1 a::after{
    display: none !important;
}
.cs2 {
    display: flex;
    align-items: center;
}
.cs2 .content {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 7.7rem 0;
}
.cs2 h1 {
    font-size: 4em;
    color: #000;
    text-align: center;
    margin: 0 0 8.7rem;
}
.cs2 h1 span {
    color: #0da78f;
}
.cs2 h1 br {
    display: none;
}
.cs2 .cs2_boxs {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    margin: 0 auto;
}
.cs2 .cs2_boxs .cs2_box {
    width: 100%;
    max-width: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.cs2 .cs2_boxs .cs2_box p {
    font-size: 1.8em;
    color: #000;
    line-height: 1.3;
}
.cs2 .cs2_boxs .cs2_box .cs2_img {
    height: 113px;
    margin: 0 0 3rem;
}
.cs3 {
    background: url("../images/CF/c3_bg.png") no-repeat center;
}
.cs3 .content {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 11rem 0 13rem;
}
.cs3 h1 {
    font-size: 4em;
    color: #000;
    text-align: center;
    margin: 0 0 7rem;
}
.cs3 h1 span {
    color: #0da78f;
}
.cs3 .cs3_store {
    display: flex;
    justify-content: center;
}
.cs3 .cs3_plans {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.cs3 .cs3_plan1 {
    margin: 0 0 2.5rem 2rem;
}
.cs3 .cs3_plan2 {
    margin: 0 0 2rem -8rem;
}
.cs3 .cs3_plan3 {
    margin: 0 0 1rem -19rem;
}
.cs3 .cs3_plan1 h2 {
    color: #4ad4b3;
}
.cs3 .cs3_plan2 h2 {
    color: #52b6e2;
}
.cs3 .cs3_plan3 h2 {
    color: #498afe;
}
.cs3 .cs3_plan h2 {
    font-size: 3em;
    font-weight: bold;
    font-family: "Microsoft YaHei";
    margin: 0 0 1rem;
}
.cs3 .cs3_plan p {
    font-size: 1.8em;
    line-height: 1.3;
    color: #000;
}
.cs3 .cs3_plan img {
    display: none;
}
.cs3 a {
    width: 100%;
    max-width: 40em;
    height: 7em;
    background: #ffaa3d;
    border-radius: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 9.5rem auto 2.5rem;
    position: relative;
}
.cs3 a p {
    font-size: 2.2em;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0.3rem;
}
.cs3 a::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width:  6.5px 0 6.5px 13px;
    border-color: transparent transparent transparent #fff;
    margin: 0 0 0 1.5em;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0,-50%);
}
.cs3 a:hover {
    background: #ff703d;
}
.cs4 .content {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 9.5rem 5.5rem 10rem;
}
.cs4 h1 {
    font-size: 4em;
    color: #000;
    text-align: center;
    margin: 0 0 10rem;
}
.cs4 h1 span {
    color: #0da78f;
}
.cs4 .cs4_page {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.cs4 .cs4_boxs {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.cs4 .cs4_boxs .cs4_box {
    width: 100%;
    max-width: 250px;
    height: 320px;
    border-radius: 10px;
    border: 6px solid #4ad4b3;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3rem 2.8rem 0;
    position: relative;
}
.cs4 .cs4_boxs .cs4_box .cs4_boxicon {
    height: 69px;
}
.cs4 .cs4_boxs .cs4_box::after {
    position: absolute;
    top: 50%;
    right: -23px;
    transform: translate(0, -50%);
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13.5px 0 13.5px 23px;
    border-color: transparent transparent transparent #ffaa3d;
}
.cs4 .cs4_boxs .cs4_box:last-child::after {
    display: none;
}
.cs4 .cs4_boximg {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
}
.cs4 .cs4_boximg2 {
    margin: 2.4rem 0;
}
.cs4 .cs4_boxs .cs4_box h2 {
    font-size: 2.2em;
    color: #0d9767;
    font-weight: bold;
    text-align: center;
    line-height: 1.1;
    margin: 3rem 0 1.5rem;
}
.cs4 .cs4_boxs .cs4_box h2 span {
    opacity: 0;
}
.cs4 .cs4_boxs .cs4_box p {
    font-size: 1.8em;
    color: #000;
    line-height: 1.2;
}
.cs4 a {
    width: 100%;
    max-width: 40em;
    height: 7em;
    background: #ffaa3d;
    border-radius: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 7rem auto 0;
}
.cs4 a p {
    font-size: 3.6em;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0.3rem;
}
.cs4 a::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1.25em 0 1.25em 2.5em;
    border-color: transparent transparent transparent #fff;
    margin: 0 0 0 1.5em;
}
.cs4 a:hover {
    background: #ff703d;
}
.cs4 .cs4_boxsmb {
    display: none;
}
.c4_img{
    width: 100%;
}
.cs5 {
    background: #fff;
}
.cs5 .content {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 9.5rem 0 13rem;
}
.cs5 h1 {
    font-size: 4em;
    color: #000;
    text-align: center;
    margin: 0 0 10rem;
}
.cs5 h1 span {
    color: #0da78f;
}
.cs5 .cs5_datasmb {
    display: none;
}
.cs5 .cs5_datas {
    width: 100%;
    max-width: 88.5rem;
    display: flex;
    justify-content: center;
    position: relative;
    margin: 0 auto;
}
.cs5 .cs5_boxs {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0 0 0 0;
    position: relative;
}
.cs5 .cs5_boxs2 {
    align-items: flex-end;
}
.cs5 .cs5_box1 {
    border: 6px solid #4ad4b3;
    border-top-left-radius: 5rem;
    color: #4ad4b3;
    padding: 0 7rem 0 0;
    margin: 0 0 1.5rem;
}
.cs5 .cs5_box2 {
    border: 6px solid #4ad4b3;
    border-bottom-left-radius: 5rem;
    color: #4ad4b3;
    padding: 0 7rem 0 0;
}
.cs5 .cs5_box3 {
    border: 6px solid #498afe;
    border-top-right-radius: 5rem;
    color: #498afe;
    padding: 0 0 0 9rem;
    margin: 0 0 1.5rem;
}
.cs5 .cs5_box4 {
    border: 6px solid #498afe;
    border-bottom-right-radius: 5rem;
    color: #498afe;
    padding: 0 0 0 9rem;
}
.cs5 .cs5_box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 40rem;
    height: 20rem;
}
.cs5 .cs5_box h2 {
    font-size: 2.4em;
    font-family: "Microsoft YaHei";
    text-align: center;
    line-height: 1.3;
}
.cs5 .cs5_box h2 span {
    font-weight: bold;
}
.cs5 .cs5_imgs {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 15;
}
.cs5 .cs5_boxps {
    width: 100%;
    z-index: 10;
}
.cs5 .cs5_boxp {
    width: 100%;
    height: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cs5 .cs5_boxp1 {
    background: linear-gradient(to left, #4ad4b3 60%, transparent);
    position: absolute;
    top: 50%;
    left: -15%;
    transform: translate(0, -50%);
    z-index: 1;
}
.cs5 .cs5_boxp2 {
    background: linear-gradient(to right, #498afe 60%, transparent);
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translate(0, -50%);
    z-index: 1;
}
.cs5 .cs5_boxp p {
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    font-family: "Microsoft YaHei";
}
.cs6{
    background: #ebfdff;
}
.cs6 .content {
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
    padding: 8.9rem 0 12rem;
}
.cs6 h1 {
    font-size: 4em;
    color: #000;
    text-align: center;
    margin: 0 0 10rem;
}
.cs6 h1 span {
    color: #0da78f;
}
.cs6 .cs6_features {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cs6 .cs6_feature {
    width: 100%;
}
.cs6 .cs6_featurep1 .cs6_featureh2 {
    border: 1px solid #498afe;
    color: #498afe;
}
.cs6 .cs6_featurep2 .cs6_featureh2 {
    border: 1px solid #52b6e2;
    color: #52b6e2;
}
.cs6 .cs6_featurep3 .cs6_featureh2 {
    border: 1px solid #5bc3b9;
    color: #5bc3b9;
}
.cs6 .cs6_featurep4 .cs6_featureh2 {
    border: 1px solid #4ad4b3;
    color: #4ad4b3;
}
.cs6 .cs6_featurep5 .cs6_featureh2 {
    border: 1px solid #0d9767;
    color: #0d9767;
}
.cs6 .cs6_featurep6 .cs6_featureh2 {
    border: 1px solid #0b6f61;
    color: #0b6f61;
}
.cs6 .cs6_featurep .cs6_featureh2 {
    width: 100%;
    border-radius: 35px;
    display: flex;
    padding: 0.2rem 0 0.2rem 0.3rem;
}
.cs6 .cs6_featureh2 h2 {
    width: 100%;
    font-size: 2rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.cs6 .cs6_featurep p {
    color: #000;
    font-size: 16px;
    line-height: 1.3;
    padding: 1rem 0 3rem;
    max-width: 380px;
}
.cs6 .cs6_feature {
    width: 100%;
    max-width: 39rem;
}
.cs6 h1 br {
    display: none;
}
.cs6 a {
    width: 100%;
    max-width: 40em;
    height: 7em;
    background: #ffaa3d;
    border-radius: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 9.5rem auto 2.5rem;
    position: relative;
}
.cs6 a p {
    font-size: 2.2em;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0.3rem;
}
.cs6 a::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width:  6.5px 0 6.5px 13px;
    border-color: transparent transparent transparent #fff;
    margin: 0 0 0 1.5em;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0,-50%);
}
.cs6 a:hover {
    background: #ff703d;
}
@media screen and (max-width: 1024px) {
    .cs1{
        background: url("../images/CF/c1_bgmb.png") no-repeat center !important;
    }
    .cs1 .cs1_brmb{
        display: block;
    }
    .cs1 .content{
        align-items: center !important;
    }
    .cs1 h1{
        text-align: center !important;
    }
    .cs1 h2{
        text-align: center !important;
    }
    .cs1 h2 br{
        display: none;
    }
    .cs1 a{
        height: 5rem !important;
        position: relative;
        max-width: 28rem !important;
    }
    .cs1 a p{
        font-size: 1.6rem !important;
    }
    .cs1 a::after {
        display: block !important;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width:  6.5px 0 6.5px 13px !important;
        border-color: transparent transparent transparent #fff;
        margin: 0 0 0 1.5em;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translate(0,-50%);
    }
    .cs2 h1 {
        font-size: 2.8rem;
        margin: 0 0 5.5rem;
        line-height: 1.3;
    }
    .cs2 h1 br {
        display: block;
    }
    .cs2 .cs2_boxs .cs2_box .cs2_img {
        margin: 0 0 2rem;
    }
    .cs2 .content {
        padding: 5rem 2rem;
    }
    .cs2 .cs2_boxs {
        flex-wrap: wrap;
    }
    .cs2 .cs2_boxs .cs2_box {
        margin: 0 0 6rem;
    }
    .cs2 .cs2_boxs .cs2_box h3 {
        font-size: 1.8rem;
    }
    .cs2 .cs2_boxs .cs2_box h4 {
        font-size: 2.2rem;
    }
    .cs2 .cs2_boxs .cs2_box p {
        font-size: 1.8rem;
    }
    .Navbar {
        width: 100%;
        position: fixed;
        padding: 0;
    }
    .Navbar .navbarlogo {
        /* width: 100%; */
        /* max-width: 18em; */
        height: 100%;
        background: #123d3c;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .Navbar .navbarlogo img {
        width: 98px;
    }
    .cs3 .content {
        padding: 7.6rem 2rem 9.4rem;
    }
    .cs3 h1 {
        font-size: 2.8rem;
        line-height: 1.3;
        margin: 0 0 4.7rem;
    }
    /* .cs3 a {
        max-width: 28rem;
        height: 5rem;
    }
    .cs3 a p {
        font-size: 2.8rem;
        margin: 0;
    }
    .cs3 a::after {
        border-width: 10px 0 10px 20px;
        margin: 0 0 0 0.8rem;
    } */
    .cs4 h1 {
        font-size: 2.8rem;
        line-height: 1.3;
        margin: 0 0 5rem;
    }
    .cs4 .content {
        padding: 5.5rem 2rem 8.5rem;
    }
    .cs4 a {
        max-width: 28rem;
        height: 5rem;
    }
    .cs4 a p {
        font-size: 2.8rem;
        margin: 0;
    }
    .cs4 a::after {
        border-width: 10px 0 10px 20px;
        margin: 0 0 0 0.8rem;
    }
    .cs4 .cs4_boximg2 {
        margin: 0 0 1rem;
    }
    .cs4 .cs4_boxs {
        display: none;
    }
    .cs4 .cs4_boxsmb {
        display: block;
        width: 100%;
    }
    .cs4 .cs4_boxsmb .cs4_boxsmb_slider {
        width: 100%;
        max-width: 330px;
    }
    .cs4 .cs4_boxsmb .cs4_box {
        width: 100%;
        max-width: 33rem;
        height: 28rem;
        border-radius: 10px;
        border: 6px solid #4ad4b3;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0 2rem;
    }
    .cs4 .cs4_boxsmb .cs4_box h2 {
        font-size: 2.2rem;
        color: #0d9767;
        font-weight: bold;
        margin: 2.5rem 0;
    }
    .cs4 .cs4_boxsmb .cs4_box p {
        font-size: 1.8rem;
        color: #000;
        line-height: 1.3;
    }
    .cs4 .cs4_boxsmb .swiper-pagination {
        position: initial;
        display: flex;
        justify-content: center;
        padding: 1rem 0 2rem;
    }
    .cs4 .cs4_boxsmb .swiper-pagination .swiper-pagination-bullet {
        width: 2.5rem;
        height: 2.5rem;
        color: #fff;
        font-size: 1.8rem;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 0.5rem;
    }
    .cs4 .cs4_boxsmb .swiper-pagination .swiper-pagination-bullet-active {
        background: #0d9767;
    }
    .cs5 .content {
        padding: 6.6rem 0 9rem;
    }
    .cs5 h1 {
        font-size: 2.8rem;
        margin: 0 0 4rem;
    }
    .cs5 .cs5_datas {
        display: none;
    }
    .cs5 .cs5_datasmb {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .cs5 .cs5_datasmb h4 {
        font-size: 2.2rem;
        font-weight: bold;
        color: #0d9767;
        line-height: 1.3;
        font-family: "Microsoft YaHei";
        text-align: center;
        margin: 0.5rem 0 3rem;
    }
    .cs5 .cs5_datasmb .cs5_boxsmb {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin: 0 0 3.5rem;
    }
    .cs5 .cs5_datasmb .cs5_boxsmb1 h3 {
        background: #4ad4b3;
    }
    .cs5 .cs5_datasmb .cs5_boxsmb2 h3 {
        background: #498afe;
    }
    .cs5 .cs5_datasmb .cs5_boxsmb h3 {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: 33rem;
        height: 4rem;
        font-size: 2.2rem;
        font-weight: bold;
        font-family: "Microsoft YaHei";
        color: #fff;
        margin: 0 0 1rem;
    }
    .cs5 .cs5_datasmb .cs5_boxsmb1 h2 {
        font-size: 1.8rem;
        color: #4ad4b3;
        margin: 0;
        text-align: left;
    }
    .cs5 .cs5_datasmb .cs5_boxsmb1 h2 br {
        display: none;
    }
    .cs5 .cs5_datasmb .cs5_boxsmb2 h2 {
        font-size: 1.8rem;
        color: #498afe;
        margin: 0;
        text-align: left;
    }
    .cs5 .cs5_datasmb .cs5_boxsmb2 h2 br {
        display: none;
    }
    .cs5 .cs5_boxs {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .cs5 .cs5_box {
        max-width: 33rem;
        height: auto;
        justify-content: flex-start;
        margin: 0 0 0.5rem;
    }
    .cs6 .cs6_img {
        display: none;
    }
    .cs6 .cs6_features {
        flex-direction: column;
    }
    .cs6 .content {
        padding: 6.5rem 2rem;
    }
    .cs6 h1 {
        font-size: 2.8rem;
        line-height: 1.3;
        margin: 0 0 4rem;
    }
    .cs6 h1 br {
        display: block;
    }
}

@media screen and (max-width: 768px) {
    .cs3 .cs3_plan img {
        display: block;
    }
    .cs3 .cs3_store > img {
        display: none;
    }
    .cs3 .cs3_plan {
        margin: 0 0 4rem;
        display: flex;
        align-items: flex-start;
    }
    .cs3 .cs3_plan > img {
        margin: 0 0.5rem 0 0;
    }
    .cs3 .cs3_plan h2 {
        font-size: 2.2rem;
    }
}