@charset "utf-8";
/* CSS Document */

/****************************************************
*  project: filmora community topic                 *
*  description: breakpoint/container 1216px/1200px  *
*  author: mazq@wondershare.cn                      *
*  update: 170205                                   *
****************************************************/

/********** pre-launch **********/
/** top banner **/
.pre-launch-top-banner { padding: 85px 0; }
.pre-launch-top-banner .heading { font-size: 72px; line-height: 1; margin: 0 0 10px; }
.pre-launch-top-banner .videos { padding: 3% 20%; }
.pre-launch-top-banner .logo { height: 60px; }
.pre-launch-top-banner .desc { margin: 20px 0 0; }
.pre-launch-top-banner .action { margin: 20px 0; }
.pre-launch-top-banner .yt-play { font-size: 120px; }
@media(max-width: 1215px){
.pre-launch-top-banner { padding: 60px 0; padding: 9vh 0; }
.pre-launch-top-banner .heading { font-size: 48px; font-size: 13vw; }
.pre-launch-top-banner .logo { height: 40px; height: 6vh; }
.pre-launch-top-banner .time {font-size: 24px; font-size: 7vw; line-height: 4vh; margin-top: 10px; }
.pre-launch-top-banner .images { height: auto; }
.pre-launch-top-banner .videos { padding: 5%; }
}

/** channel **/
.pre-launch-channel { padding: 180px 0 120px; background-position: 50% 100%; }
.pre-launch-channel .heading { margin: 0 0 30px; font-size: 48px; line-height: 60px; letter-spacing: 1.8px; text-shadow: 1px 1px 2px #999; }
.pre-launch-channel .desc { font-size: 18px; line-height: 25px; }
@media(max-width: 1215px){
.pre-launch-channel { padding: 120px 0 60px; background-position: 50% 100%; }
.pre-launch-channel .and-more  { margin-top: 0; display: none; }
.pre-launch-channel .heading { margin: 0 0 20px; font-size: 36px; line-height: 40px; }
}

/** experts **/
.pre-launch-experts { padding: 60px 0; }
.pre-launch-experts .heading { font-size: 48px; line-height: 60px; letter-spacing: 1.8px; margin: 0 0 60px; }
.pre-launch-experts .goal li { font-size: 32px; line-height: 40px; font-weight: bold; letter-spacing: 1px; margin-bottom: 45px; }
.pre-launch-experts .goal li:before { color: #ff6d5c; font-size: 56px; width: 50px; vertical-align: top; }
.pre-launch-experts .yt-player { margin: 15px 0 0; }
@media(max-width: 1215px){
.pre-launch-experts { padding: 0; }
.pre-launch-experts .heading { margin: 40px 0 20px; font-size: 36px; line-height: 40px; }
.pre-launch-experts .goal { text-align: left; }
.pre-launch-experts .goal li { display: block; font-size: 24px;  line-height: 30px; letter-spacing: 0; margin-bottom: 10px; }
.pre-launch-experts .goal li:before { font-size: 32px; }
}

/** action **/
.pre-launch-action { padding: 60px 0; }
.pre-launch-action .heading { font-size: 48px; line-height: 50px; letter-spacing: 1.8px; margin: 0 0 60px;  }
.pre-launch-action .images { height: 380px; text-align: center; position: relative; }
.pre-launch-action .images img { max-width: 100%; }
@media(max-width: 1215px){
.pre-launch-action { padding: 40px 0; }
.pre-launch-action .heading { font-size: 36px; line-height: 40px; margin: 0 0 40px; }
.pre-launch-action .images { height: auto; }
}

/** modal join community **/
#modal-join-community .action { margin: 20px 0 -40px; }
#modal-join-community .desc { margin-bottom: 30px; }
#form-email .input-group { padding: 30px 0 50px; }
#form-email .input-group .input-span:before { position: absolute; left: -10px; }
#form-email .input-group .input-span:after { left: 0; }
#form-email .input-group .input-span p { position: absolute; width: 100%; text-align: center; bottom: 0; margin-bottom: 0; }
#form-email .group-title { line-height: 50px; font-size: 20px; }
#form-email .collection { margin: 0 -40px; }
#form-email .product { padding-bottom: 0; }
/* user type */
.user-type-null .user-new, .user-type-null .user-old,
.user-type-new .user-null, .user-type-new .user-old,
.user-type-old .user-null, .user-type-old .user-new { display: none; }
.user-type-new .user-new.user-old, .user-type-old .user-new.user-old { display: block; }