.flex-box{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

/* btn_box */
.btn_box{display: flex;justify-content: flex-start;flex-wrap: wrap;}
.btn_box>div:first-child{margin-right: 18px;}
.btn_box>div{margin-top: 22px;}
.btn_box>div img{display: block;margin: 8px auto 0px;}
.btn_box a{border-radius: 8px;background: #00CEB2;height: 56px;display: block;line-height: 56px;text-align: center;font-weight: bold;font-size: 20px;color: #fff;box-sizing: border-box;min-width: 240px;padding: 0 16px;text-decoration: none;}
.btn_box a:hover{background-color: rgba(0, 206, 178, 0.8);}
.btn_box i{display: inline-block;width: 30px;height: 30px;background: url(/img/video-repair/windows.svg) no-repeat;background-size: 100%;margin-right: 8px;vertical-align: -8px;}
.btn_box i.mac{display: inline-block;width: 30px;height: 30px;background: url(/img/video-repair/mac.svg) no-repeat;background-size: 100%;margin-right: 8px;vertical-align: -8px;}

/* banner */
.banner{max-width:100%;position:relative;z-index:0;padding-top:96px;padding-bottom:96px;background: linear-gradient( 83deg, #F9F6FF 0%, #E6D9FF 100%);}
.banner .banner-img{max-width:584px;width:100%;margin:0;-webkit-align-self: center;align-self: center;}
.banner .banner-img img{display:block;max-width:100%;margin:0 auto;}
.banner .banner-text{max-width:544px;width:100%;margin:0;-webkit-align-self: center;align-self: center;}
.banner h1{font-size:39px;line-height: 48px;color:#222;margin-bottom:20px;font-weight:bold;}
.banner li{font-size: 16px;line-height: 24px;color: #222;margin-bottom: 6px;padding-left: 16px;position: relative;}
.banner li::before{width: 4px;height: 4px;border-radius: 50%;display: inline-block;background: #222222;overflow: hidden;clear: both;content: "";top: 10px;left: 0px;position: absolute;}
.buy_zoon{box-sizing:border-box;margin:24px 0 20px;width: 100%;padding:20px 20px 24px;background: #E3D3FF; border-radius: 20px;color:#fff;font-size: 18px;;}
.banner select{position:relative;display:inline-block;margin-right: 11px;width: 140px;height: 28px;outline:0;border: 2px solid #FFFFFF;border-radius: 4px;font-size: 14px;line-height: 23px;background-color: transparent;color:rgba(255,255,255,.7);padding-left: 12px;appearance:none;-moz-appearance:none;-webkit-appearance:none;vertical-align: 1px;background: url(/images/thankyou/point.png) no-repeat 116px -11px;}
.banner select option:nth-child(even){background-color: transparent;color:#222;}
.banner select option{color:#222;padding-left: 16px;box-sizing: border-box;}
.one_pc.hide,.three_pc.hide,.one_year.hide{display: none;}
.banner .price{background: none;padding-left: 0;font-size:18px;color: #333;}
.banner .price .now{font-size: 32px;color:#FF4400;font-weight: bold;}
.banner_secure{display: block;margin:0;width: 100%;max-width: 439px;height: auto;}



/* data table */
.data-type {box-sizing:border-box;max-width:1140px;width:100%; overflow:hidden; margin:120px auto 120px;}
.data-type h2{font-size: 36px;line-height: 44px;display: block;margin:0 auto 52px;text-align: center;}
.data-type>div{border: 1px solid #D3BDFF;border-radius: 20px;overflow: hidden;}
.data-type table {background: #F9F6FF;border-collapse: collapse;width: 100%;}
.data-type table th{padding: 18px 16px;box-sizing: border-box;background: #D3BDFF;text-align: center;font-weight: bold;font-size: 16px;}
.data-type table td{padding: 16px;text-align: center;border-bottom: 1px solid #D3BDFF;}
.data-type table tr:last-child td{border-bottom: none;}
.data-type table th,.data-type table td {border-right: 1px solid #D3BDFF;}
.data-type table th:last-child,.data-type table td:last-child {border-right: none;}
.section-title{font-weight: bold;vertical-align: middle;}
.data-type table .btn_box{max-width: 218px;margin: auto;}
.data-type table .btn_box a{min-width: 218px;height: 54px;line-height: 54px;position: relative;padding: 0px 40px 0px 10px;}
.data-type table .btn_box a:nth-child(1){margin-bottom: 18px;}
.data-type table .btn_box i.discount{display: block;width: 44px;height: 44px;position: absolute;top: -6px;right: 4px;clear: both;content: "";background: url(/img/upgrade/50-off.png) center no-repeat;margin: 0px;}

/*bundles*/
.bundles{width: 100%;margin:0 auto;padding:0px;margin: 120px auto;}
.bundles h2{text-align: center;font-size: 40px;margin-bottom: 52px;}
.bundles .container{padding:0px;align-items: center;justify-content: space-between;}
.pro_item{width: 266px;box-shadow: 0px 6px 30px 0px rgba(188,190,193,0.3);border-radius: 20px;padding: 20px 20px 24px;box-sizing: border-box;}
.pro_item img{display: block;width: 100%;margin:0 auto 8px;max-width: 200px;}
.pro_item p{display: block;text-align: center;font-size: 18px;line-height: 28px;color:#222;font-weight: bold;}
.bundles>div>img{display: block;margin: 0px 8px;}
.bundle_zoon{width: 326px;box-shadow: 0px 6px 30px 0px rgba(188,190,193,0.3);border-radius: 20px;padding: 32px;box-sizing: border-box;}
.bundles .price{margin: 0;font-size: 18px;color:#333;margin-bottom: 20px;text-align: center;}
.bundles .price .now{font-size: 32px;line-height: 40px;color:#FF4400;font-weight: bold;}
.bundles .btn_box{flex-direction: column;align-items: center;}
.bundles .btn_box a{margin-bottom: 12px;}
.bundles .btn_box img{display: block;width: 100%;}

@media screen and (max-width:1140px){
  .banner{padding: 100px 0px;}
  .banner>div{flex-direction: column;align-items: center;}
  .data-type{max-width: 100%;}
  .data-type .table_box{overflow: auto;width: 100%;border-radius: 8px;}
  .data-type table{min-width: 960px;}
  .data-type,.bundles{margin: 100px auto;}
}
@media screen and (max-width:981px){
  .bundles .container{max-width: 330px;flex-direction: column;align-items: center;}
  .pro_item{min-width: 330px;}
  .bundles>div>img{transform: rotate(90deg);margin: 20px;}
}
@media screen and (max-width:780px){
  .banner{padding: 70px 0px;}
  .data-type,.bundles{margin: 70px auto;}
  .banner h1{font-size: 36px;line-height: 42px;}
  .data-type h2,.bundles h2{margin-bottom: 30px;font-size: 32px;line-height: 40px;}
}
@media screen and (max-width:500px){
  .banner{padding: 40px 0px;}
  .data-type,.bundles{margin: 40px auto;}
  .banner h1{font-size: 32px;}
  .data-type h2,.bundles h2{margin-bottom: 30px;font-size: 28px;line-height: 36px;}
}
@media screen and (max-width:380px){
  .bundle_zoon{width: 100%;}
  .pro_item{min-width: 100%;}
}