.bannerBox8 {max-width:1920px; position:relative; overflow:hidden; margin:0 auto; background:#71D7AB;}
.bannerBox8 .img_box {width:1024px; height:1208px; max-width:1024px; margin:0 auto; background:#71D7AB; overflow: hidden; position: relative;}
.bannerBox8 .img_box img {display: inline;width: 100%;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%, -50%, 0);}

.bannerBox9 {max-width:1920px; position:relative; overflow:hidden; margin:0 auto; background:#EAFAF3;}
.bannerBox9 .img_box {width:1024px; height:1208px; max-width:1024px; margin:0 auto; overflow: hidden; position: relative;}
.bannerBox9 .img_box img {display: inline;width: 100%;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%, -50%, 0);}


.bannerBox9 {max-width:1920px; position:relative; overflow:hidden; margin:0 auto; padding:120px 0; background:#EAFAF3;}
.bannerBox9 .title {color:#04444D; text-align:center; font-size:44px; font-weight:700; margin-bottom:40px;}
.bannerBox9 .list {max-width:1024px; margin:0 auto;}
.bannerBox9 .list li {width:100%; display:table;}
.bannerBox9 .list li .left {float:left; width:calc(50% - 20px);}
.bannerBox9 .list li .left .img_box {width:100%; height:277px; overflow:hidden; float:left;}
.bannerBox9 .list li .left .img_box img {width:100%;}
.bannerBox9 .list li .right { float:right; width:calc(50% - 20px);}
.bannerBox9 .list li .right .img_box {width:100%; height:277px; overflow:hidden; float:right;}
.bannerBox9 .list li .right .img_box img {width:100%;}

@media only screen and (max-width:1280px){ 
    .bannerBox8 { padding:120px 5%; }
    .bannerBox8 .img_box { width:100%; }
    .bannerBox9 { padding:120px 5%; }
    .bannerBox9 .title { font-size:40px; }
 }

 @media only screen and (max-width:768px){
    .bannerBox8 { padding:100px 0; }
    .bannerBox8 .img_box { height:auto; }
    .bannerBox8 .img_box img { position:inherit; transform:none; top:0; left:0; }
    .bannerBox9 { padding:100px 5%; }
    .bannerBox9 .title { font-size:30px; }
    .bannerBox9 .list li { display:flex; }
    .bannerBox9 .list li .left { width:calc((100% - 20px) / 2); float:none; }
    .bannerBox9 .list li .left .img_box { height:auto; }
    .bannerBox9 .list li .right { width:calc((100% - 20px) / 2); float:none; margin-left:20px }
    .bannerBox9 .list li .right .img_box { height:auto; }
    .bannerBox9 .img_box img { position:inherit; top:0; left:0; transform:none; }
  }


/********** side **********/
main .side { position:fixed; bottom:50px; right:50px; z-index:100; }
main .side div button { width:70px; height:70px; margin-top:10px; font-weight:500; font-size:14px; border:0; border-radius:50%; box-shadow:0 0 3px 1px rgba(0,0,0,0.2); display:flex; flex-direction:column; align-items:center; justify-content:center; background:#fff; letter-spacing:-0.6px;}
main .side div button img { width:18px; margin-bottom:5px; }
main .side div button.talk { background:#FFD463; }
main .side div button.free-trial { border-radius: 10%; }
main .side div button.payment { border-radius: 10%; letter-spacing:-1px; }
main .side div button.free-trial img, main .side div button.payment img{ width:30px; }