#beta_main .heading{background-image:url("../../img/beta/2017_beta_intro_bg.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#333;color:#fff;height:400px;box-sizing:border-box;padding:0;overflow:hidden}@media (max-width: 767px){#beta_main .heading{height:calc(100vh - 50px);max-height:606px}}#beta_main .heading .wrapper{box-sizing:border-box;position:absolute;min-width:100%}#beta_main .heading #content_text{background-color:rgba(0,0,0,0.5);height:100%;display:flex;align-items:center}@media (max-width: 767px){#beta_main .heading #content_text .container{max-width:98%}}#beta_main .heading #content_bg{top:50%;left:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#beta_main .heading #content_bg video{min-height:100%;min-width:100%;display:none}@media (min-width: 1024px){#beta_main .heading #content_bg video{display:block;min-height:606px}}#beta_main #package_lists h2.title{margin-bottom:8px;margin-top:-10px}#beta_main #package_lists .package_group{margin-bottom:70px}#beta_main #package_lists .package_group:last-child{margin-bottom:0}#beta_main #package_lists #beta_2017_ActiveBackupGSuiteOffice365 .img img{width:110px}#beta_main .box{position:relative;background-color:#e7ecf2;height:312px;margin-bottom:12px;overflow:hidden}#beta_main .box .inner{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:30px 30px 96px 30px;position:relative}#beta_main .box .inner #publish_date{position:absolute;right:20px;top:50px;font-size:12px;line-height:20px;text-align:right;color:#999}#beta_main .box .inner .css-table{display:table}#beta_main .box .inner .css-table .tbody{display:table-row-group}#beta_main .box .inner .css-table .tr{display:table-row}#beta_main .box .inner .css-table .th,#beta_main .box .inner .css-table .td{display:table-cell}#beta_main .box .inner .version,#beta_main .box .inner .publish{font-size:12px;color:#9ba6af}#beta_main .box .inner .version ul{margin:0;padding-left:0;min-height:50px}#beta_main .box .inner .version ul li{list-style:none}#beta_main .box .inner .publish{margin-top:40px}#beta_main .box .front{-moz-transition:-moz-transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);-o-transition:-o-transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);transition:transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}#beta_main .box .front .color_indicator{height:3px;width:21px;margin:24px 0 10px}#beta_main .box .front .publish{margin-top:10px}#beta_main .box .front .dotdotdot{height:48px;line-height:24px;color:#666}#beta_main .box .full{-moz-transition:opacity 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);-o-transition:opacity 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);-webkit-transition:opacity 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);transition:opacity 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);position:absolute;display:block;top:0;width:100%;overflow:hidden;color:#fff;opacity:0}#beta_main .box .full .inner{padding-top:50px;width:100%;min-height:312px}#beta_main .box .full .inner .desc,#beta_main .box .full .inner .btn{-moz-transition:-moz-transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);-o-transition:-o-transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);transition:transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-webkit-transform:translateY(20px);transform:translateY(20px)}#beta_main .box .full .desc.dotdotdot{height:96px;line-height:24px}#beta_main .box:hover .front{-moz-transform:scale(0.95);-ms-transform:scale(0.95);-webkit-transform:scale(0.95);transform:scale(0.95)}#beta_main .box:hover .full{max-height:600px;opacity:0.95}#beta_main .box:hover .full .inner .desc,#beta_main .box:hover .full .inner .btn{-moz-transform:none;-ms-transform:none;-webkit-transform:none;transform:none}#beta_main .box .date{text-align:right;opacity:0.7}#beta_main .box .img{height:48px}#beta_main .box .img img{width:48px;height:48px}#beta_main .box .name{font-size:20px;line-height:18px;padding:12px 0;margin-top:10px;font-weight:400}#beta_main .box .btn{position:absolute;padding:3px 8px;bottom:32px;line-height:24px;border:1px solid #fff;color:#fff;background-color:transparent;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}#beta_main .no_content{font-size:18px}#intro{min-height:690px;background-color:#f3f3f3}#intro menu{border-bottom:1px solid #d6d6d6;padding:16px 0;margin:0 0 40px;overflow:hidden}#intro a.join_btn{float:right;font-size:13px;color:#6b6b6b;line-height:18px;padding:2px 14px 3px;border:1px solid #c5c5c5;border-radius:30px;margin-top:2px}@media (min-width: 1450px){#intro .intro_01{max-width:711px}}#intro .img{width:48px;margin-bottom:15px}#intro .title a{font-size:18px;line-height:28px;color:#6b6b6b;font-weight:normal;float:left}
